วิธีออกแบบโลโก้

เรามาหัดออกแบบโลโ้กันเถอะ โลโก้ดูมันจิ๊บจ้อยแต่ในโลโก้นั้นจะบอกทุกอย่างเกี่ยวกับบริษัท เป็นงานที่ใช้ความคิดมาก มาเริ่มกันเลย (คลิกที่รูปเพื่อดูขนาดใหญ่)

ความรู้ที่ได้รับ
- ปรับแต่งดวย illustrator
- สร้างองค์ประกอบด้วยเครื่องมือ Pathfinder
- การปรับแต่งองค์ประกอบด้วยคำสั่ง Envelope Distort
- การ Convert ตัวหนังสือ


1. เริ่มจากภาพร่างของเรา

ขั้นที่ 1

2. สร้างหน้า Artboard โดยกำหนดเป็น CMYK Color หลังจากนั้น ใช้เครื่องมือ Ellipse Tool วาดวงรีรูปไข่ขึ้นมาและเติมสีตามชอบ

ขั้นที่ 2 วาดวงรี

3. วาดวงกลมขึ้นมา 2 รูป นำไปวางอยู่ด้านซ้ายและขวาของวงรีรูปไข่ จัดให้เข้ากึ่งกลางของรูปวงกลมทั้ง 2 อย่างสวยงาม



4. รวมทั้งสามรูปเข้าด้วยกัน โดยใช้เครื่องมือ  Pathfinder เลือก 'Add to Shape Area' รูปทั้งสามจะรวมเป็นรูปเดียวกัน


5. มาทำให้ส่วนเชื่อมตัว ของวงกลมเล็ก วงกลมใหญ่ให้เป็นโค้งมนสวยงาม โดยสร้างสามเหลี่ยมมนขึ้นมา ปรับโหมดเป็นเอาท์ไลน์โหมด (กด CTRL-Y) ซูมเข้าไปใกล้ๆ เพื่อสะดวกในการวางสามเหลี่ยมมนๆ ที่เราเพิ่งสร้างขึ้นมา


6. หลังจากวางลงอย่างสวยงาม ใช้เครื่องมือ  Pathfinder เลือก 'Add to Shape Area' อีกครั้ง เพื่อรวมรูปให้เป็นรูปเดียว


7. ซูมเข้าไปใกล้ๆเพื่อตแต่งอีกครั้งให้สวยงาม



8. หลังจากสวยงามเรามาสร้างสโตรคโดยเลือก  Object > Path > Offset Path เลือกเป็น 3mm และเมื่อได้มาแก้ไขสีใหม่ตามใจชอบ



9. เรามาสร้างความโดดเด่นให้กับตัวโลโก้กันอีกหน่อย โดยเราจะสร้างเงาขึ้นมาเพื่อเน้นทรงกลม เริ่มโดยสร้างสามเหลี่ยมขึ้นมา โดยเครื่องมือ Polygon tool


11. ทำการยืดสามเหลี่ยมออกมาให้ได้ขนาดตามที่ต้องการ


12. ทำการดัดสามเหลี่ยมให้โค้งโดยใช้คำสั่ง Object > Envelope Distort > Make with Warp เลือกแบบ Arc style ที่ 50% และแนวตั้ง ( Vertical axis)


13. ใช้คำสั่ง Object > Expand เลือก Object เท่านั้น เพื่อสลายคำสั่ง Envelope Distort


14. นำไปวางในตำแหน่งดังรูป ขยับและขยายให้ลงตัว


15. ทำทั้งด้านบนและด้านล่าง จะช่วยให้ตรงกลางดูเป็นทรงกลมนูนขึ้นมา


16. รวมโค้งเข้ากับเส้นรอบนอก โดยใช้เครื่องมือ  Pathfinder เลือก 'Add to Shape Area'


17. เมื่อรวมทั้งหมดเข้าด้วยกัน เราสามารถปรับและแก้ไขรูปที่เราสร้างได้ตามต้องการ เริ่มจากทำการเปลี่ยนสีข้างนอกของรูปเป็น C=70, M=80, Y=0, K=0 และข้างในเป็น C=45, M=70, Y=0, K=0 หลังจากนั้นทำการหมุน 45 องศา เพื่อทำให้ดูมีการเคลื่อนไหว


18. เรามาสร้างความโดเด่นให้กันอีกนิด โดยเติมความแวววาวให้กับโลโก้กัน เริ่มจากสร้างรูปสามเหลี่ยมขึ้นมา สร้างวงกลมขึ้นมา นำมาซ้อนกันดังรูป แล้วรวมรูปเข้าด้วยกันด้วย Pathfinder


19. ทำการดัดให้โค้งด้วยคำสั่ง Object > Envelope Distort > Make with Warp  ที่ 50% ในแนวตั้ง ดังรูป


20. จัดมุมให้สวยงาม และเปลี่ยนสีเป็น C=35, M=45, Y=0, K=0 เพื่อให้ดูเหมือนความเงาวาว


21. มาจัดการเรื่องตัวหนังสือกันต่อ เราสามารถเข้าไปที่เวบ www.dafont.com เพื่อเลือกฟอนต์ฟรีสวยๆ ได้ โดยในตัวอย่างนี้เราเลือกใช้ฟอนต์ Eurofurence หลังจากทำการติดตั้งเรียบร้อยแล้ว

เราพิมพ์คำว่า purple โดยดูน้ำหนักของตัวหนังสือหลายๆ แบบ ทำการใส่สโตรคให้กับคำว่า purple


22. เมื่อได้แบบตามที่ต้องการแล้ว ทำการ Convert (CTRL-SHIFT-O) จัดช่องไฟให้ดูสวยงาม


23. ทำการ Outline Stroke โดยใช้คำสั่ง Object > Path > Outline Stroke


24. นำรูปภาพมาจัดวางหน้าตัวหนังสือ


25. ลองเปลี่ยนสี เปลียนสไตล์ จนลงตัวได้แบบที่เราต้องการ ก็เป็นอันเสร็จสิ้นสำหรับโลโก้


ลองหมั่นฝึกปรือบ่อยๆ และลองสร้างโลโก้ใหม่เพื่อทำการฝึก

เครดิตจาก : blog.spoongraphics.co.uk

กลับด้านบน