การทำปุ่มใส สไตล์ 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