Permalink to A little bit with Z Depth

A little bit with Z Depth

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

ถ้าอยากอ่านเป็น tutorial จริงๆลองคลิกมาที่เว็บนี้ครับ Applying 3D Channel Effects ผมได้ความรู้มาจากเว็บนี้แหละ มี source file ให้ดาวน์โหลดด้วย ส่วนของผมสามารถดาวน์โหลด source file ได้ที่นี่ครับ Download Source File หวังว่าโพสนี้จะพอให้เห็น concept ได้นะครับว่าว่าขั้นตอนมันประมาณไหน

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


4 Comments to A little bit with Z Depth

  1. a2m

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

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

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

  3. เกรียน คนสอน แมร่ง เกรียน

  4. Nor Aor

    ขอบคุณค่ะ. แอบมาชม

    ฮิฮิ

Leave a Reply

Your email address will not be published. Required fields are marked *

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

Contact Me

Thanks! Your email was successfully sent. I check my email all the time, so I should be in touch soon.

There was an error sending your message. Please try again later.

Sending your message...