Underpk Logo
underpk.com / common blog uncommon memories: Personal website of Adul Kokapan. Thai motion graphic designer, visual effect artist & typography lover.
Tel. 66+ 0814064694 Email: hi@underpk.com
 
  • Home
  • Blog
    • Talk Around
    • After Effects
    • Games
    • Podcast
    • Politic
    • 6/4 in Memories
  • My works
    • 3 Dimensions
    • Composite Works
    • Graphic Designs
    • Motion Graphic
    • Paintings
    • Miscellaneous
  • Inspirations
    • Illustrations
    • Movies
    • Photos
    • Showcases
  • Archive
  • About
  • Contact
 

A little bit with Z Depth

  • Posted on January 30, 2010
  • in After Effects / Featured Contents

พอดีวันนี้มีเพื่อนทักมาถามว่าพอจะรู้หรือเปล่าเกี่ยวกับการทำ Depth of Field ในโพสต่อจาก 3D โดยหลักการแล้วผมพอจะรู้ครับว่าเค้าทำยังไงบ้างแบบคร่าวๆ แต่ก็ไม่เคยลองทำดูจริงๆสักที เพราะอย่างแรกเลยคือผมก็ไม่ค่อยได้ไปยุ่งอะไรกับโปรแกรม 3d สักเท่าไร อย่างที่สองก็คงเพราะว่าผมยังไม่มีความจำเป็นอะไรที่จะไปยุ่งกับมัน เหอๆ อะ แต่ไหนก็ไหนๆ ผมก็อยากรู้เหมือนกันว่ามันทำยังไงกัน ทางเดียวที่จะรู้ก็คือต้องลองดูครับ เดาผิดเดาถูกไป ก็เลยเปิด C4D ขึ้นมาลองเรนเดอร์ออกมาดูครับเลือกเรนเดอร์ออกมาเป็นไฟล์ RPF (3D chan­nel data นั้นสามารถเซฟออกมาได้ผ่านไฟล์ RLA, RPF, Sof­t­im­age PIC/ZPIC, และ Elec­tric Image EI/EIZ for­mats. ) พร้อมกับพก Alpha Channel ติดมาด้วย ดูซิว่าจะต้องทำยังไง

ขั้นแรกเลยผมก็ใช้ After Effects นี่หละครับเปิดขึ้นมา import ไฟล์เข้าไปแล้วใส่ Effect 3D Chan­nel > 3D Chan­nel Extract เพื่อแยก Z-Depth ของภาพออกมาซะ

ค่า Black Point กับ White Point นั่นจะเป็นตัวที่เราเอาไว้แยกระยะของวัตถุครับ ตามที่ผมเข้าใจนะครับยิ่งต่างกันมาก ระยะก็ยิ่งห่างกันมากครับ (ลองนึกดูว่าแสงเมื่อยิ่งไกลออกมายิ่งจ่าน้อยลงครับ)

จากนั้นก็จัดการ pre-compose ผมตั้งชื่อว่า Z Depth (Move all attribute to the new com­po­si­tion) มันซะครับหน้าที่ของมันหมดแล้ว นี่จะเป็น layer ที่เราจะใช้ให้ plugin ของเราอ้างอิงตำแหน่งของวัตถุเพื่อที่จะไปทำระยะต่ออีกที

และด้วยความที่มันมี Z-Depth ก็ยังมีอะไรให้เล่นได้อีกครับ ใน After Effects เช่น Depth Matte ซึ่งสามารถแยกวัตถุที่อยู่ต่างระยะกันออกมาได้ ผมก็จัดการเพิ่มเลเยอร์ภาพของเราขึ้นมาอีก 1 เลเยอร์ครับ เลเยอร์นี้จะเป็นระยะหน้าหรือลูกบอลลูกแรกของผม

ผมปรับ ค่า Depth จนสามารถแยกลูกบอลลูกแรกออกมาได้ครับ ต่อจากนั้นก็เป็นลูกบอลลูกหลัง ผม dupli­cate เลเยอร์หน้านี้ จากนั้นก็ติ๊กตรงช่อง invert ก็จะได้ลูกบอลลูกหลังครับ

จากนั้นก็ใส่ตัวหนังสือสักหน่อย พอเป็นพิธีครับ เพื่อให้เห็นว่าเราสามารถแยกระยะออกมาได้ คือสามารถเอากราฟฟิคของเราไปแทรกระหว่างลูกบอลสองลูกนั้นได้นั่นเอง ทำการ pre-compose ซะ ผมตั้งชื่อว่า ALL (Move all attribute to the new com­po­si­tion) ตอนนี้เลเยอร์ที่เห็นใน pre-compose และภาพที่ได้ออกมาเป็นแบบนี้ครับ  ต่อจากนี้เราจะไปต่อกันที่การทำ dept of field ครับ

ถึงตรงนี้ก็เป็นส่วนของการทำ depth of field ครับ plu­gin ที่ใช้คือ Frischluft Lenscare (จริงๆแล้ว Lens Blur ของ After Effects เองก็ใช้ได้) ผมก็ใส่ Effect Frischluft > Depth of Field ลงบน layer ที่เราพึ่ง pre-compose เมื่อสักครู่ครับ ตอนนี้เลเยอร์ผมเป็นแบบนี้

เลเยอร์บน ALL คือเลเยอร์ที่เราพึ่งจะ pre com­pose ไปเมื่อสักครู่ครับ ส่วนเลเยอร์ล่างนั่นก็ที่พูดไว้ตอนแรกสุดเลยครับ ปิดตาไปก้ได้ เราใช้มันเพียงแค่ค่า z-depth เท่านั้นครับ

ส่วนค่า Effect ผมปรับแบบนี้ครับ

depth layer ก็เลือก layer ล่างนั่นเองมาใช้สร้าง depth ต้องการให้เบลอมากน้อยปรับที่ radius ครับ ส่วน focal point ก็จุด focus ของเรานั่นเอง ถ้าเราปรับด้วยมุมมองปกติอาจจะดูยากครับ ให้ปรับตรง show เป็น sharp zone มันสามารถบอกเราได้ครับว่าตรงไหนของภาพที่ภาพคมชัด

ส่วนภาพที่ออกมาตอนนี้เป็นแบบนี้ครับ

(ขอบดำนั่นไม่เกี่ยวนะครับ ผมใส่ทีหลัง)

แล้วถ้าเกิดว่าเราอยากให้มันเบลอมันมากกว่านี้ เราต้องปรับทั้ง radius และ Black Point กับ White Point ควบคู่กันไปครับ สมมติว่าผมปรับตามข้างล่าง และปรับ radius point อีกภาพก็จะออกมาเป็นแบบนี้ครับ

ที่มีขีดสีดำคาดเพราะเป็นตัว trail ไม่ได้ลงทะเบียน

Flow­chart เมื่อเสร็จออกมาแล้วครับถ้าอ่านตามนี้ก็จะเห็นว่าใน comp ของผมมี pre­comp ย่อย 2 อันอันนึงทำหน้าที่เพียงแค่เป็น z depth ไว้อ้างอิง อันนึงเป็น precomp ที่แยกระยะวัตถุออกจากกันและมีตัวหนังสืออยู่ในนั้น

โดยรวมก็ประมาณนี้ครับ ผมไม่ได้พิมพ์ละเอียดสักเท่าไร เพราะว่าไม่ได้คิดจะทำเป็น tuto­r­ial นะครับ เพียงแต่ให้เห็นว่า ผมอยากรู้ว่าทำยังไงประมาณไหน แล้วก็ลองทำดูก็ได้ออกมาเป็นประมาณนี้ครับ เหมือน diary วันนึง แต่พูดถึง After Effects ก็เท่านั้นเอง ตัว After Effects เองยังมีคำสั่งอื่นๆที่ยังสามารถใช้ได้อีก เช่น Fog 3D ก็คือสามารถทำให้วัตถุที่อยุ่ในแต่ละระยะมีหมอกขึ้นมาตรงนั้นได้ ยิ่งไกลยิ่งมองไม่เห็นอะไรประมาณนั้นครับ สำหรับโปรแกรม 3D อื่นๆผมก็เชื่อว่าหลักการก็คงจะคล้ายๆกันไม่ต่างจากกันมาก แล้วมันก็เป็นพื้นฐานของทั้งโปรแกรม com­pos­ite และโปรแกรม 3d อยู่แล้วครับ

ถ้าอยากอ่านเป็น tuto­r­ial จริงๆลองคลิกมาที่เว็บนี้ครับ Apply­ing 3D Chan­nel Effects ผมได้ความรู้มาจากเว็บนี้แหละ มี source file ให้ดาวน์โหลดด้วย ส่วนของผมสามารถดาวน์โหลด source file ได้ที่นี่ครับ Down­load Source File หวังว่าโพสนี้จะพอให้เห็น concept ได้นะครับว่าว่าขั้นตอนมันประมาณไหน

ขอจบโพสนี้เท่านี้แล้วกันครับ มีส่วนไหนผิดพลาดหรือแนะนำคอมเม้นเอาไว้ได้ครับ ขอบคุณที่ติดตามอ่านครับ :)

  • Like it? Share it. :)
  • Tweet This!
  • Share this on Facebook
  • Stumble upon something good? Share it on StumbleUpon
  • Share this on Tumblr
  • Post this to Posterous
  • Bump this on DesignBump
  • Share this on Reddit
  • Share this on del.icio.us
  • Digg this!
  • Relate Post.
  1. ขยาย scale ใน After Effect แล้วตัวอักษรเบลอ แก้อย่างไร? ขยาย scale ใน After Effect แล้วตัวอักษรเบลอ แก้อย่างไร?
  2. จะเรนเดอร์ VDO จาก After Effect เซตค่าอย่างไรดี ? จะเรนเดอร์ VDO จาก After Effect เซตค่าอย่างไรดี ?
  3. ใช้ .MTS ใน After Effect แล้วเฟรมกระตุก ใช้ .MTS ใน After Effect แล้วเฟรมกระตุก
 
  • 2 Comments for this entry
  • a2m
    January 30th, 2010 on 5:00 PM

    เจ๋งครับ แต้งฟิ้ววว

    ว่าแต่ใครมาถามเอ็งว่ะ ชอบถามหาเรื่องจริงๆ :D

    Reply
  • underpk
    January 30th, 2010 on 5:04 PM

    ถูกป่าวไม่รู้ พิมพ์ไป 555

    Reply
  • Leave a comment. Thank You :)
Click here to cancel reply.

Categories & Tags

  • Explore me.
Blog
  • 0100Talk Around
  • 0006After Effects
  • 0004Games
  • 0004Podcast
  • 0010Politic
  • 00116/4 in Memories
My works
  • 00043 Dimensions
  • 0006Composite Works
  • 0022Graphic Designs
  • 0016Motion Graphic
  • 0014Paintings
  • 0020Miscellaneous
Inspiration
  • 0015Illustrations
  • 0018Movies
  • 0027Photos
  • 0005Showcases
  • Featured contents
Tags
  • 00116/4
  • 0012After Effects
  • 0011Composite Works
  • 009Computer
  • 0011Desktopgraphy
  • 0013E-Paint
  • 0019Fashion
  • 0029Friends
  • 0019Graphic Design
  • 0010Happiness
  • 009Hope
  • 0014Illustration
  • 0033Love
  • 0017Motion Graphic
  • 0014Movie
  • 0029Photos
  • 0012Politic
  • 0014Sadness
  • 0012Thai
  • 0026Typography
 

My Recent Works

  • Please comment. :)

Mouse Tracking Experimental

underpk 2010 Revision

Popular Posts

  • There are something you might be interested in.
  • The Hangover - Awesome!The Hangover - Awesome! 0 comment(s)
  • Showcase of Beautiful Thai Music Album CoversShowcase of Beautiful Thai Music Album Covers 4 comment(s)
  • 6/4 @ AroiJung Mhu Kata for Pure6/4 @ AroiJung Mhu Kata for Pure 10 comment(s)

Latest Tweets

  • Follow me now, contact me easily.

Underpk on Flickr

  • Shoot it baby!
Mouse Tracking Experimental008Mouse Tracking Experimental007Mouse Tracking Experimental006Mouse Tracking Experimental005Mouse Tracking Experimental004Mouse Tracking Experimental003Mouse Tracking Experimental002Mouse Tracking Experimental001Bangkok Motor Expo 2009

More Underpk

  • No, it doesn't the Underpk culture. :P
  • Subscribe to RSSSubscribe to RSS
  • Contact me via emailContact me via email
  • Follow me on TwitterFollow me on Twitter
  • Add me as your friendAdd me as your friend
  • Become a fan?Become a fan?
  • Check out my worksCheck out my works
  • Me on FlickrMe on Flickr
  • Underpk Live!Underpk Live!
  • My videos on VimeoMy videos on Vimeo
  • Become a fan?My info on Linkendin
 
 
 
Underpk black and white logo
underpk.com by Adul Kokapan is licensed under a Creative Commons Attribution-Noncommercial-Share Alike 3.0 Thailand License. Permissions beyond the scope of this license may be available at http://creativecommons.org/about/licenses/.
(C) 2010 Designed and built by underpk. Powered by Wordpress.

Tel.: 66+ 081 406 4694 Email: hi@underpk.com