การเพิ่ม 3D ลงในงานออกแบบของคุณจะช่วยเพิ่มความสง่างามให้กับภาพรวม เทคนิคพื้นฐานนี้เป็นหนึ่งในเคล็ดลับดีๆ ที่พบใน Photoshop และเป็นประโยชน์อย่างมากสำหรับผู้เริ่มต้นในการออกแบบเว็บไซต์และแบนเนอร์ เราจะใช้เครื่องมือพื้นฐานบางอย่าง เช่น ตัวเลือกการผสมเลเยอร์และเครื่องมือแปลง
เริ่มต้นด้วยการสร้างเอกสารใหม่ขนาด 800 X 600
![วิธีสร้างเอฟเฟกต์ลายทาง 3 มิติใน Photoshop [บทช่วยสอน] วิธีสร้างเอฟเฟกต์ลายทาง 3 มิติใน Photoshop [บทช่วยสอน]](https://tips-cdn.webtech360.com/resources8/r252/image-6190-0829093911830.webp)
เติมพื้นหลังด้วยสีอ่อน เราใช้สีฟ้าอ่อนในสถานการณ์นี้
![วิธีสร้างเอฟเฟกต์ลายทาง 3 มิติใน Photoshop [บทช่วยสอน] วิธีสร้างเอฟเฟกต์ลายทาง 3 มิติใน Photoshop [บทช่วยสอน]]()
ตอนนี้ให้สร้างเลเยอร์ใหม่ (Shift + Ctrl + N) ดับเบิลคลิกและตั้งค่าโหมดการผสมเป็นแสงนุ่มนวล โดยไปที่ตัวเลือกการผสม
![วิธีสร้างเอฟเฟกต์ลายทาง 3 มิติใน Photoshop [บทช่วยสอน] วิธีสร้างเอฟเฟกต์ลายทาง 3 มิติใน Photoshop [บทช่วยสอน]]()
ขั้นตอนต่อไปคือหยิบแปรงสีขาวนุ่มขนาดใหญ่โดยใช้เครื่องมือแปรงและคลิกเพียงครั้งเดียวดังแสดงด้านล่าง
![วิธีสร้างเอฟเฟกต์ลายทาง 3 มิติใน Photoshop [บทช่วยสอน] วิธีสร้างเอฟเฟกต์ลายทาง 3 มิติใน Photoshop [บทช่วยสอน]]()
ตอนนี้สร้างเลเยอร์ใหม่และตั้งชื่อว่า Stripe เติมสีเทาเข้ม (#707793)
![วิธีสร้างเอฟเฟกต์ลายทาง 3 มิติใน Photoshop [บทช่วยสอน] วิธีสร้างเอฟเฟกต์ลายทาง 3 มิติใน Photoshop [บทช่วยสอน]]()
เปิดตัวเลือกการผสมของเลเยอร์ใหม่ Stripe และเพิ่มเลเยอร์ไล่ระดับสีลงไป เพียงแค่ลดความทึบลงเหลือ 15%
![วิธีสร้างเอฟเฟกต์ลายทาง 3 มิติใน Photoshop [บทช่วยสอน] วิธีสร้างเอฟเฟกต์ลายทาง 3 มิติใน Photoshop [บทช่วยสอน]]()
ผลลัพธ์ของคุณควรมีลักษณะดังนี้
![วิธีสร้างเอฟเฟกต์ลายทาง 3 มิติใน Photoshop [บทช่วยสอน] วิธีสร้างเอฟเฟกต์ลายทาง 3 มิติใน Photoshop [บทช่วยสอน]]()
คัดลอกเลเยอร์ Stripe สองครั้ง ตั้งชื่อแถบด้านล่างหนึ่งแถบ และอีกแถบด้านบนหนึ่งแถบ วางไว้บนและล่างของแถบที่สร้างไว้แล้วตามลำดับ แล้วลดขนาดโดยใช้เครื่องมือ Transform หรือเพียงแค่เลือกเลเยอร์แล้วกด Ctrl + T
![วิธีสร้างเอฟเฟกต์ลายทาง 3 มิติใน Photoshop [บทช่วยสอน] วิธีสร้างเอฟเฟกต์ลายทาง 3 มิติใน Photoshop [บทช่วยสอน]]()
ระบายสีแถบด้านบนและด้านล่างให้เป็นสีแดง แล้วลบเอฟเฟกต์ที่เพิ่มเข้ามาทั้งหมด (การซ้อนทับแบบไล่เฉดสี) ออกโดยคลิกลูกศรทางด้านขวา แล้วคลิกที่ดวงตาที่อยู่หน้าเอฟเฟกต์ที่ต้องการ ระบบจะลบเอฟเฟกต์การผสมทั้งหมดออกจากเลเยอร์ที่เลือก คุณยังสามารถลบเอฟเฟกต์เหล่านี้ได้โดยไปที่ตัวเลือกการผสมสีและยกเลิกการเลือกการซ้อนทับแบบไล่เฉดสี
![วิธีสร้างเอฟเฟกต์ลายทาง 3 มิติใน Photoshop [บทช่วยสอน] วิธีสร้างเอฟเฟกต์ลายทาง 3 มิติใน Photoshop [บทช่วยสอน]]()
ตอนนี้เราจะใส่เอฟเฟกต์การผสมสีให้กับแถบด้านบนและด้านล่างเหล่านี้ เปิดตัวเลือกการผสมสีแล้วเลือกเงาด้านใน ตั้งค่าความทึบเป็น 60, ระยะห่างเป็น 0, โช้กเป็น 0 และขนาดเป็น 1
![วิธีสร้างเอฟเฟกต์ลายทาง 3 มิติใน Photoshop [บทช่วยสอน] วิธีสร้างเอฟเฟกต์ลายทาง 3 มิติใน Photoshop [บทช่วยสอน]]()
เลือก Gradient Overlay ตั้งค่าความทึบเป็น 20 และปรับขนาดเป็น 100 เปอร์เซ็นต์
![วิธีสร้างเอฟเฟกต์ลายทาง 3 มิติใน Photoshop [บทช่วยสอน] วิธีสร้างเอฟเฟกต์ลายทาง 3 มิติใน Photoshop [บทช่วยสอน]]()
สุดท้าย ลดความทึบของทั้งสองเลเยอร์ลงเหลือ 70% จากแผงเลเยอร์
![วิธีสร้างเอฟเฟกต์ลายทาง 3 มิติใน Photoshop [บทช่วยสอน] วิธีสร้างเอฟเฟกต์ลายทาง 3 มิติใน Photoshop [บทช่วยสอน]]()
สร้างกลุ่มใหม่และตั้งชื่อว่า stripe คัดลอกเลเยอร์ stripe ทั้งหมด (บน ล่าง และกลาง) แล้ววางไว้ในกลุ่มนั้น กด Ctrl + T เพื่อปรับขนาด เมื่อเลเยอร์ต่างๆ อยู่ในเครื่องมือ transform แล้ว ให้กด Ctrl ค้างไว้ คุณจะสังเกตเห็นว่าตอนนี้คุณสามารถเลื่อนขอบของกลุ่มทั้งหมดได้อย่างอิสระ และสร้างรูปทรงสามมิติ
![วิธีสร้างเอฟเฟกต์ลายทาง 3 มิติใน Photoshop [บทช่วยสอน] วิธีสร้างเอฟเฟกต์ลายทาง 3 มิติใน Photoshop [บทช่วยสอน]]()
เพื่อให้กลุ่มลายทางที่คุณสร้างขึ้นใหม่มีเอฟเฟกต์ 3 มิติที่ดีขึ้น ให้ใช้ตัวเลือกความสว่าง/ความคมชัด ไปที่ รูปภาพ -> การปรับแต่ง -> ความสว่าง/ความคมชัด แล้วทำการปรับแต่งตามขั้นตอนต่อไปนี้ ตอนนี้คุณได้ปรับแหล่งกำเนิดแสงให้ดีขึ้นแล้ว เพื่อสร้างภาพ 3 มิติที่สม่ำเสมอ
![วิธีสร้างเอฟเฟกต์ลายทาง 3 มิติใน Photoshop [บทช่วยสอน] วิธีสร้างเอฟเฟกต์ลายทาง 3 มิติใน Photoshop [บทช่วยสอน]]()
สุดท้ายพื้นที่ทำงานของคุณควรมีลักษณะเหมือนนี้
![วิธีสร้างเอฟเฟกต์ลายทาง 3 มิติใน Photoshop [บทช่วยสอน] วิธีสร้างเอฟเฟกต์ลายทาง 3 มิติใน Photoshop [บทช่วยสอน]]()
สามารถปรับปรุงเพิ่มเติมได้โดยใช้เครื่องมือข้อความและตัวเลือกการผสมผสาน
![วิธีสร้างเอฟเฟกต์ลายทาง 3 มิติใน Photoshop [บทช่วยสอน] วิธีสร้างเอฟเฟกต์ลายทาง 3 มิติใน Photoshop [บทช่วยสอน]]()