Skip to content

Reflection Glass "เงาสะท้อน" (Re-Publish)

ตุลาคม 23, 2007

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

reflection-glass reflection-glass-background-black

พร้อมรึยัง ?? ถ้ายังไม่พร้อมก็ ลุย ( – - )

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

reflectionglass01

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

reflectionglass02

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

reflectionglass03

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

reflectionglass04

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

reflectionglass05

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

reflectionglass06

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

reflectionglass07

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

reflectionglass08

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

reflectionglass09

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

reflectionglass10

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

reflectionglass11

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

reflectionglass12

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

reflectionglass13

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

reflectionglass14

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

reflectionglass15

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

reflectionglass16

กรณีที่พื้นหลังเป็นสีดำหรือสีอื่น ๆ ล่ะ??

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

reflectionglass17

ผลที่ได้

reflection-glass-background-black

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

reflection-glass-image-type

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

Download .PSD Source file : [ LINK 1 ]

From → Photoshop, Tutorial

11 ความเห็น
  1. ง่ายดีเนอะ แต่ขี้เกียจทำแระ :P

    โอ เรายังไม่หายแค้นๆ ฝากไว้ก่อนๆ :(

  2. ท่านอาจารย์

  3. ท่านอาจารย์

    ไม่ถึงขนาดน้านเพ่เน เขิล ๆ :D

  4. คนมีน้ำใจแบ่งปันความรู้อย่างนี้ ไม่ชมก็ไม่ได้แล้วละ ขอบคุณครับ เก่งจริงๆ

  5. tanjen permalink

    ง่ายดีครั้งทำไม่ได้ลองครั้งที่สองได้

  6. กดกด permalink

    Gradient editor อยู่ตรงไหนหาไม่เจอ

  7. nikky permalink

    แทง you คร้าบบ

  8. คนขอบคุณ permalink

    สุดยอดคร้าบ ขอบคุณคร้าบ

  9. Gradient editor หาไม่เจอเหมือนกันอ่ะ

  10. Beterbee permalink

    ผ่านๆมาได้วิชาเรยเรา ขอบคุณมากมาย :ว๊าว:

ใส่ความเห็น

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / เปลี่ยนแปลง )

Twitter picture

You are commenting using your Twitter account. Log Out / เปลี่ยนแปลง )

Facebook photo

You are commenting using your Facebook account. Log Out / เปลี่ยนแปลง )

Connecting to %s

Follow

Get every new post delivered to your Inbox.