Howto : Glossy Button
posted on 28 Oct 2007 16:43 by revamp in Design
วันนี้มาว่าด้วยเรื่องการทำ ปุ่มแบบแก้วๆ นะคะ (จะเรียกยังไงดีแฮะ)
คล้ายๆแบบโลโก้บล็อกนะคะ แต่ไม่เหมือนซะดีเดียว
แต่ก็เป็นพื้นฐานหลักๆน่ะค่ะ อิอิ เอาไปปรับๆใช้ได้มั้ง แฮ่
01. โปรแกรม Photoshop นะคะ เปิดงานใหม่แล้วใช้เครื่องมือ
(Rounded Rectangle Tool) วาดขนาดที่ต้องการค่ะ
02. เลือกที่ 
(Add a layer style) แล้วตั้งค่าที่
Gradient overlay และ Inner Shadow ตามในรูปนะคะ
ตรงสีจะเลือกอะไรก็ได้ ของเราเป็น #7cc523 กับ #c7e19d ค่ะ
03. กดปุ่ม Ctrl พร้อมคลิ๊กเลเยอร์ที่เราทำงานอยู่
จะเห็นว่ามีเส้นประอยู่รอบๆปุ่มที่เราวาด Edit เพิ่มรูปแล้วค่ะ
04. เลือก 
(Rectangular Marquee Tool)
แล้วมองไปที่ด้านบนๆนะคะ เลือก 
(Intersect with Selection)
เพื่อทำซีเล็กชั่นแค่ในส่วนที่เราต้องการ ให้ลากแค่ครึ่งบนของรูปค่ะ
05. เลือก Select > Modify > Contract ตั้งค่า 2 px
คือการลดขนาดซีเล็คชั่นลง 2 px ค่ะ ใช้ 
(Gradient Tool)
ใช้สีขาว แบบ Foreground to Transparent ภาพค่ะ
ลากจากบนลงล่างได้ประมาณรูปด้านบนนะคะ
06. กด Ctrl+D เพื่อเอาเส้นซีเล็คชั่นออก
แล้วตั้งค่า เบลนดิ้งโหมดเป็น Soft light ค่ะ จบ!!
ถ้างงก็ถามกันได้นะคะ ไม่ได้สอนแบบนี้นาน เลยงงเอง 55+
มาสเตอร์แชมป์
อ๊ะ พี่แชมป์ แหะๆ ขอบคุณที่มาแนะนำนะคะ แล้วจะลองเปลี่ยนดูมั่งนะคะ 
แบร่ ๆ
#1 By shimeatsky on 2007-10-28 17:43