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 แล้วไล่สี คงจะไม่เหมือนแน่ ๆ รายละเอียดเยอะกว่าว่าอย่างนั้น ( อันนี้ฝีมือยังไม่ถึงขอผ่านไปก่อน :P ) ส่วนงานจะ Reflection ออกมาเหมือนไม่เหมือนก็อยู่ที่เราจะปรับในส่วนของ Gradient แล้วล่ะครับ อาจจะขึ้นอยู่กับตัวข้อความหรือรูปภาพเองด้วย ที่เหลือก็อยู่ที่จะเอาไปใช้แล้วล่ะครับ จะพลิกแพลงตะแคงยังไงก็ต้องลองดู เผื่อจะได้งานที่บรรเจิดแบบที่ไม่เหมือนชาวบ้านชาวช่องเค้า ฮ่า ๆ ( หากินง่ายวุ้ย วันนี้ )
( ปวดหัวกับเรื่อง Category/tag วุ้ย รู้สึกมันตีกันมั่ว ๆ ยังไงไม่รู้ หรือคนใช้โง่เอง -*- )
ตามธรรมเนียมไฟล์งานตัวอย่าง ไม่มีกักกันอยู่แล้น
Download .PSD Source file : Reflection Glass Tutorial









ง่ายดีเนอะ แต่ขี้เกียจทำแระ :P
โอ เรายังไม่หายแค้นๆ ฝากไว้ก่อนๆ :(
ท่านอาจารย์
ไม่ถึงขนาดน้านเพ่เน เขิล ๆ :D
คนมีน้ำใจแบ่งปันความรู้อย่างนี้ ไม่ชมก็ไม่ได้แล้วละ ขอบคุณครับ เก่งจริงๆ
ง่ายดีครั้งทำไม่ได้ลองครั้งที่สองได้
Gradient editor อยู่ตรงไหนหาไม่เจอ
แทง you คร้าบบ
สุดยอดคร้าบ ขอบคุณคร้าบ
Gradient editor หาไม่เจอเหมือนกันอ่ะ