เทคนิค Photoshop : การทำภาพสะท้อน ( Reflection Glass )
งานที่เราจะทำกันเป็นรูปเงาสะท้อนกับพื้นด้านล่างที่เป็นเหมือนพื้นแก้วเงา ๆ ( น่าจะเรียกว่างั้นเนอะ )


1.สร้างงานขึ้นมาใหม่ 1 ชิ้น
Width : 300 ( ตามต้องการ )
Height : 200 ( ตามต้องการ )
Background Contents : White ตามรูป

2.พื้นที่ทำงานของเราจะประมาณนี้ครับ

3.ใช้เครื่องมือ Horizontal Type Tool (T) ( พิมพ์ข้อความนั้นเอง )

4.พิมพ์ข้อความที่ต้องการลงไปในพื้นที่งานของเรา (อาจจะเปลี่ยนจากข้อความเป็นรูปภาพที่เราต้องการก็ได้ในขั้นตอนนี้)

5.ตั้งชื่อเลเยอร์นี้ใหม่ว่า Reflection จากนั้นคลิกขวาแล้วเลือกคำสั่ง Duplicate Layer…

6.ตั้งชื่อเลเยอร์ที่จะ Duplicate ใหม่ ว่า Base ดังรูปครับ

7.จะได้สองเลเยอร์ Base และ Reflection ตามลำดับ ดังภาพ
จากนั้นคลิกเลือกที่เลเยอร์ Reflection

8.ไปที่เมนู Edit > Tranform > Flip Vertical ( เพื่อกลับด้านในแนวตั้งให้กับเลเยอร์ Reflection ของเรา )

9.เมื่อเสร็จเรียบร้อยจะเห็นว่าเลเยอร์ Reflection จะถูกพลิกให้กลับหัวอย่างนี้แหละ
( แต่มันทับกันอยุ่ มองลำบากนิด)

10.เราจะมาจัดทำแหน่งของเลเยอร์ Reflection ให้เข้าที่เข้าทาง โดยการใช้เครื่องมือ Move Tool (V)

ติ๊กที่สองอันนี้ด้วย Auto Select Layer / Show Tranform Controls จะได้มองเห็นเส้นขอบของพื้นที่งานที่ถูกเลือก

11.ทำการย้ายข้อความในเลเยอร์ Reflection ให้ขอบด้านบนของเลเยอร์ Reflecttionชนกับขอบล่างของเลเยอร์ Base ( ดูรูปประกอบจะเข้าใจได้ง่ายกว่าหรือว่าคนสอนอธิบายงงเอง -*- ) ประมาณนี้ ๆ

12.จากนั้นคลิกขวาที่เลเยอร์ Blending Options…

13.ติ๊กเลือกที่แท๊บ Gradient Overlay กำหนดตามภาพเลยครับ และคลิกที่ Gradient เพื่อกำหนดการไล่เฉดสี
*** ส่วนของ Angle และ Scale อาจจะปรับเปลี่ยนได้ตามความเหมาะในการใช้งาน
หลังจากที่กำหนด Gradient แล้ว

14.กำหนดColor เป็น #FFFFFF ตามภาพครับ ส่วน Opacity ด้านขวาปรับเหลือประมาณ 65% (45% - 65% ขึ้นอยู่กับการใช้งานครับ ไม่ตายตัว ) แล้วก็ OK/OK ได้เลย

15.เสร็จแล้วผลงานที่ได้ ทำโคตรง่ายเลยใช่ม้า

กรณีที่พื้นหลังเป็นสีดำหรือสีอื่น ๆ ล่ะ??
ในกรณีที่สีพื้นหลังของเราเป็นสีอื่นนอกจากนี้ก็ทำได้ไม่ยากครับ
ในขั้นตอนที่ (14.) ให้ปรับตรง Color เป็นสีตามพื้นหลังที่เราต้องการครับในที่นี้คือสีดำก็ตามภาพเลยส่วน Opacity เป็นสัก 45%ก็ได้บอกแล้วว่าไม่ตายตัวขึ้นอยู่กับการใช้งานของเราและผลลัพธ์ที่ออกมา

ผลที่ได้

ประยุกต์ใช้กับรูปภาพก็ได้แค่เปลี่ยนจากข้อความมาเป็นรูปภาพที่ต้องการ
หลักการง่าย ๆ คือ
1.Flip ภาพหรือข้อความในแนวตั้ง
2.ปรับและขยับตำแหน่ง ( โยกย้าย ๆ )
3.ไล่เฉดสี ( ง่ายม่ะ )


วิธีนี้ค่อนข้างเหมาะกับงานที่เป็นลักษณะ 1 มิติ และ 2 มิติเพราะการทำสะท้อนของเงาจะง่ายมาก แต่ถ้างานที่มีความลึกสูงแบบ 3 มิติจะต้องมีขั้นตอนอยู่อีกมากเพราะมันจะแค่ Flip แล้วไล่สี คงจะไม่เหมือนแน่ๆ รายละเอียดเยอะกว่าว่าอย่างนั้น ( อันนี้ฝีมือยังไม่ถึงขอผ่านไปก่อน
) ส่วนงานจะ Reflection ออกมาเหมือนไม่เหมือนก็อยู่ที่เราจะปรับในส่วนของGradient แล้วล่ะครับ อาจจะขึ้นอยู่กับตัวข้อความหรือรูปภาพเองด้วยที่เหลือก็อยู่ที่จะเอาไปใช้แล้วล่ะครับ จะพลิกแพลงตะแคงยังไงก็ต้องลองดูเผื่อจะได้งานที่บรรเจิดแบบที่ไม่เหมือนชาวบ้านชาวช่องเค้า ฮ่า ๆ
บทความดีดี จากเว็บ xenstudio.wordpress.com
Site : http://www.it4x.com
งานที่เราจะทำกันเป็นรูปเงาสะท้อนกับพื้นด้านล่างที่เป็นเหมือนพื้นแก้วเงา ๆ ( น่าจะเรียกว่างั้นเนอะ )


1.สร้างงานขึ้นมาใหม่ 1 ชิ้น
Width : 300 ( ตามต้องการ )
Height : 200 ( ตามต้องการ )
Background Contents : White ตามรูป

2.พื้นที่ทำงานของเราจะประมาณนี้ครับ

3.ใช้เครื่องมือ Horizontal Type Tool (T) ( พิมพ์ข้อความนั้นเอง )

4.พิมพ์ข้อความที่ต้องการลงไปในพื้นที่งานของเรา (อาจจะเปลี่ยนจากข้อความเป็นรูปภาพที่เราต้องการก็ได้ในขั้นตอนนี้)

5.ตั้งชื่อเลเยอร์นี้ใหม่ว่า Reflection จากนั้นคลิกขวาแล้วเลือกคำสั่ง Duplicate Layer…

6.ตั้งชื่อเลเยอร์ที่จะ Duplicate ใหม่ ว่า Base ดังรูปครับ

7.จะได้สองเลเยอร์ Base และ Reflection ตามลำดับ ดังภาพ
จากนั้นคลิกเลือกที่เลเยอร์ Reflection

8.ไปที่เมนู Edit > Tranform > Flip Vertical ( เพื่อกลับด้านในแนวตั้งให้กับเลเยอร์ Reflection ของเรา )

9.เมื่อเสร็จเรียบร้อยจะเห็นว่าเลเยอร์ Reflection จะถูกพลิกให้กลับหัวอย่างนี้แหละ
( แต่มันทับกันอยุ่ มองลำบากนิด)

10.เราจะมาจัดทำแหน่งของเลเยอร์ Reflection ให้เข้าที่เข้าทาง โดยการใช้เครื่องมือ Move Tool (V)

ติ๊กที่สองอันนี้ด้วย Auto Select Layer / Show Tranform Controls จะได้มองเห็นเส้นขอบของพื้นที่งานที่ถูกเลือก

11.ทำการย้ายข้อความในเลเยอร์ Reflection ให้ขอบด้านบนของเลเยอร์ Reflecttionชนกับขอบล่างของเลเยอร์ Base ( ดูรูปประกอบจะเข้าใจได้ง่ายกว่าหรือว่าคนสอนอธิบายงงเอง -*- ) ประมาณนี้ ๆ

12.จากนั้นคลิกขวาที่เลเยอร์ Blending Options…

13.ติ๊กเลือกที่แท๊บ Gradient Overlay กำหนดตามภาพเลยครับ และคลิกที่ Gradient เพื่อกำหนดการไล่เฉดสี
*** ส่วนของ Angle และ Scale อาจจะปรับเปลี่ยนได้ตามความเหมาะในการใช้งาน
หลังจากที่กำหนด Gradient แล้ว

14.กำหนดColor เป็น #FFFFFF ตามภาพครับ ส่วน Opacity ด้านขวาปรับเหลือประมาณ 65% (45% - 65% ขึ้นอยู่กับการใช้งานครับ ไม่ตายตัว ) แล้วก็ OK/OK ได้เลย

15.เสร็จแล้วผลงานที่ได้ ทำโคตรง่ายเลยใช่ม้า

กรณีที่พื้นหลังเป็นสีดำหรือสีอื่น ๆ ล่ะ??
ในกรณีที่สีพื้นหลังของเราเป็นสีอื่นนอกจากนี้ก็ทำได้ไม่ยากครับ
ในขั้นตอนที่ (14.) ให้ปรับตรง Color เป็นสีตามพื้นหลังที่เราต้องการครับในที่นี้คือสีดำก็ตามภาพเลยส่วน Opacity เป็นสัก 45%ก็ได้บอกแล้วว่าไม่ตายตัวขึ้นอยู่กับการใช้งานของเราและผลลัพธ์ที่ออกมา

ผลที่ได้

ประยุกต์ใช้กับรูปภาพก็ได้แค่เปลี่ยนจากข้อความมาเป็นรูปภาพที่ต้องการ
หลักการง่าย ๆ คือ
1.Flip ภาพหรือข้อความในแนวตั้ง
2.ปรับและขยับตำแหน่ง ( โยกย้าย ๆ )
3.ไล่เฉดสี ( ง่ายม่ะ )


วิธีนี้ค่อนข้างเหมาะกับงานที่เป็นลักษณะ 1 มิติ และ 2 มิติเพราะการทำสะท้อนของเงาจะง่ายมาก แต่ถ้างานที่มีความลึกสูงแบบ 3 มิติจะต้องมีขั้นตอนอยู่อีกมากเพราะมันจะแค่ Flip แล้วไล่สี คงจะไม่เหมือนแน่ๆ รายละเอียดเยอะกว่าว่าอย่างนั้น ( อันนี้ฝีมือยังไม่ถึงขอผ่านไปก่อน

บทความดีดี จากเว็บ xenstudio.wordpress.com
Site : http://www.it4x.com