[CG] How to - 3D มึน มึน
posted on 09 Dec 2011 13:12 by redpig31ความจริงแล้ว..
" How to - ทำภาพการ์ตูนให้กลายเป็น 3D ด้วย Ps "
..นี่คือชื่อเต็มของเอนทรี่นี้คับ 
..
..
เมื่อเร็วๆนี้ จขบ.ไปเห็นคนใน DA เค้าเอางานตัวเองมาทำเป็นภาพ 3D Anaglyph
เพิ่งรู้ว่า นอกจากหนังและภาพถ่ายแล้ว ภาพการ์ตูนก็ทำให้เป็น 3D ได้เหมือนกัน orz
อย่างภาพนี้..
credit : http://mikeinel.deviantart.com
พอลองเอาแว่นมาส่องดูแล้ว ระทึก. คิดว่าถ้าได้เห็นงานตัวเอง เด้งออกมานอกจอแบบนั้นมั้ง คงสนุกดี /ฮา
เลยโหลดโปรแกรมสร้างภาพ 3D มาลองทำดู แต่ไม่ได้ผล. ไม่ง้อก็ได้เฟ้ย 
สุดท้ายก็กลับมาเปิด Ps งมหาวิธีทำเรื่อยเปื่อย จนได้ฮาวทูฉบับนี้มาอัพบล็อก 
ปล. ฮาวทูนี้ จขบ.สรุปไว้เองตามความเข้าใจ. หากมีข้อผิดพลาดประการใดขออภัยด้วยนะคับ.
คำเตือน : เถื่อนอีกเช่นเคย /หัวเราะ
INTRO - เกริ่นหลักการกันนิดนึง
• เวลาเราใส่แว่นดูภาพ 3D ภาพที่เห็นจะมีลักษณะซ้อนกันขึ้นมาคล้ายๆ pop up น่อ.
คือ จะประกอบด้วย แบล็คกราวน์ และ ตัวภาพที่นูนออกมาจากแบล็คกราวน์
ประมาณนี้ *ใช้แว่นส่องนะ
^ สังเกตุ : หมายเลข 1และ 3 คือแบล็คกาวน์. หมายเลข 2 ก็คือตัวภาพที่นูนออกมาจากแบล็คกราวน์
• ส่วนในกรณีที่ มีภาพที่นูนออกมาเยอะๆ ก็จะเป็นแบบเดียวกับตัวอย่างนี้
^ สังเกตุ : หมายเลข 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 + เก็บกวาด
*ส่วนทริค ผมแทรกเอาไว้ในขั้นตอนการทำแล้วคับ. จะได้ไม่งง 
Step 1 : เตรียมของ
• วาดรูปก่อนคับ. หรือจะหาภาพอื่นมาทดลองก่อนก็ได้ แนะนำว่า ควรเป็นภาพการ์ตูน.
ของจขบ.ใช้ภาพนี้.. วาดมาทำฮาวทูโดยเฉพาะ
• เตรียมแว่น 3D
credit : http://swilsonwhatisgood.blogspot.com
• สุดท้ายก็ เปิด Ps โล๊ดด~
Step 2 : การกำหนดดีเทลภาพ
เริ่มจากการกำหนด แบล็คกราวน์ และ ตัวภาพที่นูนออกมาจากแบล็คกราวน์ก่อน.
สำหรับภาพนี้ ผมแบ่งออกเป็น 3 กลุ่มชั้น คือ *นึกถึง pop up เข้าไว้
1. กลุ่มวัตถุ A : ภาพชั้นแรก / ส่วนนี้จะเด้งออกมานอกจอ
2. กลุ่มวัตถุ B : ภาพชั้นกลาง / จุดหลักของภาพ
3. กลุ่มวัตถุ C : ภาพชั้นในสุด / เป็นภาพชั้นที่ลึกที่สุด เหมือนถูกฝังไว้กับหน้าจอ
ตามนั้นคับ..
Step 3 : จัดเลเยอร์
เปิดใน Ps แล้วจัดเลเยอร์ตามนี้เลยคับ.
• ก๊อปภาพของเราเพิ่มมาอีก 1 เลเยอร์.
• ดับเบิ้ลคลิ๊กที่เลเยอร์ก๊อปปี้ ให้หน้าต่าง Layer Style โผล่ขึ้นมา
• จากนั้น ปรับค่าตามในรูปได้เลยคับ. ไฮไลท์ไว้ให้แล้ว 
• เสร็จแล้วคลิ๊ก 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
• แค่นี้เราก็ทำภาพเหลื่อมของวัตถุในภาพได้แล้ว. ลองใส่แว่นดู ท่านจะเห็นดินสอกดลอยได้!
..ขยายมาให้ส่องโดยเฉพาะ
Step 4.3
• ไล่ทำกลุ่มวัตถุ A ที่เหลือให้หมดด้วยวิธีเดียวกันคับ. ภาพชั้นนี้เป็นภาพนูน ดังนั้น เลื่อนไปทางขวาเข้าไว้.
• ระหว่างทำ คอยใส่แว่นเช็คเรื่องมิติเรื่อยๆนะ. เสร็จแล้วก็จะออกมาเป็นแบบนี้..
อ่ะแฮ่ม เสร็จเฉพาะกลุ่มวัตถุ A เท่าั้นั้นนะคับ. ยังเหลืออีก 2 กลุ่ม
Step 5 : การสร้างภาพเหลื่อมของ กลุ่มวัตถุ B
มาถึงกลุ่มวัตถุ B ซึ่งเป็นชั้นภาพกลาง. ส่วนใหญ่ภาพชั้นกลางจะไม่ถูกปรับอะไรมาก.
เพราะภาพชั้นนี้ มีหน้าที่เหมือนเป็นจุดหลักของภาพ ดังนั้นเราแทบไม่ต้องทำอะไรเลย.
• แค่ทำการสร้าง Selection ของเหล่าวัตถุ B ทั้งหลายด้วยวิธีเดียวกันกับ Step 4
• แล้วเลื่อนให้ภาพเหลื่อมไปด้านซ้ายมือเล็กน้อย ย้ำว่าเล็กน้อย เพื่อเพิ่มความลึกให้ตัววัตถุ เป็นพอคับ.
สเต็ปต่อปาย~
Step 6 : การสร้างภาพเหลื่อมของ กลุ่มวัตถุ C + เก็บกวาด
กลุ่มวัตถุ C ภาพชั้นในสุด กลุ่มสุดท้ายแว้วว~
• ไล่สร้าง Selection ให้กับวัตถุในกลุ่มเหมือนเดิมคับ.
• แต่ ก่อนจะทำการเลื่อน Selection ผมขอยกทริคนี้มาทวนให้อีกรอบ..
TRICK
* เลื่อนไปทางขวา => คือ การทำให้วัตถุกลายเป็นภาพนูน. ภาพจะเด้งออกมานอกจอ
* เลื่อนไปทางซ้าย <= คือ การทำให้วัตถุอยู่ในระยะไกล - ลึก. ใช้กับวัตถุที่เรากำหนดให้เป็นแบล็คกราวน์
• ช่ายแล้ว กลุ่มวัตถุ C เป็นภาพชั้นที่อยู่ลึกที่สุด ซึ่งก็หมายความว่าเป็นภาพที่อยู่ในระยะไกลด้วยเช่นกัน.
• ดังนั้น เราเลยต้องเลื่อน Selection ไปด้านซ้ายมือ ตามทริค.
• พอทำการเลื่อน Selection ครบทั้ง 3 กลุ่มวัตถุแล้ว. ก็เก็บรายละเอียดภาพอีกนิดหน่อย..
..เป็นอันเสร็จ !
พอใส่แว่นส่อง ก็จะออกมาคล้ายๆภาพนี้. ตบตีกับอิมเมจเรดี้อยู่นาน orz
ฟินนาเล่~!
..
..
จบแล้วค้าบ กับฮาวทูมึนๆ. สารภาพ ฮาวทูนี้เรียบเรียงยากคอต /กุมขมับ
อาจจะซับซ้อนไปหน่อย. แต่หวังว่าจะเป็นประโยชน์กับคนอ่านได้บ้างนะคับ 
ใครทำได้แล้วเอามาแบ่งกันดูมั่งน่อ
พบกันเอนทรี่หน้า !
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - .
ตอบคำถาม 14/12/2011
Q : สงสัยตรงส่วน B (ตัวคน) คือ มันมี A (กระดาษสีเขียว) ทับอยู่
เวลาเลือกselection เราต้องเลือกเฉพาะตัวคนใช่มั๊ยฮะ
A : ใช่แล้วคับ ต้องเลือกเฉพาะตัวคน เพราะวัตถุอยู่คนละชั้นกัน.
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - .
อาหมู : ขอบคุณสำหรับทุกคอมเม้นและดาวทุกดวงนะคับ /รวบกอด
Tags: 3d, how, to53 Comments