<?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; C4D</title>
	<atom:link href="http://underpk.com/tag/c4d/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>Lazy Box</title>
		<link>http://underpk.com/works/motion-graphic/lazy-box</link>
		<comments>http://underpk.com/works/motion-graphic/lazy-box#comments</comments>
		<pubDate>Sun, 20 Dec 2009 14:19:22 +0000</pubDate>
		<dc:creator>underpk</dc:creator>
				<category><![CDATA[Motion Graphic]]></category>
		<category><![CDATA[C4D]]></category>
		<category><![CDATA[Experimental]]></category>
		<category><![CDATA[Explosive]]></category>

		<guid isPermaLink="false">http://122.155.12.240/~underpkc/wordpress//?p=3487</guid>
		<description><![CDATA[Just for experimental :D 3D in C4D and was done in After Effect Inspired and Music by : File Not Be Found คลิกที่นี่เพื่อดูแบบ HD [HD Watching Click Here]]]></description>
			<content:encoded><![CDATA[<p><object classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" width="580" height="326" codebase="http://download.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=6,0,40,0"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://vimeo.com/moogaloop.swf?clip_id=8290653&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1" /><embed type="application/x-shockwave-flash" width="580" height="326" src="http://vimeo.com/moogaloop.swf?clip_id=8290653&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=00ADEF&amp;fullscreen=1" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<p>Just for experimental :D<br />
3D in C4D and was done in After Effect<br />
Inspired and Music by : <a href="http://www.vimeo.com/8122132">File Not Be Found</a></p>
<p><a href="http://www.vimeo.com/8290653">คลิกที่นี่เพื่อดูแบบ HD [HD Watching Click Here]</a></p>
]]></content:encoded>
			<wfw:commentRss>http://underpk.com/works/motion-graphic/lazy-box/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

