เมนูปุ่มแก้ว จัดทำโดย : ดินสอ พิมพ์
 Untitled Document เมนูปุ่มแก้ว
เราเคยเห็นเมนูแบบปุ่มแก้วใสกันมาบ้างพอสมควรแล้ว ทีนี้เรามาลองทำกันบ้างดีกว่า


ขั้นตอนการทำ
1. File --> new ขนาด 250*250 pixels


2. เลือกเครื่องมือ Rounded Rectangle กำหนดสี A4A4A4 และที่ Option bar ใส่ Radius 7 px



3. จากนั้นคลิกเมาส์ลาก บนพื้นที่จนได้ขนาดที่ต้องการ


3. ต่อจากนี้เราจะสร้างแสงเงาด้านบนก่อนโดยการเลือกเครื่องมือ Rectangular Marquee หรือกดคีย์ลัดที่คีย์บอร์ด ตัว M โดยที่เราต้องอยู่ในโหมดการพิมพ์ภาษาอังกฤษด้วย


4. คลิกลาก Selection คลุมบริเวณด้านบนของภาพ


5. จากนั้นให้เลือกเครื่องมือ Magic Wand หรือกดคีย์ลัดที่คีย์บอร์ด ตัว W โดยที่เราต้องอยู่ในโหมดการพิมพ์ภาษาอังกฤษด้วย


6. กดคีย์ Alt ค้างไว้ แล้วนำ Magic Wand มาคลิก ภายใน Selection แต่บริเวณนอกปุ่ม ดังรูป การทำแบบนี้จะเป็นการตัด Selection นอกภาพที่เราต้องการ


7. จากนั้น หด Selection เข้ามา โดยการเลือก เมนู Select-->Modify-->Contract ใส่ค่า Contract By = 1


8. สร้างเลเยอร์ใหม่


9. เลือกเครื่องมือ Gradient แล้ว เลือกสี Foreground เป็นสีขาว FFFFFF

บน Option Bar เลือกไล่สีแบบ Linear Gradient แล้วเลือก Foreground to Transparent

จากนั้น ลาก Gradient ลงมาบนภาพดังรูป โดยการลากให้ลากที่ Leyer ที่เราสร้างขึ้นใหม่(ปุ่มแก้วของเราจะดูเป็นแก้วหรือไม่จะขึ้นอยู่กับที่เราลากในจุดนี้) หลังจากนั้น กด Ctrl+D เพื่อยกเลิก Selection จะได้ผลดังรูป
   

10. เมื่อได้เงาด้านบนแล้ว เราจะมาใส่เงาด้านล่าง การทำเงาด้านล่างก็จะคล้ายกับทำด้านบน โดยการเลือกเครื่องมือ Rectangular Marquee


11. คลิกลาก Selection คลุมบริเวณด้านล่างของภาพ แล้วนำเครื่องมือ Magic Wand มาคลิก ภายใน Selection แต่บริเวณนอกปุ่ม จากนั้น หด Selection เข้ามา(เหมือนข้อ 7)จะได้ Selectionดังภาพด้านล่าง
  

13.สร้างเลเยอร์ขึ้นมาใหม่อีกครั้ง เลือกเครื่องมือ Gradient แล้ว เลือกสี Foreground เป็นสีดำ 000000 บน Option Bar เลือกไล่สีแบบ Linear Gradient แล้วเลือก Foreground to Transparent เหมือนข้อที่ 9 จากนั้น ลาก Gradient ลงมาบนภาพดังรูป โดยการลากให้ลากที่ Leyer ที่เราสร้างขึ้นใหม่ (ปุ่มแก้วของเราจะดูเป็นแก้วหรือไม่จะขึ้นอยู่กับที่เราลากในจุดนื้เช่นกัน) หลังจากนั้น กด Ctrl+D เพื่อยกเลิก Selection จะได้ผลดังรูป
  

13. หลังจากนั้นปรับ Opacity (ค่าความโปร่งแสง) ของ Layer เงาดำ ด้านล่าง ให้มีค่า ประมาณ 20 % หรือ แล้วแต่เราต้องการให้เกิดเงามากน้อยเพียงใด


14. จากนั้นเราจะมาใส่ข้อความ ให้กับเมนูของเรา โดยที่เราเลือกเครื่องมือ Horizontal Type


15. เมื่อเราพิมพ์ข้อความเรียบร้อยแล้ว ให้เรานำ Layer ข้อความ ที่เราพิมพ์ มาไว้ด้านล่าง ของ Layer เงาด้านด้านบน ข้อมความที่เราพิมพ์เข้าไปจะได้อยู่ภายใต้เงาใสของแก้ว


16. ปุ่มแก้วที่เสร็จเรียบร้อยแล้วจะมีลักษณะออกมาแบบที่เห็น แต่ทั้งนี้ปุ่มจะออกมาเป็นแก้วใส ดังใจเราหรือไม่นั้นขึ้นอยู่กับว่าเราลากสี Gradient ได้ออกมาในลักษณะไหน
คุณอาจสนใจ
ย้าย Server เปลี่ยน Link ใหม
สายลม (31,990 - 29 มี.ค. 51)
Error Code คืออะไร
เว็บไทยดีดี (24,212 - 29 ก.ย. 50)
การสร้าง site ให้กับ Dream
Mr.GuruZ (56,102 - 04 มิ.ย. 49)
การทำ Expaning_text
Black-Hawk (123,827 - 22 ก.พ. 51)
การแสดงค่าของ Array
Mr.GuruZ (31,492 - 03 มิ.ย. 49)
การใช้งาน Drop-down menu จัดระเบียบหน้าเว็บไซต์
Mr.GuruZ (25,326 - 21 มี.ค. 51)
การใส่ขอบสีให้กับตัวอักษร
Mr.GuruZ (41,164 - 27 มิ.ย. 49)
การใช้คำสั่ง DSum สำหรับหาผลรวมข้อมูลโดยกำหนดเงื่อนไข
นายจืด (25,893 - 03 พ.ค. 51)