Create a Layered Glowing Text Effect

slotjunz | 18-06-2553 | เปิดดู 23141 | ความคิดเห็น 7

Create a Layered Glowing Text Effect

Step 1

ตั้งค่าหน้ากระดาษเป็นขนาด 2000 X 1200 px จากนั้นสร้างเลเยอร์ขึ้นมาให้ใช้ Gradient tool (linear gradient ) ลากเพื่อไล่สี ด้านล่างเป็นสี dark gray (#464646) ข้างบนเป็นสี black (#000000) ไล่สีให้สีดำอยู่ด้านบนไล่ลงมาเป็นเทาเข้ม ก็จะได้สีของแบคกราวด์

Step 2

สร้างอีดเลเยอร์นึงขั้นมาใช้ linear Gradient สร้าง แบคกราวด์เพื่อไล่สีอีกครั้ง เลเยอร์นี้ให้วางไว้บนเลเยอร์ก่อนหน้านี้ ให้ไล่สีเป็นสีรุ้ง หรือแล้วแต่คุณต้องการ มันจะมีแบบสีที่สำเร็จอยู่แล้วเราก็สามารถเลือกนำมาใช้ได้โดยที่เราไม่ต้องกำหนดค่าสีเองเช่นกัน เมื่อไล่สีเสร็จแล้วให้เราไปเซ็นค่า Fill เป็น 25% Blend mode เป็น Color

Step 3

สร้างเลเยอร์ Gradient ขึ้นมาใหม่อีก ตัวสุดท้าย วางไว้บนสุดของเลเยอร์ทั้ง 2 อันก่อนหน้านี้ แล้วใช้ radial gradient เพื่อเป็นตัวไล่เฉด เว็ทสีเป็น 2 เฉด คือ สีดำ+ transparency

ถ้าคุณเห็นว่าสีดำมันอยู่ตรงกลางของภาพ ให้ไปติ๊กที่ตัวช่องของ Reverse มันจะกลับด้านให้เป็นตรงกันข้ามตัวสีดำจะอยู่รอบนอกแล้วด้านในจะเป็น transparency แล้วให้ไปเซ็ทค่า Opacity เป็น 65%

Step 4

ตอนนี้เราจะมาเริ่มในส่วนของ text ใช้ type tool (T) สร้างข้อความขึ้นมา ในที่นี้เราจะพิมพ์ตัว P แล้วใช้ Move Tool เพื่อเคลื่อนย้ายตำแหน่งหรือ ย่อขยายขนาด ( ให้กด Ctrl+ t ) แล้วทำขนาดตามต้องการ แล้วไปที่ type tool อีกครั้ง เพื่อพิมพ์ข้อความอีก ทำแบบนี้ไปจนเสร็จข้อความที่เราต้องการ เมื่อพิมพ์ข้อความทั้งหมดเสร็จเรียบร้อยแล้วให้เราไปเซ็ทค่า Blend mode เป็น Screen จะเห็นได้ว่าตัวหนังสือมันไม่ปรากฎ

Step 5

(Double click) ที่เลเยอร์ข้อความเพื่อที่เราจะใส่ layer styles แล้วให้เราเซ็ทค่าของ Outer Glow และ Stroke ให้ดูการตั้งค่าตามภาพตัวอย่าง

*** ให้ทำแบบนี้จนครบทุกตัวอักษรทั้งหมด ให้เราใช้ตัวอักษรที่แตกต่างกันสร้างขึ้นมาทับซ้อนกันบนเลเยอร์นั้นของตัวอักษรนั้นๆ มันก็จะได้ effect ที่ต้องการ

Step 6

ให้ Duplicate layer ข้อความ โดยลากลงไปไว้ด้านล่างของเลเยอร์ที่เราสร้างขึ้นมาใหม่ แล้วใช้ type tool (T) เปลี่ยนฟอนต์ใหม่สำหรับเลเยอร์อันใหม่ ถ้าฟอนต์ที่เลือกมันไม่ได้ขนาดตามเส้นแสงของฟอนต์ ให้เรา ปรับ free transform ใหม่ แล้วดูว่ามันตรงกับตัวเส้นของฟอนต์รึยัง ถ้ายังไม่ตรงก็ปรับให้มันตรงกัน

ทำแบบนี้ไป 20 ครั้ง แต่ให้ใช้ฟอนต์ที่แตกต่างกัน ในที่นี้เราใช้ฟอนต์ที่แตกต่างกันเป็น serifs คือแบบมีขาทั้งหมด คุณสามารถ เลือกใช้ฟอนต์แบบ sans-serif หรือไม่มีขาก็ได้แล้วแต่คุณจะชอบ แต่ฉันจะไม่ผสมทั้ง 2 แบบ ฉันแค่เลือกแบบใดแบบนึงเท่านั้น

Step 7

เลือก text layer ทั้งหมดที่คุณมี จากนั้นให้ Group ( Ctrl+G ) มันเข้าด้วยกัน ที่เลเยอร์ Group นั้น ให้ใช้ Move tool ลากไปวางให้ตรงกึ่งกลางของหน้า เสร็จแล้ว duplicate เลเยอร์ แล้วลากมาไว้ด้านขวาของตัวอักษร ตอนนี้เราก็จะมีทั้งหมด 2 Group ตัวอักษร

ในกรุ๊ป 2 ให้เราใช้ type tool (T), highlight ที่ตัวอักษร เพื่อเปลี่ยนเป็นข้อความอื่นที่คุณต้องการ ในที่นี้จะเปลี่ยนเป็นตัว S เมื่อเราเปลี่ยนตัวอักษรเป็นตัวอื่นก็ให้เปลี่ยนทุกเลเยอร์ที่มีอยู่ในกรุ๊ปทั้งหมดจนครบ จากนั้นถ้าเราจะเพิ่มตัวอักษรอื่นอีกก็ให้เรา Duplicate แล้วทำเหมือนเดิม จนครบข้อความที่เราอยากได้ มันจะออกมาตามแบบตัวอย่างนี้

Step 8

เลือก elliptical marquee tool สร้างวงรีบางขนาดใหญ่ไว้ที่ด้านล่างของตัวอักษรตามแบบ เซ็ท feather เป็น 20 px กด quickmask mode (Q) จากนั้นไปที่ Filter>Blur>Motion Blur. ตั้งค่าเป็น angle 0 และ length 700 px แล้วกด OK. มันจะ ทำให้จางออกไปทั้งซ้ายและขวา แล้วออกจากเครื่องมือ quickmask mode (Q)

ทีนี้เราจะมาใส่ curves adjustment layer ไว้บนเลเยอร์ gradients แต่อยู่ใต้เลเยอร์ letter groups. ให้เซ็ทตามภาพตัวอย่าง เมื่อได้ออกมามันจะเหมือนว่าตัวอักษรนั้นตั้งอยู่

Step 9

สร้างหน้าต่างใหม่ขึ้นมาขนาด 300 X 300 px . Double click ที่ background layer เพื่อให้มัน Unlock . Double click ที่เลเยอร์เพื่อเปิด Layer style จากนั้นเซ็ทค่าตามภาพ color overlay เป็น สีดำ / stroke 2 px color ขาว

เสร็จแล้วไปที่ Layer>Flatten Image แล้วกด ( Ctrl+A ) เพื่อ เลือกทั้งหมด จากนั้นไปที่ Edit>Define Pattern.

Step 10

กลับไปยัง Document อันเก่า สร้างเลเยอร์ขึ้นมาไว้บนเลเยอร์ Curve ไปที่ Edit>Fill และเลือก Pattern for the Contents จากนั้นเลือก black box สุดท้ายของรายการแล้วกด Ok

ทีนี้ให้เรา transform เลเยอร์ เพื่อให้มันพอดีกับพื้นที่ด้านหน้า จากนั้นกด ( Ctrl+click ) ของ transform box และเลือก perspective เสร็จแล้วเมื่อมันอยู่ในรูปของ free transform perspective แล้ว ให้เราลากตรงแกนขวาล่าง ดึงยื่นออกมาให้เป้น perspective บน pattern layer เซ็ทค่า Blend mode เป็น screen และ opacity เป็น 15%.

Step 11

สเต็ปสุดท้าย เก็บรายละเอียด ใส่เงาสะท้อน เลือกเลเยอร์ type แล้ว duplicate ขึ้นมาแล้วลากลงมาไว้ใต้เลเยอร์ที่ก็อปปี้ แล้ว New Layer ขึ้นมา ที่ duplicate Layer ให้เรากด ( Ctrl+T ) แล้ว (right/control+click) เพื่อที่เราจะเลือก Flip Vertical ให้มันกลับหัวมาด้านตรงกันข้ามกันของตัวอักษร จะทำให้มันดูเป็น reflection เงาตกกระทบ

ที่เลเยอร์ reflection groups ให้กด (Ctrl +G) เพื่อจะให้มันรวมกลุ่มเข้าด้วยกัน จากนั้นเลือก opacity เป็น 25%.แล้ว mask group โดยไปคลิกที่ ปุ่ม Add Layer Mask ที่แถบด้านล่างเลเยอร์ เลือกที่ mask แล้วใช้ gradient tool เพื่อใช้ linear gradient สีดำไล่ไปขาว ในการทำ reflection fades ให้เป็นแสงตกกระทบแล้วเลือนหายไป เสร็จแล้วจะได้ตามรูปตัวอย่างข้างล่าง เท่านี้ก็เสร็จสมบูรณ์