หากคุณตัดสินใจด้วยตัวเองในการสร้างปุ่มสำหรับแถบนำทางของไซต์ของคุณ การใช้โปรแกรม Adobe Photoshop ทำได้ค่อนข้างง่าย เป็นผลให้คุณจะได้ปุ่มที่สวยงามซึ่งคุณสามารถปรับสีและพารามิเตอร์อื่น ๆ ให้เข้ากับการออกแบบเว็บไซต์ของคุณได้อย่างแม่นยำ
คำแนะนำ
ขั้นตอนที่ 1
สร้างเอกสารใหม่ในโปรแกรม (ไฟล์ - ใหม่ หรือ ไฟล์ - ใหม่) ตอนนี้เปลี่ยนเอกสารเป็นโหมดสีเทาสำหรับการเลือกรูปภาพ - โหมด - โทนสีเทา ตอนนี้ ใช้เครื่องมือ Rectangle สร้างสี่เหลี่ยมผืนผ้าที่ตรงกับขนาดของปุ่มในอนาคตของคุณ ตอนนี้ใส่ภาพในโหมด RBG เปิดจานสี RBG (ซ้าย) และตั้งค่าทั้งหมดเป็น 170 เติมสี่เหลี่ยมด้วยสีเทา
ขั้นตอนที่ 2
ตอนนี้คลิก รูปภาพ - โหมด - บิตแมป เพื่อวางรูปภาพในโหมดบิตแมป ในหน้าต่างบิตแมป ในรายการใช้ ให้เลือกค่าหน้าจอฮาล์ฟโทน หน้าต่างอื่นควรเปิดขึ้น ในหน้าต่างนี้ ตั้งค่าพารามิเตอร์ต่อไปนี้:
ความถี่: 256
เส้น / นิ้ว
มุม: 45
รูปร่าง / กลม
คุณจะจบลงด้วยสี่เหลี่ยมผืนผ้าที่มีจุดดาว
ขั้นตอนที่ 3
ตอนนี้เปลี่ยนภาพกลับเป็นโหมดโทนสีเทา (ภาพ - โหมด - โทนสีเทา) ตั้งค่าอัตราส่วนขนาด 1 ตั้งค่าภาพกลับเป็นโหมด RBG ใช้ตัวกรอง Stylize - Fmd Edges
ขั้นตอนที่ 4
จากนั้นใช้ตัวกรอง Blur - Motion Blur โดยตั้งค่าพารามิเตอร์ต่อไปนี้:
มุม - 36
ระยะทาง - 19
ค่าเหล่านี้เป็นทางเลือก คุณสามารถยอมรับค่าของคุณเองได้ ขึ้นอยู่กับผลลัพธ์ที่คุณต้องการได้ในที่สุด สิ่งนี้ใช้กับพารามิเตอร์ทั้งหมดที่ระบุในคู่มือนี้ - ลองทดลองและดูว่าคุณได้รับอะไร บางทีคุณอาจจะพอใจกับตัวเลือกอื่น ๆ ซึ่งแตกต่างจากสิ่งที่ผู้เขียนคำแนะนำจะลงเอยด้วย
ขั้นตอนที่ 5
ตอนนี้ระบายสีในภาพของคุณ ในการดำเนินการนี้ ให้เลือกรูปภาพ - การปรับแต่ง - ฮิว / ความอิ่มตัว ทำเครื่องหมายที่ช่องถัดจาก Colorize และเลื่อนคันโยก เลือกสีเส้นขอบที่ต้องการสำหรับปุ่มของคุณ
ขั้นตอนที่ 6
ตอนนี้เลือกส่วนที่ยื่นออกมาของปุ่มด้วยเครื่องมือ Rectangular Marquee Tool และทำให้เบาลงเล็กน้อย เมื่อต้องการทำเช่นนี้ ให้เปลี่ยนเส้นโค้งของภาพ - ภาพ - การปรับ - เส้นโค้ง
ขั้นตอนที่ 7
หากผลลัพธ์เป็นที่น่าพอใจสำหรับคุณแล้ว คุณสามารถหยุดเพียงแค่นั้นและพิจารณาว่าปุ่มของคุณเสร็จสิ้นแล้ว แต่หากต้องการ คุณสามารถปรับแต่งภาพอีกเล็กน้อยเพื่อให้ดูดีขึ้น
ขั้นตอนที่ 8
ในการทำเช่นนี้ เราต้องกำจัดมุมที่ถูกตัดออก เลือก Rectangular Marquee Tool และเลือกพื้นที่ของปุ่มที่คุณต้องการ (ไม่มีมุมน่าเกลียด) และคัดลอก (แก้ไข - คัดลอกหรือใช้แป้นพิมพ์ลัด Ctrl + C) จากนั้นกด Ctrl + V เพื่อวางไฟล์ที่คัดลอกไว้บนเลเยอร์ใหม่ ใช้รูปภาพ - หมุนผ้าใบ - พลิกแนวนอน
ขั้นตอนที่ 9
เลือกชิ้นส่วนที่ต้องการอีกครั้ง คัดลอกและใช้ Image - Rotate Canvas - Flip Horizontal อีกครั้ง ดังนั้นภาพจะกลับคืนสู่รูปลักษณ์ดั้งเดิม ตอนนี้ลบส่วนนี้ออก (ตามกฎแล้วนี่คือเลเยอร์บนสุดในแผงเลเยอร์) ตอนนี้วางตัวอย่างจากคลิปบอร์ดโดยใช้แก้ไข - วาง ลากชิ้นส่วนไปที่ขอบด้านซ้ายของปุ่ม ทำให้ขอบเป็นสี่เหลี่ยม ทำเช่นเดียวกันกับมุมขวา
ขั้นตอนที่ 10
ตอนนี้คุณต้องเพิ่มข้อความลงในปุ่ม ในการดำเนินการนี้ ให้ใช้เครื่องมือข้อความเพื่อสร้างคำจารึกที่จำเป็น โดยเปลี่ยนสีเป็นสีที่เหมาะสมกว่า ใช้ฟิลเตอร์เบลอกับปุ่มเพื่อเบลอเล็กน้อย