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

1. สร้างไฟล์ 500 * 350 พิกเซลใหม่ เติมพื้นหลังด้วยสีดำ ตั้งค่าสีพื้นหน้าเป็น: #570202 เลือกเครื่องมือสี่เหลี่ยมผืนผ้าโค้งมน ตั้งค่าพารามิเตอร์ตามที่แสดงในรูปที่ 1 และวาดรูปสี่เหลี่ยมผืนผ้าโค้งมนดังแสดงในรูป 2.

<รูปที่ 1>

<รูปที่ 2> 2. เรียกส่วนที่เลือกของสี่เหลี่ยมมุมมน สร้างเลเยอร์ใหม่เหนือเลเยอร์พื้นหลัง เติมสี: #FBE39B กด Ctrl + D เพื่อยกเลิกการเลือก ดำเนินการเมนู: Filter > Blur > Motion การตั้งค่าพารามิเตอร์ Blur ดังแสดงในรูปที่ 3 ผลที่ได้จะเป็นดังแสดงในรูปที่ 4

<รูปที่ 3>

<รูปที่ 4>
3. เรียกส่วนที่เลือกของสี่เหลี่ยมมุมมน สร้างเลเยอร์ใหม่ที่ด้านบน เลือกเมนู: แก้ไข > เส้นขีด ค่าคือ 1 สีคือ: ##FBE39B เอฟเฟกต์ดังแสดงในรูปที่ 5

<รูปที่ 5> 4. สร้างเลเยอร์ใหม่ ใช้ Elliptical Marquee Tool เพื่อวาดวงกลมที่สมบูรณ์แบบดังแสดงในรูปที่ 6 กด Ctrl + Shift + D เพื่อทำให้ค่าขนนกเป็น 15 จากนั้นเลือกการตั้งค่าสีของเครื่องมือไล่ระดับสีดังที่แสดงใน รูปที่ 7 และวาดรูปเกรเดียนท์รูปที่ 8 ที่แสดง

<รูปที่ 6>

<รูปที่ 7>

<ภาพที่ 8> 5. กด Ctrl + J เพื่อสร้างสำเนาของกราฟิกไล่ระดับสีก่อน กด Ctrl + T เพื่อแปลงตามที่แสดงในรูปที่ 9 หลังจากยืนยันแล้ว ให้แสดงสำเนาดังกล่าว แสดงในรูปที่ 10 การแปลง และหลังจากยืนยันแล้ว ให้เปลี่ยนโหมดการผสมเลเยอร์เป็น "โอเวอร์เลย์" ผลลัพธ์จะเป็นดังแสดงในรูปที่ 11

<รูปที่ 9>

<รูปที่ 10>

<รูปที่ 11> 6. กลับไปที่เลเยอร์ตัวปุ่ม ใช้เครื่องมือปะรำวงรีเพื่อวาดรูปวงรีที่แสดงในรูปที่ 12 กด Ctrl + Shift + D เพื่อทำให้ค่าเป็น 10 จากนั้นกด Ctrl + M เพื่อเพิ่มความสว่างอย่างเหมาะสม . เอฟเฟกต์ดังแสดงในรูปที่ 13

<รูปที่ 12>

<รูปที่ 13>
![]()
<รูปที่ 14>

<รูปที่ 15>