ฝึกสร้าง ICON ด้วยรูปทรงเรขาคณิตแบบง่ายๆเพียง 1 นาที

Update

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

การสร้าง Icon นั้นไม่มีความซับซ้อนแต่อย่างใด ยิ่งทำให้ดูง่ายเท่าไหร่ยิ่งดี Icon ที่ดีต่อให้ไม่มีคำอธิบายกำกับก็ควรสื่อสารออกไปได้และทำให้ทุกคนที่มองเข้าใจในความหมายเดียวกัน

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

1. สร้าง Icon Battery

วิธีการสร้าง
1. สร้างรูปสี่เหลี่ยมจตุรัส 3 ชิ้น โดยที่มี 1 ชิ้น มีสีแค่ขอบ วางเรียงกันตามภาพ
2. นำสี่เหลี่ยมจตุรัสชิ้นที่ 1 (ที่มีแต่ขอบ) ลากทับชิ้นที่ 2 ตามภาพ
3. ปรับขนาดความกว้างของสี่เหลี่ยมชิ้นที่ 3 (ซ้ายสุด) ให้มีขนาดคล้ายคลึงกับหัว Battery
4. ปรับขนาดไส้ในสี่เหลี่ยมชิ้นที่ 2 ให้มีความสมดุล แค่นี้ก็เป็นอันเสร็จ


2. สร้าง Icon List

วิธีการสร้าง
1. สร้างรูปสี่เหลี่ยมจตุรัส 2 ชิ้น
2. ปรับเปลี่ยนความยาวของชิ้นที่ 2 ตามภาพ
3. Copy สี่เหลี่ยมทั้งสองชิ้นเพิ่มอีก 2 จุด บนและล่าง
4. ลดขนาดความยาวของสี่เหลี่ยมตามภาพ เป็นอันเสร็จ


3. สร้าง Icon Cloud

วิธีการสร้าง
1. สร้างรูปทรงวงกลม 3 ชิ้น ขนาดตามภาพ และนำมาเรียงให้ชิดติดกัน
2. สร้างรูปสี่เหลี่ยมผืนผ้าเพื่อเป็นฐานของรูปทรงก้อนเมฆนำขึ้นไปชิดติดกับรูปทรงวงกลมทั้ง 3 รูป เป็นอันเสร็จ


4. สร้าง Icon Forward Play

วิธีการสร้าง
1. สร้างรูปสี่เหลี่ยมผืนผ้าแนวตั้งมา 1 ชิ้น
2. ลบมุมขวาบนและขวาล่าง จะได้รูปทรงสามเหลี่ยมมา 1 ชิ้น
3. Copy รูปทรงสามเหลี่ยมออกมาอีก 1 ชื้น แล้วนำไปวางด้านหน้าชิ้นแรกเป็นอันเสร็จ


5. สร้าง Icon Eye

วิธีการสร้าง
1. สร้างวงกลมขึ้นมา 4 ชิ้นเรียงตามลำดับดังภาพ
2. ซ้อนวงกลมเข้าด้วยกันให้ครบทั้ง 4 ชิ้น
3. นำวงกลมวงเล็กสุดขึ้นไปติดขอบวงกลมวงที่ 2 เพื่อทำเป็นเงาของตา
4. ยืดปีกซ้ายขวาของวงกลมวงสุดท้ายออกไปดังภาพ เป็นอันเสร็จ


6. สร้าง Icon Location

วิธีการสร้าง
1. สร้างวงกลมขึ้นมา 2 ชิ้นเรียงตามลำดับดังภาพ
2. นำวงกลมทั้ง 2 ชิ้นวางทับกัน
3. ยืนขาวงกลมด้านล่างลงมา
4. ลดความโค้งของเส้นให้หายไปเป็นอันเสร็จ


สร้าง Icon แบบอื่นๆด้วยรูปทรงเราขาคณิต


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