Support
Web Programming
(083) 0466100
Your shopping cart
ดูตะกร้าสินค้าของคุณ
ไม่มีสินค้าในตะกร้าของคุณ

Create a Layered Glowing Text Effect

slotjunz | 18-06-2553 | เปิดดู 23327 | ความคิดเห็น 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 ให้เป็นแสงตกกระทบแล้วเลือนหายไป เสร็จแล้วจะได้ตามรูปตัวอย่างข้างล่าง เท่านี้ก็เสร็จสมบูรณ์

 

 

Thank you for this tutorial

Credit : psdtuts.com

Translate by slotjunz

 

 

 

 

 

 

 

 

 

 

 

 

 

ความคิดเห็น

วันที่: 13-11-2024

แสดงความคิดเห็น
All Comments: 7 Pages: 1/1
guest
AJ Lennon
- Guest -

28/06/2010 16:12 Post : 28/06/2010 16:12

 น้ำตาไหลเลยครับ ชอบคุณที่เอามาโพสนะครับ

Quote

guest
slotjunz
- Guest -

29/06/2010 14:43 Post : 29/06/2010 14:43

ขอบคุณทืี่ติดตามนะคะแล้วจะมาอัพเดทเรื่อยๆค่ะ

Quote

guest
sAcIw
- Guest -

23/08/2010 04:03 Post : 23/08/2010 04:03

ดีมากมายเลยครับ

อยากรู้ว่าเสียงหวานจัง

สวยป่าวน้อ (ล้อเล่นครับ)

Quote

guest
ak3
- Guest -

27/08/2010 22:32 Post : 27/08/2010 22:32

หายากมาก พวกเทคนิคขั้นเทพ อิอิ

Quote

guest
ต้า
- Guest -

24/09/2010 12:54 Post : 24/09/2010 12:54

 สุุดยอดเลย เคยเห็นแต่ในหนัง

ได้ทำเองแล้ว

ไม่น่าเชื่อว่า มันจะทำง่ายขนาดนี้

ก็เพราะมีอาจารย์ คอยแนะนำที่ดี

ขอบคุณ อย่างแรง เลยนะครับ

Quote

guest
SkUbA_bOb
- Guest -

26/10/2010 21:56 Post : 26/10/2010 21:56

Quote :
Original Posted by : sAcIw (Guest)

ดีมากมายเลยครับ

อยากรู้ว่าเสียงหวานจัง

สวยป่าวน้อ (ล้อเล่นครับ)

สวยครับ แต่ชอบทำเสียงแอ๊บแบ๊ว คิคิ ล้อเล่น น่ารัก น่ะ

Quote

guest
chaejung
- Guest -

21/03/2011 18:47 Post : 21/03/2011 18:47

ขอบคุณสำหรับวิทยาทานนี้ครับ ขอให้จงมีผลบุญและโชคลาภจากสิ่งที่กระทำนี้ครับ....ขอบคุณมาก

 

Quote

1