การสร้างปุ่ม Navigation สไตล์ Industrial

ในแบบฝึกหัด Photoshop นี้ ผมจะแสดงวิธีการทำปุ่ม navigation
สไตล์อุตสาหกรรม ( industrial-style )ตามตัวอย่างด้านล่างนี้นะคับ

1.

เริ่มต้นด้วยการสร้างเอกสารใหม่หรือเปิดแฟ้มเก่าที่คุณอาจต้องการสร้าง
ปุ่มนี้คับ






ใช้ Rounded Rectangle Tool สร้างปุ่มลงบนเอกสาร ตรวจให้แน่ใจว่า
คุณอยู่ที่ new layer

Note: คุณจะใช้สีอะไรในการสร้างปุ่มของคุณก็ได้นะคับ

2.

ต่อไปเราจะทำเอฟเฟคให้กับปุ่มของเรากันนะครับ  โดยขั้นแรกให้คุณ
คลิกขวาที่ Layer ของปุ่มที่เราสร้างกันเมื่อกี้นะครับ จากนั้นเลือก
Blending Options, และทำการตั้งค่าต่างๆตามนี้เลยครับ :

1. Inner
   Shadow


2. Outer
   Glow


3. Bevel
   and Emboss


4. Bevel
   and Emboss — Contour


5. Gradient
   Overlay


6. Pattern
   Overlay
   
   Download pattern: .jpg,
   .pat.

ตอนนี้ถ้า
คุณใช้การตั้งค่าทั้งหมดถูกต้องคุณควรจะมีผล เช่นนี้ :

3.

ตอนนี้คุณต้องการเพิ่มในรายละเอียดเล็กน้อยบางอย่าง
โดยผมจะเพิ่มรูลงไปบนปุ่มนะครับ โดยเราจะใช้  brush หรือ elliptical
marquee tool ในการทำวงกลมสีดำ,และเพิ่มรอยขอบเป็นแสงสีขาวๆนะครับ

 โดยผมทำรู ด้วยการสร้างวงกลมสีดำ,และเพิ่ม  light Stroke
และทำรอยบางๆด้วย brush สีขาวให้ดูเหมือนควันครับ

4.

ในขั้นตอนสุดท้ายของการทำปุ่มของคุณ แน่นอนคุณควรเพิ่มข้อความ
ด้วยเครื่องมือ Text เขียนข้อความปุ่มเป็นสีขาว โดยผมใช้ฟรอนท์ Impact,
15pt, Sharp

เพื่อสิ้นสุดการสร้างข้อความ ผมได้เพิ่ม เอฟเฟคของ text layer
ดังต่อไปนี้ :

1. Outer
   Glow


2. Gradient
   Overlay

และตอนนี้คุณควรมี ปุ่มดังนี้ :

5.

ตอนนี้โดยทั่วไปสิ่งที่คุณต้องทำคือการทำปุ่มและเลเยอร์ข้อความของคุณซ้ำโดย
การเปลี่ยนข้อความ
และอาจจะทำมากกว่าปุ่มแม่แบบตัวอย่างนี้โดยการเพิ่มเอฟเฟคต่างๆให้ดูดีขึ้น
โดยไม่จำเป็นต้องทำเหมือนผมก็ได้นะครับ

ขอให้สนุกกับแบบฝึกนี้นะครับ

Cradit: //www.devwebpro.com/industrial-style-navigation-buttons/

Create Date : 22 เมษายน 2553 Last Update : 22 เมษายน 2553 19:55:32 น. Counter : 3902 Pageviews.		0 comments
Share Tweet