[CG] How to - 3D มึน มึน

posted on 09 Dec 2011 13:12 by redpig31
 
 
ความจริงแล้ว..
 
" How to - ทำภาพการ์ตูนให้กลายเป็น 3D ด้วย Ps "
 
..นี่คือชื่อเต็มของเอนทรี่นี้คับ  Foot in mouth
 
 
..
..
 
 
เมื่อเร็วๆนี้  จขบ.ไปเห็นคนใน DA เค้าเอางานตัวเองมาทำเป็นภาพ 3D Anaglyph 
 
เพิ่งรู้ว่า นอกจากหนังและภาพถ่ายแล้ว ภาพการ์ตูนก็ทำให้เป็น 3D ได้เหมือนกัน orz
 
อย่างภาพนี้..
 

 
 

 
พอลองเอาแว่นมาส่องดูแล้ว ระทึก. คิดว่าถ้าได้เห็นงานตัวเอง เด้งออกมานอกจอแบบนั้นมั้ง คงสนุกดี /ฮา
 
เลยโหลดโปรแกรมสร้างภาพ 3D มาลองทำดู แต่ไม่ได้ผล. ไม่ง้อก็ได้เฟ้ย Tongue out
 
สุดท้ายก็กลับมาเปิด Ps งมหาวิธีทำเรื่อยเปื่อย จนได้ฮาวทูฉบับนี้มาอัพบล็อก Surprised
 
ปล. ฮาวทูนี้ จขบ.สรุปไว้เองตามความเข้าใจ. หากมีข้อผิดพลาดประการใดขออภัยด้วยนะคับ.
 
 
คำเตือน : เถื่อนอีกเช่นเคย /หัวเราะ
 

INTRO - เกริ่นหลักการกันนิดนึง

• เวลาเราใส่แว่นดูภาพ 3D ภาพที่เห็นจะมีลักษณะซ้อนกันขึ้นมาคล้ายๆ pop up น่อ.
 
  คือ จะประกอบด้วย แบล็คกราวน์ และ ตัวภาพที่นูนออกมาจากแบล็คกราวน์ 
 
  ประมาณนี้ *ใช้แว่นส่องนะ 
 
http://i424.photobucket.com/albums/pp328/Redpig31/3D/02.jpg
 
^ สังเกตุ : หมายเลข 1และ 3 คือแบล็คกาวน์. หมายเลข 2 ก็คือตัวภาพที่นูนออกมาจากแบล็คกราวน์
 
  ส่วนในกรณีที่ มีภาพที่นูนออกมาเยอะๆ ก็จะเป็นแบบเดียวกับตัวอย่างนี้  
 
http://i424.photobucket.com/albums/pp328/Redpig31/3D/03.jpg
 
^ สังเกตุ : หมายเลข 2 คือแบล็คกราวน์. หมายเลขที่เหลือก็คือตัวภาพที่นูนออกมาจากแบล็คกราวน์
 
 ภาพ 3D ส่วนใหญ่จะเป็นแบบอย่างหลังคับ.
 
 
TOOLS - มีแค่ 2 อย่างชิวๆ~
 
โปรแกรม Photoshop 
 
แว่น 3D 

 
STEP BY STEP - 6 สเต็ป มึน มึน

STEP  1 :  เตรียมของ
STEP  2 :  การกำหนดดีเทลภาพ
STEP  3 :  จัดเลเยอร์
STEP  4 :  การสร้างภาพเหลื่อมของ กลุ่มวัตถุ A
STEP  5 :  การสร้างภาพเหลื่อมของ กลุ่มวัตถุ B
STEP  6 :  การสร้างภาพเหลื่อมของ กลุ่มวัตถุ C + เก็บกวาด

*ส่วนทริค ผมแทรกเอาไว้ในขั้นตอนการทำแล้วคับ. จะได้ไม่งง Undecided
 
 
Step 1 : เตรียมของ
 
 วาดรูปก่อนคับ. หรือจะหาภาพอื่นมาทดลองก่อนก็ได้ แนะนำว่า ควรเป็นภาพการ์ตูน.

ของจขบ.ใช้ภาพนี้.. วาดมาทำฮาวทูโดยเฉพาะ Surprised
 
http://i424.photobucket.com/albums/pp328/Redpig31/3D/05.png

 
เตรียมแว่น 3D 
 
http://i424.photobucket.com/albums/pp328/Redpig31/3D/04.jpg
credit : http://swilsonwhatisgood.blogspot.com
 
 
 สุดท้ายก็ เปิด Ps โล๊ดด~


Step 2 : การกำหนดดีเทลภาพ
 
เริ่มจากการกำหนด แบล็คกราวน์ และ ตัวภาพที่นูนออกมาจากแบล็คกราวน์ก่อน.


http://i424.photobucket.com/albums/pp328/Redpig31/3D/06.png
 
 
สำหรับภาพนี้ ผมแบ่งออกเป็น  3 กลุ่มชั้น คือ  *นึกถึง pop up เข้าไว้ 
 
1.  กลุ่มวัตถุ A  : ภาพชั้นแรก / ส่วนนี้จะเด้งออกมานอกจอ 
 
2.  กลุ่มวัตถุ B  : ภาพชั้นกลาง / จุดหลักของภาพ 
 
3.  กลุ่มวัตถุ C  : ภาพชั้นในสุด / เป็นภาพชั้นที่ลึกที่สุด เหมือนถูกฝังไว้กับหน้าจอ
 
ตามนั้นคับ..
 

Step 3 : จัดเลเยอร์
 
เปิดใน Ps แล้วจัดเลเยอร์ตามนี้เลยคับ.
 
 ก๊อปภาพของเราเพิ่มมาอีก 1 เลเยอร์.
 
http://i424.photobucket.com/albums/pp328/Redpig31/3D/07.png
 
 
ดับเบิ้ลคลิ๊กที่เลเยอร์ก๊อปปี้ ให้หน้าต่าง Layer Style โผล่ขึ้นมา 
 
จากนั้น ปรับค่าตามในรูปได้เลยคับ. ไฮไลท์ไว้ให้แล้ว Smile
 
 
 http://i424.photobucket.com/albums/pp328/Redpig31/3D/08.png
 
เสร็จแล้วคลิ๊ก OK !
 
 
Step 4 : การสร้างภาพเหลื่อมของ  กลุ่มวัตถุ A 
 
ตอนนี้ เราจะทำการสร้างภาพซ้อนสีแดง - ฟ้า ตามทษฎีภาพ 3D ทั่วไปน่อ. ไคลแมกซ์แล้วนะเออ /ฮา
 
Step 4.1
 
ไปที่เครื่องมือ Pen Tool แล้วปรับค่าตามภาพคับ.

 
 
 
Step 4.2
 
เริ่มจาก กลุ่มวัตถุ A ก่อน.



 
ใช้ Pen Tool ปะจุดรอบบรรดาวัตถุ A ทีละชิ้น.  ผมเริ่มจาก 'ดินสอกด'  
   
 ปะให้ห่างจากเส้นจริงนิดนึง. พยายามอย่าให้ทับกัน.  ขั้นตอนนี้ต้องใจเย็นๆ orz
 
เสร็จแล้ว คลิ๊กขวา > Make Selection... > ปรับ Feather Radius ให้เป็น 0 pixels > คลิ๊ก OK
 
จุดสี่เหลี่ยมจะกลายเป็น Selection ไข่ปลาวิ่งล็อค 'ดินสอกด' ไว้แบบนี้..
 
 

 
จากนั้น เปลี่ยนเครื่องมือมาใช้เจ้านี่  
 
 กด Shift ค้างไว้ แล้วค่อยๆเลื่อน Selection ของ 'ดินสอกด' ไปทางขวามือเล็กน้อย
 
 
TRICK  ทริคนี้ใช้ได้กับทุกสเต็ปคับ.

* เลื่อนไปทางขวา =>  คือ การทำให้วัตถุกลายเป็นภาพนูน. ภาพจะเด้งออกมานอกจอ 
 
* เลื่อนไปทางซ้าย <=  คือ การทำให้วัตถุอยู่ในระยะไกล - ลึก. ใช้กับวัตถุที่เรากำหนดให้เป็นแบล็คกราวน์ 
 



 
 
เสร็จแล้วกด Ctrl + D ยกเลิก Selection
 
 แค่นี้เราก็ทำภาพเหลื่อมของวัตถุในภาพได้แล้ว.  ลองใส่แว่นดู ท่านจะเห็นดินสอกดลอยได้!
 
 
 
 
..ขยายมาให้ส่องโดยเฉพาะ Surprised
 
 
Step 4.3
 
ไล่ทำกลุ่มวัตถุ A ที่เหลือให้หมดด้วยวิธีเดียวกันคับ. ภาพชั้นนี้เป็นภาพนูน ดังนั้น เลื่อนไปทางขวาเข้าไว้.
 
 ระหว่างทำ คอยใส่แว่นเช็คเรื่องมิติเรื่อยๆนะ.  เสร็จแล้วก็จะออกมาเป็นแบบนี้..


 
 
 
อ่ะแฮ่ม เสร็จเฉพาะกลุ่มวัตถุ A เท่าั้นั้นนะคับ. ยังเหลืออีก 2 กลุ่ม Surprised
 
 
Step 5 : การสร้างภาพเหลื่อมของ  กลุ่มวัตถุ B 
 
 
มาถึงกลุ่มวัตถุ B ซึ่งเป็นชั้นภาพกลาง.  ส่วนใหญ่ภาพชั้นกลางจะไม่ถูกปรับอะไรมาก.
 
เพราะภาพชั้นนี้ มีหน้าที่เหมือนเป็นจุดหลักของภาพ ดังนั้นเราแทบไม่ต้องทำอะไรเลย.