All Blog
การทำปุ่มใส สไตล์ Glossy : Photoshop
สวัสดีครับ เนื่องจากวันนี้โลดแล่นอยู่ในอินเตอร์เน็ตเป็นเวลานาน
ก็เลยไปเจอเทคนิคสวย ๆ เกี่ยวกับการทำปุ่มกลอสซี่ แบบเว็บ 2.0
จากต่างประเทศมา ไหน ๆ ก็อ่านแล้วชอบแล้ว ก็เลยเอาวิธีทำมาฝากกันครับ
แต่ก่อนอื่นมาดูภาพตัวอย่างกันก่อนครับ

finish1

ขั้นที่ 1 สร้างไฟล์ใหม่ขึ้นมาครับ โดยไปที่เมนู
File > New หรือกด Ctrl + N ที่แป้นพิมพ์ก็ได้ครับ
จากนั้นตั้งค่าตามรูปได้เลย

001


ตั้งค่าแล้ว กด OK ได้เลยครับ



ขั้นที่ 2 เลือกไปที่
เครื่องมือ เส้นประสี่เหลี่ยม
แล้วลากลงไปบนไฟล์งานของเราตามตัวอย่างด้านล่างนี่เลยครับ


002




เมื่อได้สี่เหลี่ยมจัตุรัสสมใจแล้ว
ให้ไปที่เมนู Select > Modify > Smooth
เพื่อลบมุมทั้งสี่ด้านของสี่เหลี่ยมครับ



003




ใส่เลข 5 ลงไป แล้วกด OK




004


ที่จริงขั้นตอนนี้ใส่เลขอะไรก็ได้นะครับ
แล้วแต่ชอบ ตัวเลขยิ่งเยอะ ขอบก็จะยิ่งมนขึ้นครับ


แต่ว่า ตอนทำครั้งแรก
ผมอยากให้ตั้งค่าตามผมก่อน ทุก ๆ ค่าเลยน่ะครับ ^^




ขั้นที่ 3
กดไปที่ปุ่มวงกลมสีแดงตามภาพครับ เพื่อสร้าง Layer 1




005




จากนั้นก็เทสีดำ ลงไปบนเลเยอร์ 1
ได้เลยครับ


006


กด Ctrl + D เพื่อลบซีเล็คชั่นซ๊าา




ขั้นที่ 4 คลิกขวาที่
Layer 1 แล้วเลือก Blending Options… ตามภาพครับ


007




จากนั้นติ๊กถูกที่ Outer Glow ครับ
แล้วตั้งค่าตามภาพได้เลยครับ


008




เสร็จสรรพมาต่อที่ Inner Glow ครับ
เพื่อเพิ่มความฟุ้งภายใน


009


สีฟ้าที่เห็นอยู่ผมใช้รหัส  #1E96D4
ครับ




แล้วก็มาที่ Gradient Overlay ครับ


010


ทางซ้ายมือผมใช้สี รหัส0F6A95


ทางขวามือผมใช้สี รหัส 65BCE1


ป.ล.
การเปลี่ยนสีให้กดไปที่แถบสีได้เลยนะครับ แล้วกดเปลี่ยนสีด้านในได้เลย




สุดท้ายมาที่ Stroke ครับ


011




ตั้งค่าตามที่เห็นในภาพทุกอย่างครับ
ส่วนค่าสีนะครับ ตั้งเป็น 3 สี แล้วตั้งค่า


ซ้ายมือ - ขวามือ ใช้รหัสสี 218BAE


ตรงกลาง ใช้รหัสสี A3D3E9


จากนั้นก็กด OK ได้เลยครับ




012


จะได้ภาพแบบนี้ครับ




ขั้นที่ 5 สร้างเลเยอร์ใหม่ขึ้นมาอีก 1 เลเยอร์ครับ
โดยการกดไปที่ ปุ่ม วงกลมสีแดงที่ 1
จากนั้นเลือกไปที่เครื่องมือเส้นประวงกลม โดยการกดไปที่วงกลมสีแดงที่ 2
ครับ แล้วจึงไปทำซีเล็คชั้น ลักษณะตามภาพครับ ที่ภาพที่เราเพิ่งสร้างขึ้นมา




013


งง มั๊ยครับ ไม่น่าจะงงเนอะ
ลองทำตามดูช้า ๆ นะครับ




แล้วก็เทสีขาวลงไปทับ แบบนี้ครับ


014




ขั้นที่ 6 ไปที่เมนู  Select > Load Selecttion
ครับ




015




จากนั้นกดปุ่ม Shift + Ctrl + I
เพื่ออินเวิร์ส ซีเล็คชั่นครับ




ที่เลเยอร์ 2 ให้ลดค่า Opacity เหลือ
25% หรือตามแต่ที่ชอบครับ


016




จากนั้นกด Ctrl + D ซ๊า
เพื่อลบซีเล็คชั่น แค่นี้ก็จบแล้ว


017


เสร็จแล้วครับ
จากนี้ก็แค่ตกแต่งตามใจชอบครับ ใครชอบแบบไหนก็ลองเอามาแต่งดูครับ




finish2




อย่างภาพสุดท้ายของผม ผมแค่เขียนคำว่า
PSDD.COM ลงไป แล้วเพิ่มเงาสะท้อนเท่านั้น แค่นี้ก็เก๋กู๊ดแล้ว


 Cradit: photoshopdd.com





Create Date : 28 เมษายน 2553
Last Update : 28 เมษายน 2553 1:56:08 น.
Counter : 1160 Pageviews.

0 comments
ชื่อ : * blog นี้ comment ได้เฉพาะ VIP Friend
Comment :
 *ส่วน comment ไม่สามารถใช้ javascript และ style sheet
 

ชีวานรินทร์
Location :
  

[ดู Profile ทั้งหมด]
ให้ทิปเจ้าของ Blog [?]
 ฝากข้อความหลังไมค์
 Rss Feed
 Smember
 ผู้ติดตามบล็อก : 3 คน [?]