เทคนิคการสร้างปุ่ม Capsule แบบที่ 2 จัดทำโดย : Mr.GuruZ พิมพ์
 :: WebThaiDD.COM - ขุมทรัพย์ทางปัญญาของคนไทย •))) ------------   เทคนิคการสร้างปุ่ม Capsule แบบที่ 2 นี้เราจะเห็นว่าปุ่มจะยุบลงไปในพื้นด้วย มาดูขั้นตอนการทำกันเลย

ภาพตัวอย่าง


ขั้นตอนการทำ

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. ลองนำไปใช้ดูนะครับ ขอให้สนุกกับการทำเว็บ
คุณอาจสนใจ
เคล็ดไม่ลับ กับการยกเลิกการผสาน Cell ใน Excel 97
Mr.GuruZ (35,046 - 02 ก.ค. 49)
เรื่องเล็กน้อยแต่น่ารู้ไว้ของเมนู Start (XP)
เว็บไทยดีดี (13,330 - 29 ก.ย. 50)
การทำเส้นวิ่งเป็นกรอบสี่เหลี่ยม
Mr.GuruZ (97,907 - 04 มิ.ย. 49)
การ Fixed ภาพพื้นหลัง หยุดนิ่งด้วย HTML
Black-Hawk (75,294 - 29 ม.ค. 51)
วิธีแก้ไข Virus Handy Drive (Flashy.exe)
เว็บไทยดีดี (31,029 - 25 ส.ค. 50)
การจับกลุ่มงาน
หมูขุน (16,232 - 04 ก.พ. 50)
การใส่ขอบสีให้กับตัวอักษร
Mr.GuruZ (42,064 - 27 มิ.ย. 49)
สร้าง cell ให้เสมือนปุ่มบน MS Excel
langjuko (42,188 - 29 ต.ค. 51)