Welcome to SoGoodWeb.com
 ตะกร้า
0
0.00 บาท

เว็บไซต์สำหรับเทสงาน ของ SoGoodWeb, All of our website design projects include a content management system to easily update your website on your own. เว็บไซต์สำหรับเทสงาน ของ SoGoodWeb, our web designers can deliver pixel perfect designs on time and on budget. เว็บไซต์สำหรับเทสงาน ของ SoGoodWeb, สนใจเว็บไซต์สำเร็จรูป ติดต่อ 02-402-6136, 088-258-3434

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

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

สอนวิธีการสร้างปุ่ม 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

โพสต์เมื่อ :
2557-10-17
โดย :
แก้ไขล่าสุดเมื่อ :
2561-08-29
โดย :
 500
ผู้เข้าชม
คะแนน

บทความที่เกี่ยวข้อง

สร้างเว็บไซต์สำเร็จรูปฟรี ร้านค้าออนไลน์