การนำทางที่ง่ายดายเป็นกุญแจสำคัญในการทำให้เว็บไซต์สะดวกสบายในการเยี่ยมชมและดึงดูดทั้งเจ้าของและผู้เยี่ยมชมออนไลน์ องค์ประกอบเมนูและการนำทางควรมีความชัดเจน สวยงาม และกระชับ และเป็นความคิดที่ดีที่จะสร้างปุ่มที่น่าสนใจสำหรับเว็บไซต์ของคุณในโปรแกรมแก้ไขกราฟิก Adobe Photoshop นี้ไม่ยากที่จะทำ
คำแนะนำ
ขั้นตอนที่ 1
สร้างเอกสารใหม่และเลือกเครื่องมือ Rounded Rectangle จากแถบเครื่องมือ วาดสี่เหลี่ยมมุมมนแคบ ๆ แล้วเลือกเครื่องมือ Elliptical Marquee Tool จากกล่องเครื่องมือ แล้ววาดวงกลมที่ด้านซ้ายของสี่เหลี่ยมที่คาบเกี่ยวขอบและข้ามไป
ขั้นตอนที่ 2
คลิกขวาที่เลเยอร์สี่เหลี่ยมผืนผ้าและเลือกตัวเลือก Rasterize Layer จากนั้นคลิกอีกครั้งที่กึ่งกลางของส่วนที่เลือก แล้วเลือกตัวเลือก Layer via Cut จากเมนูบริบทเพื่อคัดลอกส่วนที่เลือกไปยังเลเยอร์ใหม่
ขั้นตอนที่ 3
เปิดเมนูการตั้งค่าเลเยอร์ และในแท็บ Drop Shadow ให้ตั้งค่าโหมดการผสมเป็น ปกติ ความทึบเป็น 23% และระยะห่างเป็น 3 พิกเซล ในแท็บ Color Overlay ให้ตั้งค่าสีที่ต้องการด้วยโหมดการผสม Normal และความโปร่งใสที่ 100% คุณควรมีภาพสองสี
ขั้นตอนที่ 4
เลือกเครื่องมือ Elliptical Marquee จากกล่องเครื่องมืออีกครั้งแล้ววาดวงกลมภายในการเลือกสีด้านซ้าย คลิกลบ หลังจากนั้นโอนส่วนที่เลือกไปยังเลเยอร์ใหม่และเติมด้วยสีใดก็ได้
ขั้นตอนที่ 5
เปิดเมนู Layer Style อีกครั้งและปรับแท็บ Gradient Overlay ให้เป็นสีใดก็ได้ที่เหมาะกับรูปแบบสีของไซต์ของคุณ ตั้งค่ารูปแบบรัศมีเป็นการไล่ระดับสี จากนั้น ในแท็บ Stroke ให้ตั้งค่าน้ำหนักการลากเส้นเป็น 2 พิกเซล ตำแหน่งภายนอกของเส้นทาง และความทึบแสงเป็น 30% เลือกการเติมไล่ระดับสำหรับสโตรก คลิกตกลง
ขั้นตอนที่ 6
ในกล่องเครื่องมือ ให้เลือกแปรงที่มีสีขาว ปรับให้แปรงนุ่ม และเส้นผ่านศูนย์กลางของแปรงคือ 10 พิกเซล ที่ด้านบนขวาของวงกลมที่คุณวาด ให้วาดจุดเพื่อวาดไฮไลท์
ขั้นตอนที่ 7
จากนั้นเลือกเลเยอร์ที่มีส่วนหลักของปุ่ม และในเมนู Layer Style ให้ตั้งค่าพารามิเตอร์ Inner Shadow ด้วยโหมด Multiply Blending และความทึบ 33% ตั้งค่าการไล่ระดับสีเชิงเส้นด้วยความทึบ 25% ปุ่มของคุณพร้อมแล้ว - สิ่งที่เหลืออยู่คือการเพิ่มคำจารึกลงไป
