Home Training สอนการทำปุ่มด้วย photoshop

สอนการทำปุ่มด้วย photoshop

อีเมล พิมพ์ PDF

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


แก้ไขล่าสุด ใน วันพุธที่ 21 มีนาคม 2018 เวลา 09:33 น.  
ป้ายโฆษณา

รับติดตั้งจานดาวเที่ยม กล้องวงจรปิด

รับจำนำและจัดจำหน่ายรถยนต์

Login Form


Polls

ปกติใช้คอมพิวเตอร์ for ?
 

Who's Online

เรามี 14 บุคคลทั่วไป ออนไลน์

Counter

จำนวนครั้งเปิดดูบทความ : 1794361

RSS