<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>underpk &#187; Tutorial</title>
	<atom:link href="http://underpk.com/tag/tutorial/feed" rel="self" type="application/rss+xml" />
	<link>http://underpk.com</link>
	<description>common blog uncommon memories</description>
	<lastBuildDate>Sat, 24 Dec 2011 08:37:46 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3</generator>
		<item>
		<title>A little bit with Z Depth</title>
		<link>http://underpk.com/featured-contents/a-little-bit-with-z-depth</link>
		<comments>http://underpk.com/featured-contents/a-little-bit-with-z-depth#comments</comments>
		<pubDate>Sat, 30 Jan 2010 09:50:56 +0000</pubDate>
		<dc:creator>underpk</dc:creator>
				<category><![CDATA[After Effects]]></category>
		<category><![CDATA[Featured Contents]]></category>
		<category><![CDATA[C4D]]></category>
		<category><![CDATA[Tutorial]]></category>

		<guid isPermaLink="false">http://122.155.12.240/~underpkc/wordpress//?p=4167</guid>
		<description><![CDATA[พอดีวันนี้มีเพื่อนทักมาถามว่าพอจะรู้หรือเปล่าเกี่ยวกับการทำ Depth of Field ในโพสต่อจาก 3D โดยหลักการแล้วผมพอจะรู้ครับว่าเค้าทำยังไงบ้างแบบคร่าวๆ แต่ก็ไม่เคยลองทำดูจริงๆสักที เพราะอย่างแรกเลยคือผมก็ไม่ค่อยได้ไปยุ่งอะไรกับโปรแกรม 3d สักเท่าไร อย่างที่สองก็คงเพราะว่าผมยังไม่มีความจำเป็นอะไรที่จะไปยุ่งกับมัน เหอๆ อะ แต่ไหนก็ไหนๆ ผมก็อยากรู้เหมือนกันว่ามันทำยังไงกัน ทางเดียวที่จะรู้ก็คือต้องลองดูครับ เดาผิดเดาถูกไป ก็เลยเปิด C4D ขึ้นมาลองเรนเดอร์ออกมาดูครับเลือกเรนเดอร์ออกมาเป็นไฟล์ RPF (3D channel data นั้นสามารถเซฟออกมาได้ผ่านไฟล์ RLA, RPF, Softimage PIC/ZPIC, และ Electric Image EI/EIZ formats. ) พร้อมกับพก Alpha Channel ติดมาด้วย ดูซิว่าจะต้องทำยังไง ขั้นแรกเลยผมก็ใช้ After Effects นี่หละครับเปิดขึ้นมา&#8230;]]></description>
			<content:encoded><![CDATA[<p>พอดีวันนี้มีเพื่อนทักมาถามว่าพอจะรู้หรือเปล่าเกี่ยวกับการทำ Depth of Field ในโพสต่อจาก 3D โดยหลักการแล้วผมพอจะรู้ครับว่าเค้าทำยังไงบ้างแบบคร่าวๆ แต่ก็ไม่เคยลองทำดูจริงๆสักที เพราะอย่างแรกเลยคือผมก็ไม่ค่อยได้ไปยุ่งอะไรกับโปรแกรม 3d สักเท่าไร อย่างที่สองก็คงเพราะว่าผมยังไม่มีความจำเป็นอะไรที่จะไปยุ่งกับมัน เหอๆ อะ แต่ไหนก็ไหนๆ ผมก็อยากรู้เหมือนกันว่ามันทำยังไงกัน ทางเดียวที่จะรู้ก็คือต้องลองดูครับ เดาผิดเดาถูกไป ก็เลยเปิด C4D ขึ้นมาลองเรนเดอร์ออกมาดูครับเลือกเรนเดอร์ออกมาเป็นไฟล์ RPF (3D channel data นั้นสามารถเซฟออกมาได้ผ่านไฟล์ RLA, RPF, Softimage PIC/ZPIC, และ Electric Image EI/EIZ formats. ) พร้อมกับพก Alpha Channel ติดมาด้วย ดูซิว่าจะต้องทำยังไง<br />
<span id="more-4167"></span><br />
ขั้นแรกเลยผมก็ใช้ After Effects นี่หละครับเปิดขึ้นมา import ไฟล์เข้าไปแล้วใส่ Effect 3D Channel &gt; 3D Channel Extract เพื่อแยก Z-Depth ของภาพออกมาซะ</p>
<p><img class="alignnone size-full wp-image-4173" title="SNAG-0041" src="http://underpk.com/wordpress/wp-content/uploads/2010/01/SNAG-0041.png" alt="" width="328" height="296" /></p>
<p>ค่า Black Point กับ White Point นั่นจะเป็นตัวที่เราเอาไว้แยกระยะของวัตถุครับ ตามที่ผมเข้าใจนะครับยิ่งต่างกันมาก ระยะก็ยิ่งห่างกันมากครับ (ลองนึกดูว่าแสงเมื่อยิ่งไกลออกมายิ่งจ่าน้อยลงครับ)</p>
<p><img class="alignnone size-medium wp-image-4171" title="SNAG-0040" src="http://underpk.com/wordpress/wp-content/uploads/2010/01/SNAG-0040-580x359.png" alt="" width="580" height="359" /></p>
<p>จากนั้นก็จัดการ pre-compose ผมตั้งชื่อว่า Z Depth (Move all attribute to the new composition) มันซะครับหน้าที่ของมันหมดแล้ว นี่จะเป็น layer ที่เราจะใช้ให้ plugin ของเราอ้างอิงตำแหน่งของวัตถุเพื่อที่จะไปทำระยะต่ออีกที</p>
<p>และด้วยความที่มันมี Z-Depth ก็ยังมีอะไรให้เล่นได้อีกครับ ใน After Effects เช่น Depth Matte ซึ่งสามารถแยกวัตถุที่อยู่ต่างระยะกันออกมาได้ ผมก็จัดการเพิ่มเลเยอร์ภาพของเราขึ้นมาอีก 1 เลเยอร์ครับ เลเยอร์นี้จะเป็นระยะหน้าหรือลูกบอลลูกแรกของผม</p>
<p><img class="alignnone size-full wp-image-4175" title="SNAG-0038" src="http://underpk.com/wordpress/wp-content/uploads/2010/01/SNAG-0038.png" alt="" width="281" height="332" /></p>
<p><img class="alignnone size-medium wp-image-4176" title="SNAG-0033" src="http://underpk.com/wordpress/wp-content/uploads/2010/01/SNAG-0033-580x324.png" alt="" width="580" height="324" /></p>
<p>ผมปรับ ค่า Depth จนสามารถแยกลูกบอลลูกแรกออกมาได้ครับ ต่อจากนั้นก็เป็นลูกบอลลูกหลัง ผม duplicate เลเยอร์หน้านี้ จากนั้นก็ติ๊กตรงช่อง invert ก็จะได้ลูกบอลลูกหลังครับ</p>
<p><img class="alignnone size-full wp-image-4177" title="SNAG-0039" src="http://underpk.com/wordpress/wp-content/uploads/2010/01/SNAG-0039.png" alt="" width="281" height="332" /></p>
<p><img class="alignnone size-medium wp-image-4178" title="SNAG-0032" src="http://underpk.com/wordpress/wp-content/uploads/2010/01/SNAG-0032-580x324.png" alt="" width="580" height="324" /></p>
<p>จากนั้นก็ใส่ตัวหนังสือสักหน่อย พอเป็นพิธีครับ เพื่อให้เห็นว่าเราสามารถแยกระยะออกมาได้ คือสามารถเอากราฟฟิคของเราไปแทรกระหว่างลูกบอลสองลูกนั้นได้นั่นเอง ทำการ pre-compose ซะ ผมตั้งชื่อว่า ALL (Move all attribute to the new composition) ตอนนี้เลเยอร์ที่เห็นใน pre-compose และภาพที่ได้ออกมาเป็นแบบนี้ครับ? ต่อจากนี้เราจะไปต่อกันที่การทำ dept of field ครับ</p>
<p><img class="alignnone size-medium wp-image-4182" title="SNAG-0036" src="http://underpk.com/wordpress/wp-content/uploads/2010/01/SNAG-0036-580x175.png" alt="" width="580" height="175" /></p>
<p><img class="alignnone size-medium wp-image-4183" title="SNAG-0021" src="http://underpk.com/wordpress/wp-content/uploads/2010/01/SNAG-0021-580x324.png" alt="" width="580" height="324" /></p>
<p>ถึงตรงนี้ก็เป็นส่วนของการทำ depth of field ครับ plugin ที่ใช้คือ <a href="http://www.frischluft.com/lenscare/index.php">Frischluft Lenscare</a> (จริงๆแล้ว Lens Blur ของ After Effects เองก็ใช้ได้) ผมก็ใส่ Effect Frischluft &gt; Depth of Field ลงบน layer ที่เราพึ่ง pre-compose เมื่อสักครู่ครับ ตอนนี้เลเยอร์ผมเป็นแบบนี้</p>
<p><img class="alignnone size-medium wp-image-4184" title="SNAG-0035" src="http://underpk.com/wordpress/wp-content/uploads/2010/01/SNAG-0035-580x175.png" alt="" width="580" height="175" /></p>
<p>เลเยอร์บน ALL คือเลเยอร์ที่เราพึ่งจะ pre compose ไปเมื่อสักครู่ครับ ส่วนเลเยอร์ล่างนั่นก็ที่พูดไว้ตอนแรกสุดเลยครับ ปิดตาไปก้ได้ เราใช้มันเพียงแค่ค่า z-depth เท่านั้นครับ</p>
<p>ส่วนค่า Effect ผมปรับแบบนี้ครับ</p>
<p><img class="alignnone size-full wp-image-4185" title="SNAG-0037" src="http://underpk.com/wordpress/wp-content/uploads/2010/01/SNAG-0037.png" alt="" width="281" height="332" /></p>
<p>depth layer ก็เลือก layer ล่างนั่นเองมาใช้สร้าง depth ต้องการให้เบลอมากน้อยปรับที่ radius ครับ ส่วน focal point ก็จุด focus ของเรานั่นเอง ถ้าเราปรับด้วยมุมมองปกติอาจจะดูยากครับ ให้ปรับตรง show เป็น sharp zone มันสามารถบอกเราได้ครับว่าตรงไหนของภาพที่ภาพคมชัด</p>
<p><img class="alignnone size-medium wp-image-4186" title="SNAG-0045" src="http://underpk.com/wordpress/wp-content/uploads/2010/01/SNAG-0045-580x330.png" alt="" width="580" height="330" /></p>
<p>ส่วนภาพที่ออกมาตอนนี้เป็นแบบนี้ครับ</p>
<p><img class="alignnone size-medium wp-image-4187" title="SNAG-0020" src="http://underpk.com/wordpress/wp-content/uploads/2010/01/SNAG-00201-580x324.png" alt="" width="580" height="324" /></p>
<address>(ขอบดำนั่นไม่เกี่ยวนะครับ ผมใส่ทีหลัง)</address>
<p>แล้วถ้าเกิดว่าเราอยากให้มันเบลอมันมากกว่านี้ เราต้องปรับทั้ง radius และ Black Point กับ White Point ควบคู่กันไปครับ สมมติว่าผมปรับตามข้างล่าง และปรับ radius point อีกภาพก็จะออกมาเป็นแบบนี้ครับ</p>
<p><img class="alignnone size-medium wp-image-4188" title="SNAG-0044" src="http://underpk.com/wordpress/wp-content/uploads/2010/01/SNAG-0044-580x330.png" alt="" width="580" height="330" /></p>
<p><img class="alignnone size-medium wp-image-4189" title="SNAG-0043" src="http://underpk.com/wordpress/wp-content/uploads/2010/01/SNAG-0043-580x330.png" alt="" width="580" height="330" /></p>
<address>ที่มีขีดสีดำคาดเพราะเป็นตัว trail ไม่ได้ลงทะเบียน</address>
<p>Flowchart เมื่อเสร็จออกมาแล้วครับถ้าอ่านตามนี้ก็จะเห็นว่าใน comp ของผมมี precomp ย่อย 2 อันอันนึงทำหน้าที่เพียงแค่เป็น z depth ไว้อ้างอิง อันนึงเป็น precomp ที่แยกระยะวัตถุออกจากกันและมีตัวหนังสืออยู่ในนั้น</p>
<p><a href="http://underpk.com/wordpress/wp-content/uploads/2010/01/SNAG-0034.png"><img class="alignnone size-medium wp-image-4191" title="SNAG-0034" src="http://underpk.com/wordpress/wp-content/uploads/2010/01/SNAG-0034-580x377.png" alt="" width="580" height="377" /></a></p>
<p>โดยรวมก็ประมาณนี้ครับ ผมไม่ได้พิมพ์ละเอียดสักเท่าไร เพราะว่าไม่ได้คิดจะทำเป็น tutorial นะครับ เพียงแต่ให้เห็นว่า ผมอยากรู้ว่าทำยังไงประมาณไหน แล้วก็ลองทำดูก็ได้ออกมาเป็นประมาณนี้ครับ เหมือน diary วันนึง แต่พูดถึง After Effects ก็เท่านั้นเอง ตัว After Effects เองยังมีคำสั่งอื่นๆที่ยังสามารถใช้ได้อีก เช่น Fog 3D ก็คือสามารถทำให้วัตถุที่อยุ่ในแต่ละระยะมีหมอกขึ้นมาตรงนั้นได้ ยิ่งไกลยิ่งมองไม่เห็นอะไรประมาณนั้นครับ สำหรับโปรแกรม 3D อื่นๆผมก็เชื่อว่าหลักการก็คงจะคล้ายๆกันไม่ต่างจากกันมาก แล้วมันก็เป็นพื้นฐานของทั้งโปรแกรม composite และโปรแกรม 3d อยู่แล้วครับ</p>
<p>ถ้าอยากอ่านเป็น tutorial จริงๆลองคลิกมาที่เว็บนี้ครับ <a href="http://aftereffects.digitalmedianet.com/articles/viewarticle.jsp?id=38046">Applying 3D Channel Effects</a> ผมได้ความรู้มาจากเว็บนี้แหละ มี source file ให้ดาวน์โหลดด้วย ส่วนของผมสามารถดาวน์โหลด source file ได้ที่นี่ครับ <a href="http://underpk.com/wordpress/wp-content/uploads/2010/01/zdepth.zip">Download Source File</a> หวังว่าโพสนี้จะพอให้เห็น concept ได้นะครับว่าว่าขั้นตอนมันประมาณไหน</p>
<p>ขอจบโพสนี้เท่านี้แล้วกันครับ มีส่วนไหนผิดพลาดหรือแนะนำคอมเม้นเอาไว้ได้ครับ ขอบคุณที่ติดตามอ่านครับ :)</p>
]]></content:encoded>
			<wfw:commentRss>http://underpk.com/featured-contents/a-little-bit-with-z-depth/feed</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Tank Bomb Composite Tutorial</title>
		<link>http://underpk.com/blog/after-effects-blog/tank-bomb-composite</link>
		<comments>http://underpk.com/blog/after-effects-blog/tank-bomb-composite#comments</comments>
		<pubDate>Wed, 14 Oct 2009 08:21:23 +0000</pubDate>
		<dc:creator>underpk</dc:creator>
				<category><![CDATA[After Effects]]></category>
		<category><![CDATA[Composite Works]]></category>
		<category><![CDATA[Tutorial]]></category>

		<guid isPermaLink="false">http://underpk.wordpress.com/2009/10/14/tank-bomb-composite/</guid>
		<description><![CDATA[เก็บเอาไว้เฉยๆก็ไม่มีประโยชน์ ผมเลยเอามาแบ่งปันกันดีกว่า เผื่อจะมีประโยชน์อะไรขึ้นมาบ้าง เป็นงานในห้องที่ทำไว้ตอนเรียนวิชา composite ตอน ปี 3 ครับ ใครที่เรียน after effect หรือสนใจก็น่าจะได้รับประโยชน์ในขั้นต้นบ้าง&#8230; Tank Bomb Composite Experimental from Adul Kokapan on Vimeo.]]></description>
			<content:encoded><![CDATA[<p><img title="tankbomb" src="http://underpk.com/wordpress/wp-content/uploads/2009/10/tankbomb.jpg" alt="tankbomb" width="580" /> เก็บเอาไว้เฉยๆก็ไม่มีประโยชน์ ผมเลยเอามาแบ่งปันกันดีกว่า เผื่อจะมีประโยชน์อะไรขึ้นมาบ้าง เป็นงานในห้องที่ทำไว้ตอนเรียนวิชา composite ตอน ปี 3 ครับ ใครที่เรียน after effect หรือสนใจก็น่าจะได้รับประโยชน์ในขั้นต้นบ้าง&#8230;</p>
<p><span id="more-414"></span></p>
<p><object width="580" height="326"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="movie" value="http://vimeo.com/moogaloop.swf?clip_id=7103192&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1" /><embed src="http://vimeo.com/moogaloop.swf?clip_id=7103192&amp;server=vimeo.com&amp;show_title=0&amp;show_byline=0&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1" type="application/x-shockwave-flash" allowfullscreen="true" allowscriptaccess="always" width="580" height="326"></embed></object>
<p><a href="http://vimeo.com/7103192">Tank Bomb Composite Experimental</a> from <a href="http://vimeo.com/underpk">Adul Kokapan</a> on <a href="http://vimeo.com">Vimeo</a>.</p>
<p><a href="http://s215.photobucket.com/albums/cc187/underpk/?action=view&amp;current=SNAG-0000.jpg" target="_blank"><img style="border: 0pt none;" src="http://i215.photobucket.com/albums/cc187/underpk/SNAG-0000.jpg" border="0" alt="Photobucket" width="575" height="403" /></a></p>
<p> <a href="http://s215.photobucket.com/albums/cc187/underpk/?action=view&amp;current=SNAG-0001.jpg" target="_blank"><img style="border:0 none;" src="http://i215.photobucket.com/albums/cc187/underpk/SNAG-0001.jpg" border="0" alt="Photobucket" width="575" height="403" /></a></p>
<p> <a href="http://s215.photobucket.com/albums/cc187/underpk/?action=view&amp;current=SNAG-0002.jpg" target="_blank"><img style="border:0 none;" src="http://i215.photobucket.com/albums/cc187/underpk/SNAG-0002.jpg" border="0" alt="Photobucket" width="575" height="403" /></a></p>
<p> <a href="http://s215.photobucket.com/albums/cc187/underpk/?action=view&amp;current=SNAG-0003.jpg" target="_blank"><img style="border:0 none;" src="http://i215.photobucket.com/albums/cc187/underpk/SNAG-0003.jpg" border="0" alt="Photobucket" width="575" height="403" /></a></p>
<p> <a href="http://s215.photobucket.com/albums/cc187/underpk/?action=view&amp;current=SNAG-0004.jpg" target="_blank"><img style="border:0 none;" src="http://i215.photobucket.com/albums/cc187/underpk/SNAG-0004.jpg" border="0" alt="Photobucket" width="575" height="403" /></a></p>
<p> <a href="http://s215.photobucket.com/albums/cc187/underpk/?action=view&amp;current=SNAG-0005.jpg" target="_blank"><img style="border:0 none;" src="http://i215.photobucket.com/albums/cc187/underpk/SNAG-0005.jpg" border="0" alt="Photobucket" width="575" height="403" /></a></p>
<p> <a href="http://s215.photobucket.com/albums/cc187/underpk/?action=view&amp;current=SNAG-0006.jpg" target="_blank"><img style="border:0 none;" src="http://i215.photobucket.com/albums/cc187/underpk/SNAG-0006.jpg" border="0" alt="Photobucket" width="575" height="403" /></a></p>
<p> <a href="http://s215.photobucket.com/albums/cc187/underpk/?action=view&amp;current=SNAG-0007.jpg" target="_blank"><img style="border:0 none;" src="http://i215.photobucket.com/albums/cc187/underpk/SNAG-0007.jpg" border="0" alt="Photobucket" width="575" height="403" /></a></p>
<p> <a href="http://s215.photobucket.com/albums/cc187/underpk/?action=view&amp;current=SNAG-0008.jpg" target="_blank"><img style="border:0 none;" src="http://i215.photobucket.com/albums/cc187/underpk/SNAG-0008.jpg" border="0" alt="Photobucket" width="575" height="403" /></a></p>
<p> <a href="http://s215.photobucket.com/albums/cc187/underpk/?action=view&amp;current=SNAG-0009.jpg" target="_blank"><img style="border:0 none;" src="http://i215.photobucket.com/albums/cc187/underpk/SNAG-0009.jpg" border="0" alt="Photobucket" width="575" height="403" /></a></p>
<p> <a href="http://s215.photobucket.com/albums/cc187/underpk/?action=view&amp;current=SNAG-0010.jpg" target="_blank"><img style="border:0 none;" src="http://i215.photobucket.com/albums/cc187/underpk/SNAG-0010.jpg" border="0" alt="Photobucket" width="575" height="403" /></a></p>
<p> <a href="http://s215.photobucket.com/albums/cc187/underpk/?action=view&amp;current=SNAG-0011.jpg" target="_blank"><img style="border:0 none;" src="http://i215.photobucket.com/albums/cc187/underpk/SNAG-0011.jpg" border="0" alt="Photobucket" width="575" height="403" /></a></p>
<p> <a href="http://s215.photobucket.com/albums/cc187/underpk/?action=view&amp;current=SNAG-0012.jpg" target="_blank"><img style="border:0 none;" src="http://i215.photobucket.com/albums/cc187/underpk/SNAG-0012.jpg" border="0" alt="Photobucket" width="575" height="403" /></a></p>
<p> <a href="http://s215.photobucket.com/albums/cc187/underpk/?action=view&amp;current=SNAG-0013.jpg" target="_blank"><img style="border:0 none;" src="http://i215.photobucket.com/albums/cc187/underpk/SNAG-0013.jpg" border="0" alt="Photobucket" width="575" height="403" /></a></p>
<p> <a href="http://s215.photobucket.com/albums/cc187/underpk/?action=view&amp;current=SNAG-0014.jpg" target="_blank"><img style="border:0 none;" src="http://i215.photobucket.com/albums/cc187/underpk/SNAG-0014.jpg" border="0" alt="Photobucket" width="575" height="403" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://underpk.com/blog/after-effects-blog/tank-bomb-composite/feed</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>

