Design Realistic Stainless Steel Background and Text

slotjunz | 17-09-2553 | เปิดดู 21639 | ความคิดเห็น 2

Design Realistic Stainless Steel Background and Text

Step 1

สร้างขนาดของไซส์งานเป็น 600×400 แล้ว สร้างเลเยอร์ใหม่ขึ้นมาตั้งชื่อว่า ‘background” จากนั้นให้ใส่สีพื้นเป็นสีเทา #c0c0c0 แล้ว duplicate เลเยอร์ background ให้ตั้งชื่อใหม่ว่า “steel background” ให้เลเยอร์นี้อยู่บนเลเยอร์ background

Step 2

ที่เลเยอร์ ‘steel background’ ใส่ Filter -> Add Noise และเซ็ทค่าตามตัวอย่าง

Amount: 14.21
Distribution: Gaussian
Monochromatic checked

Step 3

ที่เลเยอร์เดิม ‘steel background‘ ไปที่ Filter -> Blur -> Motion Blur และเซ็ทค่าตามตัวอย่าง

Angel: 0
Distance: 34 pixels

จากนั้นคลิกขวาที่เลเยอร์ ‘steel background‘, ใส่ Blending Options และเซ็ทค่า Gradient Overlay – Gradient Editor ตามตัวอย่าง:

Color Stop 1

Color: #000000
Opacity: 50%
Location: 0%

Color Stop 2

Color: #ffffff
Location: 50%

Color Stop 3

Color: #000000
Opacity: 50%
Location: 0%

Metal Text

Step 4

เราทำตัว stainless steel background เสร็จเรียบร้อยแล้ว จากนี้เราจะมาทำในส่วนของ ข้อความเพื่อให้ดูเข้าด้วยกันกับพื้นผิว

ใช้ Text Tool, พิมพ์ข้อความที่เราต้องการ ส่วนรูปแบบของ font นั้นสามารถเลือกตามความต้องการของคุณ แต่ในตัวอย่างนี้เราใช้ Myriad Pro และทำเลือกเป็น Bold เมื่อสร้างข้อความเสร็จแล้วให้ไป double click ที่เลเยอร์ text เพื่อใส่ Blending Options ตามตัวอย่าง

1. Drop Shadow

o Opacity: 38%

o Distance: 1px

o Spread: 1%

o Size: 2px

2. Bevel and Emboss

Depth: 100%
Size: 0px
Soften: 0px
Highlight Opacity: 42%
Shadow Opacity: 32%

3. Gradient Overlay, Gradient Editor

Color Stop 1

· Color: #3f3f3f

· Location: 0%

Color Stop 2

· Color: #a1a1a1

· Location: 100%

เมื่อเสร็จแล้วจะได้ออกมาตามตัวอย่าง

Step 5

ต่อไปนี้เป็นสิ่งที่ต้องทำตามขั้นตอนอย่างละเอียด ให้เรา duplicate เลเยอร์ ‘steel background‘(กด Control + J (Mac: Command + J))เปลี่ยนชื่อเลเยอร์เป็น “text background” ให้เลเยอร์ที่ duplicate นั้นอยู่บนเลเยอร์ text จากนั้นให้เรากด Ctrl แล้วคลิดที่เลเยอร์ text เพื่อเราจะทำการ highlight outline ตัวหนังสือ กลับไปที่เลเยอร์ text background ที่เรา duplicate เมื่อสักครู่ ตอนนี้เราดูให้แน่ใจว่ามันยัง highlight outline ตัวหนังสืออยู่ จากนั้นก็ไปที่ Select > Inverse มันจะกลับค่าของ highlight outline เป็นรอบนอกของตัวหนังสือแทน เมื่อเป็นแบบนี้แล้วให้เรากด Delete เพื่อที่จะลบส่วนพื้นที่รอบนอกตัวอักษร