พิมพ์หน้านี้ - เขียนไว้กันลืม..illustrator ฝึกพิมพ์ข้อความโค้งเป็นวงกลม+ปรับหมุนองศาได้ pohchae

LSVคลังสมองออนไลน์ "ปีที่21"

ห้องคอมพิวเตอร์ => Illustrator => ข้อความที่เริ่มโดย: ช่างเล็ก(LSV) ที่ ธันวาคม 06, 2016, 01:57:28 PM



หัวข้อ: เขียนไว้กันลืม..illustrator ฝึกพิมพ์ข้อความโค้งเป็นวงกลม+ปรับหมุนองศาได้ pohchae
เริ่มหัวข้อโดย: ช่างเล็ก(LSV) ที่ ธันวาคม 06, 2016, 01:57:28 PM
 ..ผมก็มือใหม่ ฝึกไปเขียนไป..บันทึกไว้กันลืม.. มาซ้อมมือด้วยกันนะครับ ..ขอให้ความรู้จงคู่อยู่กับท่านที่มาร่วมฝึก นะครับ..  8)

 ทุกบท จะเขียนแบบละเอียด ไม่ข้ามขั้นให้ผู้ฝึกตาม งง
       ..มาฝึกพร้อมๆกัน ทำได้ทุกท่านแน่นอนครับ  kiss6




(http://www.108kaset.com/up-pic/2559/12-59/ill-text-on-circle/ill_text_circle_112559_12.gif)



(http://www.108kaset.com/up-pic/2559/12-59/ill-text-on-circle/ill_text_circle_112559_16.gif)

ตัวอย่างภาพที่ได้ในบทฝึกนี้ครับ






หัวข้อ: Re: เขียนไว้กันลืม..illustrator ฝึกพิมพ์ข้อความโค้งเป็นวงกลม+ปรับหมุนองศาได้
เริ่มหัวข้อโดย: ช่างเล็ก(LSV) ที่ ธันวาคม 06, 2016, 02:03:04 PM
(http://www.108kaset.com/up-pic/2559/12-59/ill-text-on-circle/ill_text_circle_112559_28.gif)
เลือกเครื่องมือวาดวงกลม Ellipse Tool








(http://www.108kaset.com/up-pic/2559/12-59/ill-text-on-circle/ill_text_circle_112559_2.gif)
วาดวงกลม








(http://www.108kaset.com/up-pic/2559/12-59/ill-text-on-circle/ill_text_circle_112559_3.gif)
กดแป้น Shift บนคีย์บอร์ด ระหว่างวาดรูปวงกลม  ก็จะได้วงกลมจริงๆไม่บิดเบี้ยว









(http://www.108kaset.com/up-pic/2559/12-59/ill-text-on-circle/ill_text_circle_112559_4.gif)
เลือกเครื่องมือพิมพ์ตัวอักษรบนโค้ง Type on a Path Tool








(http://www.108kaset.com/up-pic/2559/12-59/ill-text-on-circle/ill_text_circle_112559_5.gif)
พิมพ์ตัวอักษรที่ต้องการ








(http://www.108kaset.com/up-pic/2559/12-59/ill-text-on-circle/ill_text_circle_112559_8.gif)
คลิ๊กขวา ลากดำตัวอักษรที่ต้องการแก้ไข Font หรือขนาดตัวอักษร








(http://www.108kaset.com/up-pic/2559/12-59/ill-text-on-circle/ill_text_circle_112559_9.gif)
กำหนดขนาดตัวอักษรใหม่.






(http://www.108kaset.com/up-pic/2559/12-59/ill-text-on-circle/ill_text_circle_112559_10.gif)
เมื่อได้ตัวอักษรบนโค้งที่ต้องการแล้ว ..จะsaveภาพไว้ใช้งาน ..ให้คลิ๊ก ตามภาพได้เลย








(http://www.108kaset.com/up-pic/2559/12-59/ill-text-on-circle/ill_text_circle_112559_11.gif)
สามารถ save ภาพ ได้หลายนามสกุล แต่ที่นิยมกันได้แก่ .gif ,  .jpeg ,  .png








(http://www.108kaset.com/up-pic/2559/12-59/ill-text-on-circle/ill_text_circle_112559_12.gif)
ตัวอย่างภาพที่ save ออกมาแล้วเป็นไฟล์นามสกุล.gif กำหนดให้พื้นภาพใส(Transparency) เห็นเฉพาะตัวอักษรเท่านั้น 






(http://www.108kaset.com/up-pic/2559/12-59/ill-text-on-circle/ill_text_circle_112559_14.gif)
ต่อไปจะฝึกปรับบิด+หมุนองศาตัวอักษร  คลิ๊กขวา >Transform > Shear..








(http://www.108kaset.com/up-pic/2559/12-59/ill-text-on-circle/ill_text_circle_112559_15.gif)
ตั้งค่าตามต้องการ








(http://www.108kaset.com/up-pic/2559/12-59/ill-text-on-circle/ill_text_circle_112559_16.gif)
..ภาพที่ได้ ..เสร็จแล้วครับ    smiley4


หัวข้อ: Re: เขียนไว้กันลืม..illustrator ฝึกพิมพ์ข้อความโค้งเป็นวงกลม+ปรับหมุนองศาได้
เริ่มหัวข้อโดย: ช่างเล็ก(LSV) ที่ มกราคม 03, 2017, 01:58:33 PM
ต่อยอด.. Type on a Path Tool

(http://upic.me/i/63/22untitled-2.png) (http://upic.me/show/60067473)


(http://upic.me/i/67/108kaset-logo_2.png) (http://upic.me/show/60067492)