วิธีการสร้างปุ่ม 3D ด้วย Photoshop

สอนวิธีการสร้างปุ่ม 3D ด้วย Photoshop แบบง่ายๆ เพียง 7 ขั้นตอน ไม่ต้องโหลดให้เสียเวลา

ขั้นตอนที่ 1 สร้างชิ้นงานใหม่ขึ้นมา File>New ต้ังค่า ความกว้าง 580px สูง 400px

3d-button01

ขั้นตอนที่ 2 เลือกเครื่องมือ Paint bucket tool(G) เทสี (#e7e7e7) ลงไปที่ พื้นหลัง  พร้อมกับ สร้าง สี่เหลี่ยมขอบโค้งมน ขนาด 250×60 px Radius 10 px

3d-button02

ขั้นตอนที่ 3  ใส่ Gradient ให้กับปุ่มของเรา โดยเลือกสี ได้ตามใจ ในที่นี้เราใช้ #ff6e02 กับ #ffae00

3d-button03

ขั้นตอนที่ 4 ใส่เงาให้ปุ่มของเรา โดยเลือกที่ Inner shadow ตั้งค่าตามภาพด้านล่าง

3d-button04

ขั้นตอนที่ 5 ใส่ Strok ให้ ปุ่มของเราเล็กน้อย ตั้งค่าตามภาพด้านล่าง โดยเลือก Fill Type เป็น Gradient ตามภาพ 5.1

3d-button05

5.1 ใส่ Gradieant ใน Stroke

3d-button05-01

เสร็จแล้วเราจะได้ภาพดังด้านล่างนี้

3d-button06

ขั้นตอนที่ 6 วิธีการทำให้ปุ่มดูมีมิติมากขึ้น ให้ทำการ  Duplicate Layer ปุ่มอีกอัน และนำไปไว้ด้านล่าง Layer ต้นฉบับ หลังจากนั้นให้ขยายความสูงของ ปุ่ม จากเดิม 60px ให้เป็น 68px

3d-button07

ขั้นตอนที่ 7 คลิ๊กขวา ที่ Layer ใหม่ที่ Duplicate แล้ว Clear Layer Style  และใส่  Color Overlay อีกครั้งหนึ่ง เลือกสี เข้มขึ้น เพียงเท่านี้เราก็จะได้ปุ่ม 3D ไว้ใช้งานกันแล้ว

3d-button08
buttonsource

sanyaindy

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

You may also like...