บทความสอนกราฟิก

 ลืมรหัสผ่าน
 ลงทะเบียน
ค้นหา
ดู: 2424|ตอบกลับ: 0

วิธีสร้างตัวอักษร Text ตามแนวเส้น Path [Illustrator]

[คัดลอกลิงก์]

272

กระทู้

272

โพสต์

979

เครดิต

ผู้ดูแลระบบ

Rank: 9Rank: 9Rank: 9

เครดิต
979
Text_on_Path.gif
วิธีสร้างตัวอักษร Text ตามแนวเส้น Path [Illustrator]

ดูวิธีทำด้านล่างเลยค่ะ


เครื่องมือที่จะใช้สร้างตัวอักษรตามแนวเส้น Path จะมีอยู่ 2 ตัวด้วยกันนะค่ะ คือ

1. Type on a Path จะเป็นการสร้างตัวอักษรตาม "แนวนอน" โดยยึดเส้น Path เป็นเส้นบรรทัด และ

2. Vertical Type ona Path จะเป็นการสร้างตัวอักษรตาม "แนวตั้ง" โดยยึดเส้น Path เป็นเส้นบรรทัด

เอาเป็นว่า...เรามาดูวิธีการทำแต่ละแบบกันเลยดีกว่านะค่ะ

--------------------------------------------------------------------------------------------

Type on a Path การสร้างตัวอักษรตามเส้น Path "แนวนอน"

1. ให้สร้างเส้น Path ขึ้นมาก่อนค่ะ จะใช้อุปกรณ์ ปากกา หรือ ดินสอ หรือ เครื่องมือที่ใช้สร้างวงกลมหรือสี่เหลี่ยมก็ได้
Text_on_Path1.gif
2.  จากนั้นให้คลิกเลือกเครื่องมือ Type on a Path จะเลือกจากที่แถบเมนูเครื่องมือทางซ้ายมือก็ได้ หรือจะเลือกจากกลุ่มชุดเครื่องมือที่เราดึงออกมาวางข้างนอกแล้วก็ได้

Text_on_Path2.gif

3. เคอร์เซอร์เม้าส์จะเปลี่ยนเป็น "ขีดแนวตั้ง" สำหรับพิมพ์ ให้เรานำไปคลิกบนเส้น Path เพื่อให้เป็นจุดเริ่มต้นการพิมพ์ค่ะ
Text_on_Path4.gif
4. พิมพ์ตัวอักษรหรือข้อความที่ต้องการลงไป และปรับแต่งที่เมนูบาร์ด้านบน

Text_on_Path5.gif

5. คลิกที่เครื่องมือ Selection Tool หรือกดปุ่มคีย์ V เพื่อจบการพิมพ์

Text_on_Path6.gif

เสร็จแล้วก็จะได้ออกมาดังรูปนี้ค่ะ ดูเบี้ยวๆไปหน่อย แต่ก็ไม่เป็นไร วิธีปรับเลื่อนตัวอักษร และปรับระยะความห่างระหว่างตัวอักษร ข้าพเจ้าอธิบายในตอนท้ายๆของบทความค่ะ
Text_on_Path7.gif
-----------------------------------------------------------------------
ถึงจะเป็นเส้น Path รูปทรงอื่น ที่ไม่ใช่วงกลม วิธีทำก็เหมือนเดิมทุกอย่างค่ะ

Text_on_Path12.gif
หลังจากพิมพ์ข้อความลงไปเสร็จแล้ว...  
Text_on_Path13.gif

-----------------------------------------------------------------------

Vertical Type ona Path การสร้างตัวอักษรตามเส้น Path "แนวตั้ง"

วิธีทำจะเหมือนกับแบบ Type on a Path ค่ะ เพียงแต่ในขั้นตอนที่ 2 เราจะเลือกใช้เครื่องมือ Vertical Type ona Path แทน ดูตัวอย่างจากภาพประกอบด้านล่างเลยค่ะ




1. สร้างเส้น Path ขึ้นมาก่อนค่ะ จะเป็นวงกลม หรือเส้นดัดอิสระรูปทรงใดก็ได้ แต่ถ้าเป็นเส้นแนวตั้งจะเหมาะสมที่สุดกับเครื่องมือชนิดนี้

2. เลือกใช้เครื่องมือ Vertical Type ona Path จากแถบเมนู Tool ด้านซ้ายของโปรแกรม หรือจะคลิกเลือกจากกลุ่มชุดเครื่องมือก็ได้
Text_on_Path3.gif

3. นำเคอร์เซอร์เม้าส์ที่เปลี่ยนเป็นเส้น "ขีดแนวนอน" ไปคลิกบนเส้น Path จุดที่ต้องการให้เป็นจุดเริ่มต้น
Text_on_Path8.gif
ผลลัพธ์ที่ได้ ตัวอักษรและข้อความทุกตัวที่พิมพ์จะแสดงเป็นแนวตั้ง...


Text_on_Path9.gif

การปรับระยะห่างระหว่างตัวอักษร
ให้คลิกที่ข้อความที่เราพิมพ์ไว้ และไปที่คำสั่ง Window> Type> Character (หรือกดคีย์ลัด Ctrl+T) เพื่อเรียกพาเนล Character ออกมาใช้งานค่ะ


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

Text_on_Path10.gif

ผลลัพธ์หลังจากปรับระยะห่างระหว่างตัวอักษรแล้ว
Text_on_Path11.gif

การเลื่อนตำแหน่งตัวอักษร
1. คลิกเลือกเครื่องมือ Selection Tool  (หรือกดปุ่ม V )
Text_on_Path17.gif

2. คลิกเลือกข้อความที่ต้องการจะทำการเลื่อนตำแหน่ง
3. นำเม้าส์ไปวางใกล้ๆเส้นขีดตรง (เป็นเส้นแบ่งกลางเส้น Path) เคอร์เซอร์ของเม้าส์จะเปลี่ยนไปเป็นดังรูปด้านล่างค่ะ
Text_on_Path14.gif
4. ให้คลิกที่เส้นแบ่งกลางค้างไว้ และค่อยๆลากขึ้นเล็กน้อย ระวังอย่าให้มันกลับด้านนะค่ะ
Text_on_Path15.gif

ผลลัพธ์ที่ได้... ตัวอักษรถูกเลื่อนให้อยู่ตำแหน่งที่เหมาะสมเรียบร้อยแล้ว
Text_on_Path16.gif
การพลิกกลับด้านตัวอักษร
ในกรณีที่พิมพ์ตัวอักษรหรือข้อความเสร็จแล้ว แต่ตัวอักษรหรือข้อความที่ได้นั้นกลับด้านไป ไม่ตรงกับที่เราต้องการ วิธีจับตัวอักษรพลิกกลับด้านมีดังนี้ค่ะ
Text_on_Path18.gif
1. คลิกใช้เครื่องมือ Selection Tool  (หรือกดปุ่ม V )

Text_on_Path17.gif

2. คลิกเลือกข้อความที่ต้องการจะพลิกกลับด้าน
3. นำเม้าส์ไปวางใกล้ๆเส้นขีดตรง (เป็นเส้นแบ่งกลางเส้น Path) เคอร์เซอร์ของเม้าส์จะเปลี่ยนไปเป็นดังรูปด้านล่างค่ะ

Text_on_Path19.gif
4. ให้คลิกที่เส้นแบ่งกลางค้างไว้ และจับลากมายังทิศตรงกันข้ามค่ะ

Text_on_Path20.gif
ผลลัพธ์ที่ได้.....
Text_on_Path21.gif

******************************
บทความโดย นุ้ก
ขอจบบทความแค่เพียงเท่านี้ แล้วพบกันใหม่บทความหน้าค่ะ ^^
(ขอสงวนสิทธิ์อนุญาตให้เผยแพร่เฉพาะในเว็บ www.graphicfufu.comเท่านั้น)
ขออภัย! คุณไม่ได้รับสิทธิ์ในการดำเนินการในส่วนนี้ กรุณาเลือกอย่างใดอย่างหนึ่ง ลงชื่อเข้าใช้ | ลงทะเบียน

รายละเอียดเครดิต

ข้อความล้วน|อุปกรณ์พกพา|ประวัติการแบน|GraphicFUFU

GMT+7, 2024-12-31 00:37 , Processed in 0.094457 second(s), 21 queries .

Powered by Discuz! X3.4 R20180101, Rev.59

© 2001-2017 Comsenz Inc.

ตอบกระทู้ ขึ้นไปด้านบน ไปที่หน้ารายการกระทู้