PhotoshopDD.com II

การทำปุ่มใสสไตล์ Glossy : Photoshop

Posted on 19. Feb, 2010 by admin in Photo Effect

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

หน้าตา น่ารัก น่าชังแบบนี้แหละครับ

เอาล่ะ มาดูวิธีทำกันเลยครับ

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

เป็นไงกันบ้างครับเทคนิคนี้ ง่าย ๆ แต่ดูดีไม่น้อยเลยใช่ม่า ถ้าติดขัดตรงไหนโพสต์ถามได้นะครับ โดยเฉพาะการเปลี่ยนสี ผมว่าสำหรับมือใหม่ ๆ อาจจะงงก็ได้ สามารถไปโพสต์ถามมือเก๋าได้ที่ เว็บบอร์ด ได้ตลอดเวลานะครับ

วันนี้ลาแล้วครับ สวัสดีครับ

Tags: 2.0, glossy, การทำปุ่ม