บทช่วยสอนนี้จะแนะนำการออกแบบการนำทางเว็บด้วยการพับริบบิ้นเป็นหลัก และเอฟเฟกต์ก็สวยงามมาก
คุณชอบเอฟเฟกต์นี้หรือไม่? วันนี้จะพาไปดูวิธีการทำ!
เริ่มต้นด้วยการสร้างเอกสารใหม่ใน Photoshop ขนาดประมาณ 500 x 500 และเติมสี #dac8aa
ตอนนี้เรามาดูวัสดุที่มีลักษณะคล้ายพื้นผิวกระดาษกันดีกว่า คุณสามารถค้นหาพื้นผิวที่เป็นธรรมชาติที่คุณต้องการ จากนั้นใช้ทางลัด "Decolor" Ctrl+Shift+U:
หลังจากนั้นให้เปลี่ยนโหมดเลเยอร์เป็น: ซ้อนทับ และเปลี่ยนความทึบเป็น 60% รวมสองชั้นเข้าด้วยกัน
โอเค เพื่อแสดงความหนาแน่นของกระดาษ เราจะใช้ "การเหลา" เพื่อปรับปรุงพื้นผิว คุณสามารถทำมันได้สองสามครั้งตามความเหมาะสม
ตอนนี้เราเริ่มสร้างริบบิ้น ขั้นแรกให้ใช้เครื่องมือ Rectangular Marquee เพื่อสร้างส่วนที่เลือกตามที่แสดงในภาพ และเติมด้วยสีเขียว (#95b900) อย่าลืมทำให้สมบูรณ์ในเลเยอร์ใหม่! -
สร้างริบบิ้นสีเหลือง (#e9db03) และสีแดง (#b94a00) ด้วยวิธีเดียวกัน
ต่อไป เราต้องแน่ใจว่าริบบิ้นสีทั้งสามนั้นอยู่บนเลเยอร์เดียวกัน และกด Ctrl+J เพื่อคัดลอกริบบิ้นใหม่! และหมุนดังแสดงในรูป:
ควรหมุนเลเยอร์ดั้งเดิมเพื่อสร้างจุดตัดระหว่างเลเยอร์เหล่านั้น
ตอนนี้เราเลือกริบบิ้นที่อยู่ด้านล่าง กด CTRL ค้างไว้แล้วคลิกที่เลเยอร์นี้ในแผงเลเยอร์เพื่อรับการเลือก สร้างเลเยอร์ใหม่ และใช้เครื่องมือไล่ระดับสีเพื่อสร้างเงา
การไล่ระดับสีใช้สีดำ - วิธีโปร่งใส!