การสร้างปุ่มกดแบบ Roll Over หน้า2

กดปุ่ม Ctrl ค้างไว้แล้วคลิกที่ Layer Off จากนั้นคลิก Layer Background และสร้าง Layer ขึ้นมาใหม่ให้อยู่เหนือ Layer Background

ใช้คำสั่ง Select >Modify >Expand ใส่ค่า 3 พิกเซล กด Ok
กดปุ่ม D และตามด้วย X เพื่อเปลี่ยนสี Forground ให้เป็นสีขาว และสี Background ให้เป็นสีดำ คลิกที่ปุ่ม Gradient Tool คลิกที่ภาพแล้วลาก จากด้านล่างขึ้นด้านบน

คลิก Layer Off ลากมาวางที่รูปกระดาษใน Layer Pallette เพื่อ Copy Layer นี้ขึ้นมาอีก 1 Layer เสร็จแล้วเปลี่ยนชื่อเป็น On

ทำการซ่อน Layer Off ด้วยการกดรูปตาที่ตรงด้านหน้าของ Layer ใช้คำสั่ง Layer > Layer Style >Inner Shadow แล้วกำหนดค่าต่าง ๆ ดังนี้

- Opacity 75 %
- Angel 120
- Distance 7 (เพิ่มลดค่านี้ได้ โดยจะมีผลต่อความลึกของปุ่มเวลากด)
- Choke 0
- Size 5 จากนั้นกดปุ่ม Ok
กดปุ่ม Ctrl ค้างไว้พร้อมกับกดปุ่มลูกศรลง 1 ครั้ง และลูกศรขวา 1 ครั้ง

ขั้นตอนการเซฟไฟล์ ให้เซฟไฟล์ออกเป็น 2 ภาพ ภาพแรกคือ Layer Off และภาพที่สองคือ Layer On ในการเซฟนั้น ถ้าคุณต้องการเซฟ ภาพใดก็ ให้คลิกให้รูปตาที่ Layer นั้นปรากฏขึ้น และคลิกปิดรูปตาของ อีก Layer หนึ่งให้หายไปเสียก่อน

เมื่อเสร็จแล้วคุณก็จะได้ภาพปุ่มแบบกดไว้สร้างเวปเพจสวย ๆ แล้ว

ลองเลื่อนเม้าส์มาอยู่เหนือปุ่ม

หน้าที่ 1