- พฤษภาคม 21, 2559
- 0 Comments
เรามาหัดออกแบบโลโ้กันเถอะ โลโก้ดูมันจิ๊บจ้อยแต่ในโลโก้นั้นจะบอกทุกอย่างเกี่ยวกับบริษัท เป็นงานที่ใช้ความคิดมาก มาเริ่มกันเลย (คลิกที่รูปเพื่อดูขนาดใหญ่)
ความรู้ที่ได้รับ
- ปรับแต่งดวย 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
กลับด้านบน
- พฤษภาคม 15, 2559
- 0 Comments
วิธีการส่งขายงาน Vector (How to sell Vector)
หลักในการเตรียม file ที่สามารถนำไปส่งเว็บอื่นๆได้ด้วยคือ1. EPS10 ขนาดไม่เกิน 15mb.
2. ทำภาพ preview ที่ขนาดใหญ่ 5000 pixels ไปเลย สามารถส่งที่ ss ได้และเว็บอื่นได้ด้วย
จะได้ไม่ต้องทำหลายขนาด save เป็น eps10 และส่งพร้อมภาพ preview นามสกุล jpg ชื่อ file เดียวกันไปพร้อมกัน มันจะไปรวมเป็น file เดียวกันเองตอนใส่ keyword ถ้ามันไม่รวมแสดงว่าทำผิดวิธี ถ้างงก็ลองส่งเลยเดี๋ยวจะรู้เอง ไม่เสียตัง ส่งฟรีครับ ลองทำตามที่บอกส่งดู จะได้รู้
วิธีการส่งขายงาน Vector |
วิธีส่ง Vector ไปยังเว็บต่างๆ
- shutterstock 123rf veer pocketstock
ส่ง eps10+jpg- dreamstime
ส่ง jpg เข้าไปก่อน แล้วตอนใส่ข้อมูลเลือก addition format เพื่อส่ง eps10 คู่ไปด้วยหรือถ้าส่ง FTP ก็ใส่ EPS ใน folder ชื่อ additional มันจะไปรวม กับ jpg เองในเว็บ
- fotolia depositphoto canstockphoto Pond5
ส่ง ZIP FILR ที่มี JPG+EPS10 zip รวมกันเป็น file เดียว- istockphoto
ส่ง jpg + EPS 10 และต้องอธิบายใน description ด้วยว่าใช้ effect อะไรในงานบ้าง- vectorstock
zip eps10+jpg 380x400 pixels เท่านั้น*** shutterstock
JPG + EPS 10 ใส่ตัวหนังสือตัวอย่างในภาพได้ แต่เว็บอื่นไม่ค่อยรับภาพที่มีตัวหนังสือใน
ภาพเพราะขาย jpg ควบคู่ไปด้วย
- พฤษภาคม 12, 2559
- 0 Comments