วิธีสร้างแบบอักษรด้วย Adobe Illustrator


51

ฉันเพิ่งสร้างแบบอักษร / แบบอักษรของฉันเองด้วย Adobe Illustrator และฉันต้องการใช้เป็นแบบอักษรจริง (เช่นฉันต้องการใช้แบบอักษรเมื่อพิมพ์บางอย่าง)

เป็นไปได้ใน Adobe Illustrator หรือฉันต้องการซอฟต์แวร์อื่นหรือไม่

ถ้าเป็นเช่นนั้นโปรแกรมใดบ้างที่เหมาะสำหรับสร้างแบบอักษร?

คำตอบ:


29

ในการสร้างแบบอักษรคุณต้องใช้โปรแกรมแก้ไขแบบอักษร FontCreatorค่อนข้างเป็นที่นิยมและราคาไม่แพง FontForgeเป็นตัวแก้ไขฟอนต์โอเพนซอร์ซหากคุณมีเอกสารที่ค่อนข้างหนาแน่น FontLab มียูทิลิตีที่ชื่อว่าTypeToolซึ่งมีราคาแพงกว่าเล็กน้อย แต่มีชื่อเสียงดี


20

ฉันขอแนะนำให้คุณใช้ BirdFont และทำตามขั้นตอนเหล่านี้เพื่อนำเข้างานของคุณในโปรแกรมแก้ไข

วาดรูปสามเหลี่ยมและสี่เหลี่ยม ใช้พวกเขาเป็นรูปร่างทดสอบเพื่อตัดสินใจว่าความสูง x ของคุณควรเป็นเท่าไหร่

ภาพรวม

เปรียบเทียบสัญลักษณ์ทดสอบของคุณกับแบบอักษรอื่น ๆ โดยใช้แท็บดูตัวอย่าง (Ctrl + P)

ดูตัวอย่าง

เปิดกริดและแนวทางสำหรับ x ความสูงและระยะขอบ สร้างเครื่องหมายสี่เหลี่ยมสี่อันที่บรรทัดด้านล่างพื้นฐานความสูง x และด้านบน

เทมเพลต Glyph

บันทึกแม่แบบสัญลักษณ์ของคุณเป็น SVG (นำเข้าการส่งออก -> ร่ายมนตร์ส่งออกเป็น SVG)

เปิดเทมเพลตสัญลักษณ์ของคุณใน Illustrator และเปิดไม้บรรทัด (Ctrl + r) ลากเส้นใหม่จากไม้บรรทัดไปยังบรรทัดล่างสุดพื้นฐานความสูง x และตำแหน่งสูงสุด

ผู้วาดภาพประกอบ

ใส่ร่ายมนตร์เข้าไปในไฟล์เทมเพลต

ปรับขนาดสัญลักษณ์

บันทึกสัญลักษณ์ของคุณด้วยชื่ออื่น

นำเข้าไฟล์ใน BirdFont (นำเข้าการส่งออก -> นำเข้า SVG)

เสร็จสิ้น

ด้วย BirdFont และ Illustrator เวอร์ชันใหม่กว่าคุณสามารถคัดลอกและวางสัญลักษณ์ระหว่างสองโปรแกรม คุณยังต้องตัดสินใจว่าความสูง x ควรเป็นเท่าไหร่ แต่คุณอาจบันทึกสองสามวินาทีถ้าคุณข้ามขั้นตอนที่คุณบันทึก glyph เป็นไฟล์ SVG แยกต่างหาก


10

คุณต้องการโปรแกรมที่สามารถสร้างไฟล์ตัวอักษรที่แท้จริงจากภาพเวกเตอร์ของคุณ

ใน 'สมัยก่อน' เครื่องมือหลักสำหรับที่คือ Macromedia Fontographer ซึ่งตอนนี้Fontlabเป็นเจ้าของแล้ว

Fontlab ยังทำให้ FontLab Studio และโปรแกรมสร้างและออกแบบตัวอักษรอื่น ๆ อีกมากมายที่ใช้ในอุตสาหกรรมการออกแบบประเภทส่วนใหญ่

ทางเลือกในการนำเสนอของพวกเขาคือGlyphs สำหรับ OSXหรือFontForge โอเพ่นซอร์ส

UPDATE:

ฉันยังไม่ได้ลอง แต่ตัวแก้ไขฟอนต์โอเพนซอร์สใหม่ได้แสดงชื่อ Bird Font:

http://birdfont.org/


7

นี่เป็นวิธีที่เร็วที่สุดง่ายที่สุดฟรีที่ฉันเคยพบเพื่อสร้างแบบอักษรตั้งแต่เริ่มต้น แม้ว่าถ้าคุณมี glyphs ที่สร้างไว้แล้ว Fontforge สามารถนำเข้าไฟล์ svg ได้

  1. พิมพ์เทมเพลตจากMyScriptFont (หรือเพียงแค่บันทึกและนำเข้าไฟล์ PDF ลงใน Gimp หรือ Photoshop และเขียน / วาง glyphs ของคุณลงในกล่องของพวกเขา) เทมเพลตควรเป็นแบบ TIFF หรือ PNG และอย่างน้อย 300dpi JPG บีบอัดรูปภาพตามค่าเริ่มต้นซึ่งไม่ดีต่อคุณภาพของภาพ
  2. อัพโหลดเทมเพลตและบันทึกไฟล์ฟอนต์ MyScriptFont ให้คุณ
  3. เพื่อให้สมบูรณ์แบบคุณจะต้องแก้ไข โปรแกรมแก้ไขฟอนต์ฟรีสองตัวคือ: พิมพ์แสงและฟอนต์ฟอร์จแม้ว่าไฟพิมพ์มีอินเทอร์เฟซที่เรียบง่ายกว่ามากสำหรับการแก้ไขพื้นฐานและทำงานบนหน้าต่าง
  4. ฉันได้พบว่า MyScriptFont ตั้งค่าความสูง x ใหญ่เกินไปและความลึกในการสืบทอดน้อยเกินไป
    • คุณสามารถแก้ไขได้ในไฟพิมพ์โดยไปที่ตัวอักษร> ตัวชี้วัด (ในไฟพิมพ์)
    • นอกจากนี้หากแบบอักษรของคุณเล็กเกินไป (เช่นขนาด 12 ไม่สามารถอ่านได้) คุณสามารถเปลี่ยน "ขนาดหน่วย EM" ให้เล็กลงได้ ฉันใช้ 650

6

วันนี้วิธีที่ง่ายที่สุดที่จะทำให้ตัวอักษรที่เกิดขึ้นจริงใน Illustrator (หรือ Photoshop) คือการติดตั้งโดยตรงใน Illustrator (หรือ PS) เป็นส่วนเฉพาะสำหรับว่าFontself ชง

มันทำงานอย่างไร

ข้อดี:

  • ใช้งานง่ายมาก
  • รูปร่างหรือตัวอักษรชนิดใดก็ได้สามารถเปลี่ยนเป็นแบบอักษรได้
  • เรียกใช้ภายใน Illustrator (และ Photoshop) => ไม่มีซอฟต์แวร์เพิ่มเติมให้ใช้

จุดด้อย:

  • ทำงานเฉพาะใน CC 2015 และ 2017 (ไม่ใช่ CC2014 หรือ CS6)
  • ไม่ฟรี ($ 49)

Tuto ทีละขั้นตอนที่นี่เพื่อ ' สร้างแบบอักษรที่เขียนด้วยมือของคุณเองในไม่กี่นาที '


4

มีขั้นตอนที่ระมัดระวังมากสำหรับการทำให้ Illustrator ทำงานที่ FontLab หากคุณตัดสินใจที่จะไปเส้นทางนั้น ฉันเคยสังเกตมาก่อนแต่ไม่มีอันตรายใด ๆ ในการทำซ้ำฉันคิดว่า

ดึงโดยตรงจาก FontLab (พวกเขาไม่สนใจที่จะทำให้สามารถอ่านได้)

ในผู้วาดภาพประกอบ:

  • แก้ไข> การตั้งค่า> หน่วย & เลิกทำหรือหน่วย & ประสิทธิภาพการแสดงผล: เปลี่ยนหน่วยทั้งหมดเป็นคะแนน (1 จุดเท่ากับ 1 หน่วยใน TypeTool)
  • การตั้งค่า> ไฟล์ & คลิปบอร์ด: ปิดการใช้งาน PDF เปิดใช้งาน AICB แล้วเลือกรักษาเส้นทาง
  • ค่ากำหนด> คำแนะนำ & ตาราง: เส้นตารางทุก 10 ส่วนและส่วนย่อย 10
  • กำหนดความกว้างของเอกสารเป็นแต้มให้เท่ากับขนาด UPM ของแบบอักษรของคุณ (เช่น 2000 pt สำหรับแบบอักษร 1000 UPM)
  • ตั้งค่าความสูงของเอกสารให้เท่ากับขนาด UPM - สืบทอด (เช่น 1000 - (-263) = 1263 pt)
  • เลือกหน้าต่าง> ข้อมูล, ดู> แสดงโมหะ, ดู> Snap to Grid
  • ปิดใช้งานมุมมอง> คำแนะนำ> คำแนะนำการล็อค
  • เลือกดู> แสดงกริด
  • วางคำแนะนำที่ความสูงที่มีค่า (บวก) เหมือนกันกับ (ลบ) ของแบบอักษรของคุณ (เช่น 263 ในตัวอย่างของเรา)
  • วางแนวทางและวางตำแหน่งที่ 0
  • วางตำแหน่งจุดเริ่มต้นให้ตรงกับที่แนวทางทั้งสองข้าม
  • ลากแนวทางไปยังตำแหน่งของตัวขึ้นของคุณความสูง x และความสูงของตัวพิมพ์ใหญ่

4

เครื่องมือสร้างแบบอักษรหนึ่งตัวที่ฉันพบนักออกแบบประเภทจำนวนมากที่เพิ่งเปลี่ยนไปคือRoboFont (ซึ่งสร้างโดย Type Designer) คุณอาจต้องการดูที่เช่นกัน

มันมีบทแนะนำเพื่อให้คุณเริ่มต้นพร้อมกับส่วนขยายบางอย่างสำหรับโปรแกรม

หมายเหตุ: Mac เท่านั้น

แก้ไข:ฉันลืมเพิ่มวิดีโอนี้ซึ่งแสดงคุณสมบัติบางอย่าง - http://vimeo.com/34351633


2

ฉันพบว่าบทเรียนของ Philippa Berry Smith บน YouTube นั้นยอดเยี่ยมเช่นนี้:

http://www.youtube.com/watch?v=bSi1OgvuCPk

เธอแสดงให้คุณเห็นวิธีการวาดตัวอักษรในการ์ตูน

แล้วอันนี้ดีมากสำหรับวิธีการตรวจสอบให้แน่ใจว่าแบบอักษรมีขนาดที่เหมาะสมในนักวาดภาพประกอบแล้ววิธีส่งออกไปยัง FontLab:

http://www.youtube.com/watch?v=yI-7e4nRNus

นอกจากนี้เธอยังมีสำเนียงกีวีซึ่งสนุก


ไม่มีปัญหา. นอกจากนี้ฉันเพิ่งเริ่มใช้แอพ Glyphs Mini ซึ่งคล้ายกับการใช้เครื่องมืออาร์ค / ปากกาใน Illustrator แต่ดีกว่าในวิธีที่คุณสามารถทำงานกับชุดแบบอักษรทั้งหมดในเวลาเดียวกันและปรับคุณสมบัติการจัดช่องไฟบน บิน.
Chris Livdahl

2

การเห็นว่าโพสต์นี้เป็นเหมือนรายการซอฟต์แวร์การสร้างแบบอักษรฉันต้องการเพิ่มอีกหนึ่งรายการเพื่อให้ทุกคนพิจารณา ฉันเพิ่งเจอมันใน Kickstarterและในขณะที่ฉันยังไม่ได้ลองมันดูมีแนวโน้มมาก

มันเรียกว่าPrototypo มันเป็นทางเลือกใหม่ล่าสุดและมันเป็นเรื่องระดมทุน!

ควรพิจารณาในอนาคตอย่างแน่นอนแม้ว่าจะอยู่ในรุ่นเบต้าส่วนตัว คุณสามารถสมัครรับจดหมายข่าวของพวกเขาเพื่อลองและชนะการเข้าถึงเบต้าฉันรู้ว่าฉันกำลังจะไป


1

ฉันกำลังพยายามทำสิ่งเดียวกัน

ฉันได้ตัวอักษรและ FontLab Studio จากFontLab ฉันคิดว่ามีการสาธิตฟรี

เครื่องมือปากกามีความคลาดเคลื่อนน้อยกว่าในโปรแกรมเหล่านี้ สำหรับวัตถุประสงค์ของฉันฉันต้องทำเลเยอร์เพราะฉันจะสแต็คพวกเขาด้วย CSS เพื่อสร้างโลโก้

ดังนั้นฉันจึงสร้างตัวละครใน Illustrato จากนั้น -

ฉันผ่านป้อมปราการนี้

และฉันดูการกวดวิชานี้

ฉันยังคงหลงทางอยู่ ตัวละครของฉันไม่แสดงบนพื้นฐานที่ถูกต้อง

แต่ฉันคิดว่าสิ่งนี้ควรพาคุณไปในทิศทางที่ถูกต้อง

โชคดี!

โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.