ภาพตัวอย่าง
![]() |
ขั้นตอนการทำ
1. สร้างเอกสารที่เปล่าขึ้นมาโดยใช้ Background สีขาว
![]() |
2. หลังจากนั้นให้เรา New Layer ขึ้นมา 1 Layer ครับ แล้วเติมสีขาวลงไป
![]() |
3. หลังจากนั้นให้เราสร้าง Layer ขึ้นมาใหม่อีก 1 Layer เป็น Layer ที่ 2 แล้ววาดปุ่มลงไป สีปุ่ม #98AAB1
![]() |
4. หลังจากนั้นให้เราสร้าง Layer ขึ้นมาอีกเป็น Layer 3 และโหลด Selecttion ของปุ่มที่เราสร้างขึ้นมาโดยกด Ctrl + Layer 2 แล้วใส่สีขาวโดยใช้เครื่องมือ Gradient Tool เลือกเทสีขาวในโหมด Transparent
![]() |
5. หลังจากนั้นใส่ Filter --> Blur --> Gaussian Blur
![]() |
6. หลังจากนั้นให้เราคลิดที่ Layer 1 กด Delete เพื่อลบข้อมูลส่วนที่เป็นปุ่มออก
![]() |
7. หลังจากนั้นยกเลิอกเส้น Selection กด Ctrl+D ให้ใส่ Effect Bevel and Emboss ที่ Layer 1 จะได้ปุ่มขึ้นมาดังภาพ
![]() |
8. ลองนำไปใช้ดูนะครับ ขอให้สนุกกับการทำเว็บ







