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

Design Realistic Stainless Steel Background and Text

slotjunz | 17-09-2553 | เปิดดู 21224 | ความคิดเห็น 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 เพื่อที่จะลบส่วนพื้นที่รอบนอกตัวอักษร

Step 6

เปลี่ยนtext backgroundเป็น Color Burn, ใส่ Opacity ลดลงเหลือ 67%.

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

 

 Thaks for this tutorial: hongkiat

 translate : slotjunz

ความคิดเห็น

วันที่: 28-11-2022

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

20/09/2010 11:21 Post : 20/09/2010 11:21

สวยงามมากครับ

Quote

guest

23/09/2010 13:44 Post : 23/09/2010 13:44

เดี๊ยวหามาลงให้นะคะ ลายไม้

Quote

1