ในการสร้าง Flat Icon แบบมี Long Shadow นั้น ทำได้ตั้งแต่รูปทรงธรรมดาเอามาทำเงาหรือหลายคนอาจจะชอบใช้เทคนิค Blend ซึ่งก็จะได้ลักษณะของเงาที่ได้ตามรูปทรงแล้วค่อย ๆ จางหายไป

แต่คนที่ใช้เทคนิค Blend แล้วมีปัญหาไฟล์ใหญ่ คือใช้ Blend ผิดวิธี หลายคนอาจจะทราบกันดีอยู่แล้วว่าการใช้ Step Blend ยิ่งมากก็จะทำให้ไฟล์ใหญ่ แต่ต้นตอหลักของปัญหานี้ไม่ได้อยู่แค่ Step Blend แต่ปัญหาที่ใหญ่กว่านี้คือ การใช้ Blend ทั้งไอคอน หมายถึง ทั้งไอคอนที่มี detail อยู่ด้วยนะครับ

แน่นอนว่าในไอคอนที่สำเร็จแล้ว มันไม่ได้มีแค่รูปทรง 1 ชิ้น ถูกมั้ยครับ ลองดูภาพตัวอย่างไอคอนที่เสร็จแล้วแต่ยังไม่ได้ใส่เงา มันประกอบไปด้วยหลายรูปทรงมารวมกันถึงจะได้งานไอคอน 1 แบบ

กรณีศึกษาการใช้ Blend Tool ให้ Flat Icon แบบผิด

การ Blend คือการใช้วัตถุ 2 ชิ้นขึ้นไป มาทำให้ค่อย ๆ เปลี่ยนรูปทรง, สี, และขนาด โดยให้โปรแกรมคำนวณให้ ไม่ว่าคุณจะเลือกกี่ชิ้น มันก็ทำการ Blend ให้คุณได้หมด ปัญหาอยู่ที่คุณใช้ทั้งไอคอนซึ่งประกอบไปกด้วยหลายวัตถุมาใช้คำสั่งเครื่องมือ Blend Tools อย่างในภาพตัวอย่าง

มันก็จะคำนวณทั้งไอคอนนี่แหละครับ (ที่มีหลายชิ้นรวมกันอยู่) มา blend ให้อย่างเนียน สมมุติว่า แค่สี่เหลี่ยมเปล่า ๆ 2 ชิ้น blend เข้าหากัน ได้ค่า 2 (ตัวเลขสมมุติ) แม่กุญแจที่เห็นในภาพ มันมีกี่ชิ้นรวมกันล่ะครับ ก็บวกเข้าไป แล้วอย่าลืมว่าในเวกเตอร์ไอคอน 1 เซ็ต มีไอคอนกี่ชิ้น ก็บวกไปอีก ผมยกตัวอย่างแบบนี้ เพื่อให้เห็นภาพได้ง่าย ๆ

การเอาทั้งไอคอนมาทำ blend เป็นวิธีที่ไม่ถูกต้อง วัตถุชิ้นเล็กชิ้นน้อยที่รวมกันอยู่ในไอคอน มันไม่ได้ทำหน้าที่อะไรเป็นพิเศษนอกจากทำเป็นเงาแค่นั้น จึงไม่มีความจำเป็นที่ต้องเก็บไว้…….แล้วทำยังไง ?

1. ให้คุณเอาดีเทลเล็กน้อยที่อยู่ภายในไอคอนออกให้หมด

เพราะพวกนี้เวลาใช้ blend มันจะกลืนกันไปหมดอยู่แล้ว การเอาวัตถุชิ้นเล็กชิ้นน้อยคงไว้ จะทำให้เปลืองทรัพยากรเครื่องโดยใช่เหตุและขนาดไฟล์จะใหญ่มาก

2. รวมวัตถุหลักให้เป็นเนื้อเดียวกัน

ไม่ว่าวัตถุหลักที่ทำให้เห็นว่า นี่คือไอคอนอะไร จะมีอยู่กี่ชิ้น พยายามทำให้เป็นเนื้อเดียวกัน ส่วนตัวแล้วผมจะใช้คำสั่ง Pathfinder–>Unite อย่างในภาพตัวอย่าง มีวัตถุหลัก ๆ 2 ชิ้น ที่ประกอบกันแล้ว ออกมาเป็นแม่กุญแจ คือสี่เหลี่ยม (ตัวแม่กุญแจ)+สี่เหลี่ยมมุมมน (สายยู) = 2 ชิ้น เมื่อใช้ unite มันจะเหลือแค่ 1 ชิ้นเท่านั้น

ไม่ว่าไอคอนจะเป็นภาพอะไรหลักการเหมือนกันครับ ลองเปรียบเทียบดูว่า EPS  2 ไฟล์นี้ขนาดแตกต่างกันมาก ขนาดเท่ากัน กำหนด step blendเท่ากัน แต่ภาพซ้ายใช Blendทั้งไอคอน กับภาพขวา ใช้ Blend แค่ชิ้นเดียว

ใช้ Blend ให้ถูกวิธีบวกกับการใช้ Step Blend ที่เหมาะสม จะทำให้เราได้เงาแบบค่อย ๆ จางลงได้เนียน ๆ สวย ๆ โดยที่ขนาดไฟล์ไม่ใหญ่เกินความจำเป็นครับ

ภาพประกอบ – บทความ : รัชพล ยรรยงค์เดชา (ขุนพล)