Gradient Design นั้นเป็นที่นิยมในหมู่นักออกแบบกราฟิกอย่างมากในปี 2018 และก็ได้มาอยู่ใน Design Trends 2019 เป็นที่เรียบร้อยแล้ว วันนี้ Grappik จึงอยากนำเสนอการใช้ Gradient tools ในโปรแกรม Adobe Illustrator สำหรับสร้าง Metallic Material เพื่อนำไปประกอบงานออกแบบต่างๆ ซึ่งนอกจาก Gradient tool ที่ใช้ไล่สีแล้ว อีกหนึ่งเครื่องมือสำคัญที่จะสร้างรูปร่าง3มิติให้วัสดุของเราก็คือ Blend Tool 

 

 

มาเริ่มกันเลย

1. New Document

หรือเปิดไฟล์งานที่ต้องการวาง Metallic Material ขึ้นมา

2. จัดเรียงสี

กำหนดสีที่ต้องการให้ Metallic ของเราสะท้อนออกมา โดยอาจใช้หลายสีผสมกัน

เมื่อเลือกสีได้แล้วก็มาจัดเรียงสีตามตำแหน่งที่อยากให้ไล่สีกันบนวัสดุ อาจลองเลียนแบบตำแหน่งของแสงสีขาวและเงาสีเข้มจากภาพโลหะจริงๆเพื่อความสมจริงของงาน

3. Gradient

เลือกเครื่องมือ Gradient หรือ กด G

คลิกที่ Object ให้สีของ Object ไปอยู่ในช่อง Fill และแดรกเมาส์ลากสีในช่องนั้นมาใส่ลงใน Gradient Slider และจัดเรียงความกว้างของแทบสีตามความเหมาะสม 

4. วาดรูปหน้าตัดของวัสดุ

หน้าตัดของวัสดุสามารถเป็นรูปร่างอะไรก็ได้ ซึ่งในตัวอย่างจะวาดเป็นรูปวงกลมด้วย Ellipse Tool หรือ กด L 

เมื่อได้หน้าตัดแล้วให้นำสีที่ Gradient ไว้มาใส่ลงไป

5. สร้างวัสดุจากBlend Tool

Duplicate หน้าตัดเพิ่มอีก 2 ชิ้น 

Mac กด Option + Shift ค้างไว้และลาก Object ไปวางอีกที่

Windows กด Alt + Shift ค้างไว้และลาก Object ไปวางอีกที่

(การกด Shift ทำให้ Object ที่ Duplicated ออกมาเลื่อนไปในระนาบเดียวกับ Object แรก)

เลือกเครื่องมือ Blend tool หรือกด W และคลิกที่หน้าตัดอันที่ 1 และ 2 จะปรากฏรูปหน้าตัดเพิ่มเข้ามาตรงกลางเหมือนในรูป 

เปิด Blend Options ด้วยการดับเบิลคลิกที่ไอคอน Blend tool
ตั้งค่า Spacing : Specified Steps ใส่ค่า 1000 และกด OK

รูปหน้าตัดทั้งสองถูก Blend เป็นชิ้นเดียวกันเหมือนในรูป

6. วาดโครงสร้างให้วัสดุ

โครงสร้างของวัสดุสร้างด้วยเส้น Path เราสามารถเลือกใช้เครื่องมือใดก็ได้ในการสร้าง Path

ในตัวอย่างจะใช้ Paintbrush Tool ลากเส้นขึ้นมา

7. Replace Spine

Select เส้น Path และ วัสดุที่ Blend ไว้ในขั้นตอนที่ 5

กดคำสั่ง Object > Blend > Replace Spine

วัสดุที่ Blend ไว้จะเดินทางตามเส้น Path ของเราเหมือนในรูป

Tips

เราสามารถปรับแต่งหน้าตัดที่ Replace Spine ไปแล้วได้โดย

คลิกขวาที่ Object > Isolate Selected Group  

สามารถเลือกตำแหน่งสีของวัสดุได้ด้วยการหมุนหน้าตัดให้ตำแหน่งสีตรงตามที่เราต้องการ

8. เพิ่มหน้าตัด

เอาหน้าตัดที่เหลือจากการ Duplicated ไว้ในขั้นตอนที่ 5 มาปรับสีให้มีความแวววาวน้อยลงและวางลงที่ปลายวัสดุ

การเพิ่มสีพื้นหลังทำให้งานดูสมจริงมากขึ้น ช่วยให้ดูเหมือนว่าวัสดุได้สะท้อนสีรอบๆตัวเองออกมา

เพียงเท่านี้ก็ได้ Metallic Material สามมิติเท่ๆแบบไม่ต้องง้อโปรแกรม3D แล้ว