Create icons with basic shapes

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


1. มองด้วยตาเบลอๆ ให้เห็น shape คร่าวๆของไอคอนที่จะเขียน

เมื่อเรามองภาพรวมของไอคอนที่ต้องการเขียนจาก referenceแล้ว จะทำให้เราเลือก basic shape มาใช้เป็นฐานในการเขียนได้ง่ายขึ้น ส่วนเรื่องรายละเอียดปล่อยมันไปก่อน แล้วค่อยมา เก็บอีกครั้งในภายหลัง 


2. เข้าใจการทำงานของ Boolean Operation

เนื่องจาก การใช้ basic shapes มีข้อจำกัดแตกต่างกับการเขียนด้วย pen tool เราจึงจำเป็นต้องใช้ การ ลบ บวก อินเตอรเซ็ค ของ shape พื้นฐาน เพื่อการ สร้างรูปร่างที่มีความซับซ้อนมากขึ้น โดยหลักๆจะมีเพียง 3 เครื่องมือ คือ intersect, minus และ unite


3. สร้างไอคอน โดยใช้ elements ให้น้อยที่สุด

พยายามใช้ basic shape ซ้ำ และ ใช้ alignment ให้ได้มากที่สุด จากนั้นใช้ boolean operation ช่วยประกอบ shapes ต่างๆ เข้าด้วยกัน ข้อนี้อาจจะไม่ใช่เรื่องง่าย ต้องอาศัยการฝึกฝนและ ประสบการณ์การวางแผนการเขียนเล็กน้อย แต่รับรองว่าไม่ยากเกินไปอย่างแน่นอนครับ :)

เพียงหลักการง่ายๆไม่กี่ข้อ ก็สามารถสร้าง icons แจ๋วๆ เรียบง่าย ใว้ใช้เองได้แล้ว ลองเขียนไอค่อนเล่นกันดูนะครับ ไม่จำเป็นต้องวาดรูปได้ดี ก็สร้างไอคอนดั่งใจได้ด้วยทริค basic shape icon 







Related Pages






Comments