เนื่องด้วยเรากำลังอยู่ในยุค web2.0 (คืออะไรใครยังไม่รู้ ยอมรับมา เดี๋ยวเล่าให้ฟัง) เทรนด์ปุ่มใสๆ บวมๆ น่ากดบดขยี้กำลังอิน เลยจะมาสอนน้องๆที่อยากทำเป็นให้ทำกัน (ใครที่เป็นเจ้าของสวนห้ามโห่นะ เพราะลองค้นจู๋แล้วยังไม่เห็นมีใครทำ
)
เริ่มกันเลย
เปิดโฟโต้ชอพขึ้นมา เวอร์ชั่นพระเจ้าเหายัน cs3 ก็ทำได้หมด เปิดงานใหม่ขึ้นมา แล้วสร้างเลเยอร์ใหม่1ที
สร้างรูปร่างของปุ่มขึ้นมา อันนี้จะยกตัวอย่างปุ่มสี่เหลี่ยม แต่เพื่อความกิ๊บเก๋เราขอขอบมนเป็นเฟอร์นิเจอร์
ถ้าว่ากันตามหลักการวาดภาพ ของที่วางบนพื้นย่อมมีแสงจากพื้นสะท้อนมาโดนที่ด้านล่างของมัน เราก็จะใส่เข้าไปโดย เริ่มจากทำ selection รอบปุ่มเราก่อน โดยกด CTRL+คลิกที่ thumbnail บนหน้าต่าง layer และอย่าลืมสร้างเลเยอร์ใหม่ก่อน จากนั้นก็เอา gradient ลากสีขาวไล่ไปใสที่ขอบล่างแบบนี้
และเนื่องจากมันใสปิ้ง มันต้องมีเงาสะท้อนจากเพดาน จากขั้นที่แล้วเรายังไม่ต้องเอา selection ออก จากนั้นสร้างเลเยอร์ใหม่ขึ้นมาอีก และทีนี้เราก็ใส่ gradient ไล่กลับหัวลงมาบ้าง กะให้เฟดหายไปเลยครึ่งทางมาหน่อยแบบนี้
และด้วยว่ามันมันวาว แสงสะท้อนจะมี contrast ที่ชัดเจน เรามาสร้าง contrast หลอกๆนั่นกันดีกว่า
จากขั้นที่แล้ว ยังไม่ต้องเอา selection ออก ถ้ามันเบื่อปล่อยมันเบื่อไป เป็นหน้าที่ selection ที่ดีต้องทำอยู่แล้ว
จากนั้นใช้ pen tool สร้าง path ทำนองนี้ขึ้นมา
คลิดขวาเลือก make selection จะมีหน้าต่างขึ้นมา ให้เลือก operation เป็น intersect with selection เราจะได้ selection ที่เหลือแบบนี้
จากนั้นกด del เบาๆแต่มั่นคง เพื่อลบ gradient นี่ออกไปครึ่งส่วน เอาล่ะ เอา selection ออกได้แล้วทุกคนนน... เราจะได้ของหน้าตาแบบนี้
ทีนี้เรามาแต่งกิ๊กกัน เนื่องจากปุ่มมันนูนๆ ขอบข้างๆมันจะมีเงาดำๆให้เห็น ก็ทำได้ง่ายๆโดย transform แสงสะท้อนให้เล็กลงนิดหน่อยแบบนี้ (นิดหน่อยพอนะ ผู้ดีไม่ทำอะไรกันเยอะแยะมากมาย)
เราจะเห็นว่าแสงสะท้อนบาดตาบาดใจมันเข้มเกินไป ไม่ค่อยผู้ดีนัก เราก็จัดการลด opacity ลงเอาเหลือสัก 70% ก็พอ แบบนี้
ทีนี้มี top tips มาฝาก... อันที่ทำกันไปนี่จะดูว่าปุ่มค่อนข้างใส เพราะ สีขาวข้างล่างโผล่มามาก เราทำให้ปุ่มเปลี่ยนความทึบแสงได้ง่ายๆ โดยการลด opacity ของแสงสะท้อนด้านล่างลง จางมากก็ทึบมาก
แบบนี้...
แต่มองๆดูแล้วขอบมันไม่เรียบร้อยเลย ไม่เป็นไร เราเลื่อนแสงสะท้อนจากพื้นลงมานิดนึงจะดูดีขึ้นแบบนี้
หรือจะลอง drop shadow แบบนี้ก็งามตาดี
