บทช่วยสอนนี้จะแนะนำการออกแบบการนำทางเว็บด้วยการพับริบบิ้นเป็นหลัก และเอฟเฟกต์ก็สวยงามมาก
คุณชอบเอฟเฟกต์นี้หรือไม่? วันนี้จะพาไปดูวิธีการทำ!

เริ่มต้นด้วยการสร้างเอกสารใหม่ใน Photoshop ขนาดประมาณ 500 x 500 และเติมสี #dac8aa

ตอนนี้เรามาดูวัสดุที่มีลักษณะคล้ายพื้นผิวกระดาษกันดีกว่า คุณสามารถค้นหาพื้นผิวที่เป็นธรรมชาติที่คุณต้องการ จากนั้นใช้ทางลัด "Decolor" Ctrl+Shift+U:

หลังจากนั้นให้เปลี่ยนโหมดเลเยอร์เป็น: ซ้อนทับ และเปลี่ยนความทึบเป็น 60% รวมสองชั้นเข้าด้วยกัน

โอเค เพื่อแสดงความหนาแน่นของกระดาษ เราจะใช้ "การเหลา" เพื่อปรับปรุงพื้นผิว คุณสามารถทำมันได้สองสามครั้งตามความเหมาะสม

ตอนนี้เราเริ่มสร้างริบบิ้น ขั้นแรกให้ใช้เครื่องมือ Rectangular Marquee เพื่อสร้างส่วนที่เลือกตามที่แสดงในภาพ และเติมด้วยสีเขียว (#95b900) อย่าลืมทำให้สมบูรณ์ในเลเยอร์ใหม่! -

สร้างริบบิ้นสีเหลือง (#e9db03) และสีแดง (#b94a00) ด้วยวิธีเดียวกัน


ต่อไป เราต้องแน่ใจว่าริบบิ้นสีทั้งสามนั้นอยู่บนเลเยอร์เดียวกัน และกด Ctrl+J เพื่อคัดลอกริบบิ้นใหม่! และหมุนดังแสดงในรูป:

ควรหมุนเลเยอร์ดั้งเดิมเพื่อสร้างจุดตัดระหว่างเลเยอร์เหล่านั้น

ตอนนี้เราเลือกริบบิ้นที่อยู่ด้านล่าง กด CTRL ค้างไว้แล้วคลิกที่เลเยอร์นี้ในแผงเลเยอร์เพื่อรับการเลือก สร้างเลเยอร์ใหม่ และใช้เครื่องมือไล่ระดับสีเพื่อสร้างเงา
การไล่ระดับสีใช้สีดำ - วิธีโปร่งใส!
