สวัสดีครับทุกๆคน...สำหรับกระทู้นี้ ผมก็จะมาแบ่งปันวิธีการทำภาพ 3D Photo บน Facebook แบบง่ายๆ
โดยการใช้ภาพของคุณ ภาพใดก็ได้ มาทำเป็นภาพ 3D ไว้ดูเล่นกันครับ
สำหรับใครที่ยังนึกภาพไม่ออกว่า เจ้า 3D Photo บน Facebook มีหน้าตาเป็นอย่างไร
ก็สามารถเข้าไปดูตัวอย่างได้ที่เพจ Facebook 360 ตาม Link ด้านล่างนี้ได้เลยครับ
โดยวิธีการนี้คุณจำเป็นต้องใช้โปรแกรมในการทำภาพกราฟฟิค โดยเฉพาะโปรแกรมกราฟฟิคที่สามารถจัดการแบ่ง Layer ของภาพได้
ซึ่งก็จะทำให้คุณทำภาพได้ง่ายขึ้นมากๆครับ โดยโปรแกรมที่ผมแนะนำก็คือ Adobe Photoshop ครับ
มาเริ่มกันเลยครับ !!!
ก่อนอื่นก็เปิดโปรแกรม Photoshop ขึ้นมา และ ตามด้วยการเปิดไฟล์ภาพที่คุณต้องการนำมาทำเป็นภาพ 3D ครับ
โดยภาพนี้ ผมจะแบ่งตามนี้ครับ
กวาง = อยู่ด้านหน้าสุด
ตัวผมเอง = อยู่ลึกถัดจากกวางอีกระดับหนึ่ง
บ้านด้านหลัง = อยู่ลึกถัดจากตัวผมเข้าไปอีกระดับหนึ่ง
ฉากหลัง = อยู่ระดับลึกสุด หรือก็คือ อยู่หลังสุด
ขั้นตอนต่อไป...ให้คุณกดสร้าง Layer ขึ้นมาใหม่ครับ
โดยกดที่ Icon ตามภาพด้านล่างนี้ หรือ หากจะกดคีย์ลัดก็ได้ ตามสะดวกเลยครับ
เมื่อกดสร้าง Layer แล้ว คุณจะได้ Layer ใหม่ตามรูปด้านล่างนี้ครับ
จากนั้นเพื่อให้เราไม่งงในการทำภาพ Layer ต่างๆ ก็แนะนำว่าตั้งชื่อ Layer แต่ละอันใหม่ครับ
จากนั้นกดสร้าง Layer ขึ้นมาใหม่ ตามจำนวนระดับความลึกของวัตถุของภาพที่คิดไว้ข้างต้นครับ
พร้อมทั้งเปลี่ยนชื่อ Layer ทั้งหมดให้เรียบร้อย !!!
จากนั้นให้คุณเลือกเครื่องมือในโปรแกรม เป็น Brush Tool ตามภาพนี้ครับ
โดยคุณสามารถกดเลือกเปลี่ยนสีได้ โดยคลิกไปในตัวเลือกดังภาพด้านล่างนี้ครับ
และหากว่าคุณต้องการปรับขนาดของ Brush ก็สามารถปรับได้โดยคลิกตามนี้ครับ
โดยต้องขออธิบายคร่าวๆก่อนว่า...
วัตถุที่เราต้องการเอาไว้ด้านหน้าสุดของภาพ 3D Photo เราจะต้องใช้สีที่ขาวที่สุดในการลงสีครับ
และก็ไล่ไปจนถึงวัตถุที่อยู่ลึกที่สุด ซึ่งเราจะต้องใช้สีดำที่สุดครับ
สรุปง่ายๆคือ สีขาว (ด้านหน้า) และ สีดำ (ด้านหลัง)
โดยสิ่งที่อยู่ระหว่างด้านหน้าและด้านหลังสุดนี้ เราจะใช้ สีเทา ในการลงสีครับ
ซึ่งเราจะใช้ความเข้มและความอ่อนระหว่าง สีขาว - สีเทา - สีดำ ในการลงสี
เพื่อระบุระดับความลึกของแต่ละวัตถุครับ
ยกตัวอย่าง หากภาพที่จะทำมีความลึก 10 ระดับ
ระดับ 1 ที่อยู่ตื้นหรือหน้าสุด ให้ใช้สีขาวที่สุด
ระดับ 2 ใช้สีขาวที่ดูมืดกว่าเดิมนิดหน่อย (เริ่มเป็นสีเทานิดๆ)
ระดับ 3 ใช้สีขาวที่ดูมืดกว่าระดับ 2 นิดหน่อย (เริ่มเป็นสีเทาอีกนิดนึงไปอีก)
v
ระดับ 6 ใช้สีเทาที่ดูมืดกว่าระดับ 5 นิดหน่อย
ระดับ 7 ใช้สีเทาที่ดูมืดกว่าระดับ 6 นิดหน่อย (เริ่มเข้าใกล้โทนสีดำมากขึ้น)
v
ระดับ 9 ใช้สีเทาที่ดูมืดกว่าระดับ 8 นิดหน่อย (สีเกือบเป็นสีดำแล้ว)
ระดับ 10 ใช้สีดำ เพื่อบอกระบบว่าเป็นระดับที่ลึกที่สุด หรือ อยู่หลังสุด
ซึ่งจำนวนความตื้นลึกของภาพก็ขึ้นอยู่กับคุณออกแบบเลยครับ
เพราะสีระหว่างสีขาวไปจนถึงสีดำ มีให้ใช้เป็นร้อยสี เลยล่ะครับ 555
..........
จากนั้นให้คุณกดเลือกที่ Layer ที่คุณจะเอาไว้ด้านหน้าสุดครับ
ในที่นี้ของผมคือ Layer ของบรรดาน้องกวางทั้งหลายครับ
และให้ทำการระบายสีขาวสุด ลงไปทับกับตัววัตถุทั้งหมดเลยครับ
โดยหากระบายสีทับด้วยความประณีต ผลลัพธ์ก็จะดุเนียนตาขึ้นครับ
เมื่อเสร็จแล้ว ก็กดเปลี่ยน Layer ไปยัง Layer ที่อยู่ลึกถัดไปจาก กวาง ครับ
ซึ่งก็คือ Layer ของตัวคน ทีนี้ให้เรากดเปลี่ยนสี โดยใช้โทนสีเทาที่อ่อนกว่าสีขาวเล็กน้อยครับ
จากนั้นก็ค่อยๆระบายลงไปทับตัววัตถุอีกรอบครับ
จากนั้นก็เปลี่ยน Layer ไปยัง Layer ระดับที่ลึกถัดไปอีกครั้งครับ
และก็เช่นกัน ให้คุณปรับความเข้มของสีให้ใช้สีเทา ที่ดูมืดเข้มกว่าเดิมอีกสักหน่อยครับ
และเมื่อถึง Layer ที่อยู่ลึกที่สุด ก็ให้เปลี่ยนไปใช้สีดำที่สุด
ระบายไปให้เต็มที่เลยครับ !!!
เท่านี้การ Mapping Depth ก็เสร็จสมบูรณ์แล้วครับ
ทีนี้ขั้นตอนต่อไปก็คือให้คุณกด Save ภาพออกมาครับ โดยให้คุณตั้งชื่อไฟล์ที่ทำขึ้นมาใหม่นี้
ให้ใช้ชื่อเดียวกับภาพต้นฉบับเลยครับ แต่เพิ่มเติมคำว่า _depth ในชื่อไฟล์ครับ ดังภาพด้านล่างนี้ครับ
จากนั้นขั้นตอนสุดท้ายก็คือการนำไปทดสอบและโพสลง Facebook ของคุณครับ
(Post ได้แค่บนหน้า Wall หรือ Page เท่านั้นนะครับ ใน Comment ยังไม่รองรับครับ)
โดยให้กดที่ปุ่ม Upload Photo ใน Facebook ของคุณครับ
โดยให้เลือกรูปภาพทั้ง 2 ไฟล์ ที่กล่าวมา
ก้คือไฟล์ภาพต้นฉบับ และ ภาพ Depth Mapping ที่เราทำขึ้นมาใหม่ กดเลือกไปพร้อมๆกันได้เลยครับ
หากว่าคุณทำทุกขั้นตอนอย่างถูกต้อง Facebook จะทำการประมวลผล
และสร้างภาพตัวอย่างของภาพ 3D Photo ของคุณขึ้นมา ให้ได้รับชมทันทีครับ
ถ้าคุณพอใจในผลงานของคุณแล้วก็กด Post โลดดดดด !!!!
อันนี้ผลลัพธ์ จากตัวอย่างด้านบนครับผม
เท่าที่พบปัญหาก็คือ บางครั้ง...หากเปิดผ่านมือถือ บางที Sensor ที่มีหน้าที่จับองศาของเครื่อง
อาจจะดูมึนๆไปบ้าง ทำให้ภาพออกมาดูเละเทะได้
ก็แนะนำว่าให้กดจิ้มเข้าไปที่รูปภาพในหน้า Post เพื่อเปิดภาพใหญ่
ซึ่งการเปิดภาพใหญ่ จะช่วยให้การแสดงผลถูกต้องกว่าครับ
..........
โดยขั้นตอนที่กล่าวมาข้างต้นทั้งหมดนั้น เป็นเพียงแค่การทำ Depth Mapping แบบง่ายๆเท่านั้น
ซึ่งยังมีขั้นตอนการทำที่ละเอียดกว่านั้น เช่น การใช้ Gradient ไล่สีความลึกของวัตถุ
เพื่อให้ภาพ 3D ดูสมจริงขึ้น หรือ เพิ่มลูกเล่นให้กับภาพขึ้นไปอีกระดับ เป็นต้น
ยกตัวอย่างการนำ Gradient มาใส่ลงในการทำ Depth Mapping เช่น
ภาพด้านล่างผมจะนำภาพตอนที่ผมกำลังให้อาหารแมว มาเพิ่มลูกเล่น
โดยการทำให้แค่ส่วนของ มือคน + ซองขนม + ส่วนหัวของแมว โยกไปมาได้เท่านั้น
ก็จะทำ Mapping ประมาณนี้ครับ
จากตัวอย่างการ Mapping ด้านบน จะทำให้ส่วนที่ขยับได้ ต้องใช้สีขาวๆในการลงส่วนที่จะขยับได้นะครับ
ทำให้ผลลัพธ์ดูเหมือนกำลังให้อาหารแมวอยู่จริงๆ หรือ อาจจะเกินจริงก็ได้ เพราะโยกไปมาได้อย่างเมามันส์ 555
..........
อีกตัวอย่าง ที่อยากจะแสดงให้ดูครับ
ผมดีไซน์ภาพไว้ว่า อยากให้รูปที่ผมไปถ่ายน้องแมวที่กำลังหาว
ให้รูปออกมาโดยที่สามารถขยับได้เพียงแค่ลิ้นของแมวเท่านั้น
เพราะอย่างนั้น ผมจึงใช้สีขาว ซึ่งเป็นสีที่บ่งบอกให้ระบบรู้ว่าเป็นส่วนของภาพที่จะขยับได้
ผมจึงระบายไปที่ตำแหน่งของลิ้นแมวเท่านั้น แล้วไล่สี Gradient ให้ไปบรรจบกับส่วนของปากเพื่อความเนียน ดังนี้ครับ
ผลลัพธ์ที่ได้ก็ลองไปเล่นดูในลิงค์ด้านล่างนี้นะครับ
ซึ่งภาพแนวนี้ สามารถทำได้ง่ายๆ ไม่ยากเลย ขึ้นอยู่กับจินตนาการของคุณละครับ 5555
..........
และที่สำคัญ...ฝากเพจด้วยจ้าาา 5555
สอนทำภาพนิ่งของคุณให้เป็น ภาพ 3D บน Facebook แบบง่ายๆ