วันอาทิตย์ที่ 15 พฤษภาคม พ.ศ. 2559

How to design a logo-01

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

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

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




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

How to design a logo-01
ขั้นที่ 1

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

How to design a logo-01
ขั้นที่ 2 วาดวงรี

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

How to design a logo-01


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

How to design a logo-01

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

How to design a logo-01

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

How to design a logo-01

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

How to design a logo-01

How to design a logo-01

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

How to design a logo-01

How to design a logo-01

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

How to design a logo-01

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

How to design a logo-01

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

How to design a logo-01

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

How to design a logo-01

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

How to design a logo-01

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

How to design a logo-01

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

How to design a logo-01

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

How to design a logo-01

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

How to design a logo-01

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

How to design a logo-01

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

How to design a logo-01

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

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

How to design a logo-01

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

How to design a logo-01

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

How to design a logo-01

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

How to design a logo-01

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

How to design a logo-01

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

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

กลับด้านบน

ไม่มีความคิดเห็น:

แสดงความคิดเห็น

You might also like:

Related Posts Plugin for WordPress, Blogger...