visual.af

คู่มือ Affont

วิธีทำฟอนต์ใน Affinity

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

อัปเดตเมื่อ:

Affinity ทำฟอนต์ได้ไหม?

ด้วยตัวเองยังไม่ได้ Affinity (แอป Affinity 3 ที่ใช้ฟรี รวมถึง Affinity Designer, Photo และ Publisher รุ่นเก่า) ใช้ฟอนต์ที่ติดตั้งไว้ได้ทุกตัวและแปลงข้อความเป็นเส้นโค้งได้ แต่ไม่มีวิธีส่งออกไฟล์ฟอนต์ (OTF หรือ TTF)

วิธีเลี่ยงแบบเดิมช้ามาก: ส่งออกตัวอักษรทีละตัวเป็น SVG แล้วนำเข้าโปรแกรมแก้ไขฟอนต์ทีละไฟล์ จากนั้นปรับขนาด จัดแนว และตั้งช่องไฟของแต่ละกลิฟด้วยมือ ชุดตัวอักษรพื้นฐานใช้เวลาหลายวันได้ง่าย ๆ

Affont อุดช่องว่างนี้ โดยเพิ่มสคริปต์สองตัวใน Script Library ของ Affinity (ตัวหนึ่งสร้างเทมเพลตฟอนต์ อีกตัวส่งตัวอักษรที่คุณวาด) พร้อมแอปสำหรับ Windows และ macOS ที่คอมไพล์ ติดตั้ง และส่งออกฟอนต์ให้ คุณยังวาดใน Affinity ด้วยเครื่องมือทั้งหมดของมันเหมือนเดิม

สิ่งที่ต้องมี

  • Affinity 3.3 ขึ้นไป บน Windows หรือ macOS แอปนี้ใช้ฟรี และเวอร์ชัน 3.3 คือรุ่นที่เพิ่มระบบสคริปต์
  • Affont สำหรับ Windows 10/11 หรือ macOS 11+ (Apple Silicon และ Intel) จ่ายครั้งเดียว $24 ใช้ได้ 3 เครื่อง
  • ไม่ต้องมีพื้นฐานการออกแบบตัวอักษร เทมเพลตมีเส้นฐาน ความสูง x ความสูงตัวพิมพ์ใหญ่ และเส้นช่วยกำหนดช่องไฟให้แล้ว
ขั้นที่ 1

ติดตั้ง Affont และเพิ่มสคริปต์ลงใน Affinity

  1. ติดตั้ง Affont เปิดแอป แล้ววางคีย์ไลเซนส์
  2. ที่หน้าจอต้อนรับ คลิกปุ่ม “บันทึก Affont.afscripts…” เพื่อบันทึกไฟล์ Affont.afscripts
  3. ใน Affinity เปิดพาเนล Script Library เปิดเมนูของพาเนล (▾) แล้วเลือก Import scripts… จากนั้นเลือกไฟล์ Affont.afscripts
  4. จะมีหมวด Affont ปรากฏขึ้นพร้อมสคริปต์สองตัว คือ “Affont - สร้างเทมเพลต” และ “Affont - ส่ง” ครั้งแรกที่เรียกใช้แต่ละตัว Affinity จะให้คุณเลือก Trust and run

ทำครั้งเดียวก็พอ เวลาอัปเดตแอปไม่ต้องนำเข้าสคริปต์ใหม่ ยกเว้นบันทึกการอัปเดตจะบอกให้ทำ

ขั้นที่ 2

สร้างเทมเพลตฟอนต์

เรียกใช้ “Affont - สร้างเทมเพลต” จะมีหน้าต่างให้เลือกค่าต่อไปนี้

  • ชื่อฟอนต์และชื่อตระกูล เช่น “Brush Script” และ “Regular”
  • ชุดอักขระ: พื้นฐาน (A–Z, a–z, 0–9 และเครื่องหมายวรรคตอน), ละตินสำหรับภาษาอังกฤษ สเปน โปรตุเกส และเยอรมัน, ตัวพิมพ์ใหญ่เท่านั้น, คานะญี่ปุ่น, อักษรไทย หรือเฉพาะอักขระที่คุณเพิ่มเอง ในชุดอักษรไทย สระและวรรณยุกต์จะวาดบนวงกลมเส้นประ และไปวางต่อบนตัวอักษรก่อนหน้าในฟอนต์ (Affont ยังไม่จัดตำแหน่งเครื่องหมายแบบ OpenType เครื่องหมายจึงอยู่ที่ความสูงเดิมเสมอ)
  • เพิ่มเติม: อักขระหรือชื่อกลิฟที่ต้องการเพิ่ม เช่น ñ, f_i (ลิกเจอร์) หรือ a.alt1 (ตัวสำรอง)
  • เมตริก: Ascender, Descender, ความสูงตัวพิมพ์ใหญ่ และความสูง x ค่าเริ่มต้นใช้ได้กับงานส่วนใหญ่

Affont สร้างตารางที่มีหนึ่งช่องต่อหนึ่งอักขระ ในแต่ละช่องมีเส้นฐานและเส้นความสูง ตัวอักษรอ้างอิงจาง ๆ และเส้นสีชมพูสองเส้นสำหรับกำหนดช่องไฟ เลเยอร์เทมเพลตถูกล็อกไว้ และมีเลเยอร์ ตัวอักษรของคุณ อยู่ด้านบนพร้อมให้วาด

ขั้นที่ 3

วาดตัวอักษร

วาดตัวอักษรแต่ละตัวทับบนช่องของมันด้วยอะไรก็ได้ที่ถนัด: เครื่องมือ Pen รูปทรงและการรวมหรือหักลบรูปทรง (boolean) แปรงเวกเตอร์ ข้อความที่แปลงเป็นเส้นโค้งแล้ว หรืองานที่คัดลอกมาวาง ไม่ต้องแปลงเส้น (stroke) เป็นรูปทรงก่อน เพราะ Affont จะแปลงเป็นเส้นโครงร่างให้ตอนส่ง

  • รูปทรงจะเป็นของช่องที่จุดกึ่งกลางของมันอยู่ทับ จึงไม่ต้องแยกเลเยอร์เอง
  • เริ่มจาก n, o, H และ O เพราะตัวเหล่านี้กำหนดความหนาเส้นและจังหวะของตัวอื่นทั้งหมด
  • ใช้ส่วนที่วาดแล้วซ้ำ: n ให้ h, m และ u ส่วน o ให้ b, d, p และ q
  • ปล่อยให้ตัวอักษรกลม (o, s, O) เลยเส้นฐาน และเส้นความสูง x หรือความสูงตัวพิมพ์ใหญ่ออกไปเล็กน้อย เรียกว่าโอเวอร์ชูต (overshoot) ช่วยให้ดูใหญ่เท่ากับตัวอักษรที่มีขอบเรียบ
  • ข้อความที่ยังไม่ได้แปลงเป็นเส้นโค้งจะถูกข้าม และ Affont จะบอกว่าเป็นตัวไหน
ขั้นที่ 4

ตั้งช่องไฟ

แต่ละช่องมีเส้นสีชมพูสองเส้น คือ ·LSB และ ·RSB (ระยะขอบข้างซ้ายและขวา) ลากเส้นเหล่านี้เพื่อกำหนดว่าตัวอักษรแต่ละตัวใช้พื้นที่เท่าไร ระยะห่างระหว่างสองเส้นจะกลายเป็นความกว้างของตัวอักษรในฟอนต์

วิธีลัด: จัดช่องไฟของ n และ o จน “nnonoonn” ดูสม่ำเสมอ แล้วทำแบบเดียวกันกับ H และ O สำหรับตัวพิมพ์ใหญ่ ตัวอักษรอื่นส่วนใหญ่ใช้ด้านเดียวกับสี่ตัวนี้

ขั้นที่ 5

ส่ง แล้วฟอนต์ก็ถูกติดตั้ง

เปิดแอป Affont ไว้ แล้วเรียกใช้ “Affont - ส่ง” แอปจะคอมไพล์ฟอนต์ด้วย fontTools ซึ่งเป็นเอนจินโอเพนซอร์สตัวเดียวกับที่เครื่องมือทำฟอนต์มืออาชีพใช้ แล้วติดตั้งให้ผู้ใช้ของคุณ ภายในไม่กี่วินาทีฟอนต์จะอยู่ในรายการฟอนต์ของ Affinity และของทุกแอป

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

ขั้นที่ 6

ปรับแต่งในแอป Affont

  • เคิร์นนิง: ลากตัวอักษรเข้าหากันบนข้อความตัวอย่าง มีกลุ่มเคิร์นนิง เคิร์นนิงอัตโนมัติเป็นจุดเริ่มต้น และการนำเข้าเมตริกกับเคิร์นนิงจากฟอนต์อื่นด้วย
  • ลิกเจอร์และตัวสำรอง: ตั้งชื่อช่องว่า f_i หรือ a.alt1 แล้ว Affont จะเขียนฟีเจอร์ OpenType (liga, salt, ss01…) ให้
  • อักษรมีเครื่องหมายกำกับ: วาดตัวอักษรฐานกับเครื่องหมาย แล้ว Affont จะสร้าง á, à, â, ã, ä, ñ, ç และอื่น ๆ ให้อัตโนมัติ
  • ตัวแก้ไขกลิฟ: แก้โหนดและจุดจับ รวมรูปทรงที่ซ้อนกัน พลิกหรือแปลงรูป โดยไม่ต้องกลับไปที่ Affinity
  • ข้อมูลฟอนต์และตระกูลฟอนต์: ผู้ออกแบบ เวอร์ชัน ไลเซนส์ และสไตล์เพิ่มเติม (Bold, Italic…) ที่จัดกลุ่มเป็นตระกูลเดียว
ขั้นที่ 7

ส่งออก OTF, TTF หรือ WOFF2

  • OTF เก็บเส้นโค้งแบบคิวบิก (cubic) เดียวกับที่คุณวาดใน Affinity เป็นตัวเลือกที่ดีที่สุดสำหรับแอปออกแบบ
  • TTF ใช้ร่วมกับซอฟต์แวร์รุ่นเก่าและอุปกรณ์บางชนิดได้กว้างที่สุด
  • WOFF2 สำหรับเว็บไซต์

ถ้าคุณลงสีตัวอักษรหลายสีหรือใช้การไล่ระดับสี Affont จะส่งออกเป็นฟอนต์สีด้วย (OpenType-SVG พร้อม COLR สำรอง) ในแอปที่ไม่รองรับฟอนต์สี จะแสดงเป็นสีเดียว

ปัญหาที่พบบ่อย

  • ตัวอักษรไปอยู่ผิดช่อง: ย้ายให้จุดกึ่งกลางของมันอยู่ทับช่องที่ถูกต้อง
  • ตัวอักษรหายไป: ตรวจดูว่าไม่ใช่ข้อความที่ยังแก้ไขได้ (live text) ให้ใช้ Layer ▸ Convert to Curves
  • “Affont - ส่ง” ไม่ตอบสนอง: ต้องเปิดแอป Affont ไว้ สคริปต์จะบอกถ้าเชื่อมต่อกับแอปไม่ได้
  • ตัวอักษรชิดหรือห่างเกินไป: แก้เส้นสีชมพูก่อน แล้วค่อยใช้เคิร์นนิงเฉพาะบางคู่ เช่น AV, To หรือ LT

คำถามที่พบบ่อย

ทำฟอนต์ใน Affinity Designer ได้ไหม?

Affinity ส่งออกไฟล์ฟอนต์เองไม่ได้ แต่ด้วย Affont คุณวาดตัวอักษรใน Affinity 3.3 ขึ้นไป (แอปที่มาแทน Designer, Photo และ Publisher) แล้วได้ฟอนต์ OTF หรือ TTF ที่ติดตั้งแล้วในคลิกเดียว

มีปลั๊กอิน Affinity สำหรับทำฟอนต์ไหม?

มี Affont เพิ่มสคริปต์สร้างเทมเพลตและสคริปต์ส่งลงใน Script Library ของ Affinity พร้อมแอปสำหรับ Windows และ macOS ที่คอมไพล์ ติดตั้ง และส่งออกฟอนต์ให้

ใช้กับ Affinity 2 ได้ไหม?

ไม่ได้ Affont ต้องใช้ระบบสคริปต์ที่เริ่มมีใน Affinity 3.3 ส่วน Affinity 3 ดาวน์โหลดฟรีสำหรับ Windows และ macOS

ขายฟอนต์ที่ทำเองได้ไหม?

ได้ ฟอนต์เป็นของคุณ 100% จะขาย ใช้ในงานลูกค้า หรือแจกฟรีก็ได้ Affont ไม่เพิ่มข้อจำกัดใด ๆ

ใช้บน iPad ได้ไหม?

ยังไม่ได้ในตอนนี้ Affont ใช้ได้บน Windows 10/11 และ macOS 11 ขึ้นไป

คู่มืออื่น ๆ

  • วิธีทำฟอนต์เอง

    จากภาพร่างหรือลายมือสู่ฟอนต์จริง: วางแผนชุดอักขระ วาด ตั้งช่องไฟ ทดสอบ และส่งออก พร้อมอธิบายค่าใช้จ่ายและสิทธิ์การใช้งาน

  • ทางเลือกแทน Fontself สำหรับ Affinity

    Fontself Maker ทำงานใน Illustrator และ Photoshop แต่ไม่ใช่ใน Affinity ดูว่า Affont ทำอะไรใน Affinity แทน พร้อมเปรียบเทียบแบบเคียงข้างกัน

  • โปรแกรมสร้างฟอนต์สำหรับ Affinity

    Affinity ส่งออกฟอนต์เองไม่ได้ โปรแกรมสร้างฟอนต์สำหรับ Affinity ทำอะไรได้ มีตัวเลือกไหนบ้าง และเทียบกันอย่างไร

  • Affont

    Affont สำหรับ Windows และ macOS จ่ายครั้งเดียว ใช้ได้ 3 เครื่อง ทำฟอนต์ได้ไม่จำกัด และเป็นของคุณ 100%

ฟอนต์ตัวแรกของคุณเริ่มวันนี้

Affont สำหรับ Windows และ macOS จ่ายครั้งเดียว ใช้ได้ 3 เครื่อง ทำฟอนต์ได้ไม่จำกัด และเป็นของคุณ 100%

ซื้อ Affont · $24