visual.af

Hướng dẫn Affont

Cách tạo font chữ trong Affinity

Affinity không tự xuất được font, nhưng bạn vẫn có thể thiết kế một bộ font hoàn chỉnh, cài đặt được, mà không cần rời khỏi Affinity. Hướng dẫn từng bước này đưa bạn đi từ một tài liệu trống đến một font OTF hoặc TTF dùng để gõ chữ được, với sự trợ giúp của Affont.

Cập nhật:

Affinity có tạo được font không?

Tự nó thì không. Affinity (ứng dụng Affinity 3 miễn phí, cũng như Affinity Designer, Photo và Publisher trước đây) dùng được mọi font đã cài và chuyển được chữ thành đường cong (curves), nhưng không có cách nào để xuất file font (OTF hoặc TTF).

Cách làm quen thuộc trước đây rất chậm: xuất từng chữ thành một file SVG riêng, nhập lần lượt từng file vào phần mềm biên tập font, rồi chỉnh tỉ lệ, căn chỉnh và chỉnh khoảng cách cho từng glyph bằng tay. Chỉ một bảng chữ cái cơ bản cũng dễ mất vài ngày.

Affont lấp đầy khoảng trống đó. Nó thêm hai script vào Script Library của Affinity (một script tạo template font và một script gửi các chữ bạn vẽ), kèm một ứng dụng cho Windows và macOS để biên dịch, cài đặt và xuất font. Bạn vẫn vẽ trong Affinity, với đầy đủ công cụ của nó.

Bạn cần những gì

  • Affinity 3.3 trở lên trên Windows hoặc macOS. Ứng dụng này miễn phí; phiên bản 3.3 là phiên bản bổ sung tính năng script.
  • Affont cho Windows 10/11 hoặc macOS 11+ (Apple Silicon và Intel). Trả một lần $24, dùng được trên 3 thiết bị.
  • Không cần kiến thức về typography. Template đã có sẵn đường cơ sở (baseline), chiều cao chữ x (x-height), chiều cao chữ hoa (cap height) và các đường hướng dẫn spacing.
Bước 1

Cài đặt Affont và thêm script vào Affinity

  1. Cài đặt Affont, mở ứng dụng và dán mã bản quyền (license key) của bạn.
  2. Trên màn hình chào, nhấp vào nút Lưu Affont.afscripts….
  3. Trong Affinity, mở bảng Script Library, mở menu của bảng (▾) và chọn Import scripts…. Chọn file Affont.afscripts.
  4. Một danh mục Affont sẽ xuất hiện với hai script: Affont - Tạo mẫu (tạo template) và Affont - Gửi (gửi các chữ bạn vẽ). Lần đầu bạn chạy mỗi script, Affinity sẽ yêu cầu bạn xác nhận bằng Trust and run.

Bạn chỉ cần làm việc này một lần. Khi cập nhật ứng dụng, bạn không cần nhập lại script, trừ khi ghi chú phát hành có yêu cầu.

Bước 2

Tạo template font

Chạy script Affont - Tạo mẫu. Một hộp thoại sẽ cho bạn chọn:

  • Tên font và tên họ font, ví dụ “Brush Script” và “Regular”.
  • Bộ ký tự: bộ cơ bản (A–Z, a–z, 0–9 và dấu câu), bộ Latin cho tiếng Anh, tiếng Tây Ban Nha và tiếng Bồ Đào Nha, chỉ chữ hoa, kana tiếng Nhật, hoặc chỉ các ký tự bổ sung của riêng bạn.
  • Ký tự bổ sung: bất kỳ ký tự hoặc tên glyph nào bạn muốn thêm, như ơ, f_i (chữ ghép) hoặc a.alt1 (ký tự thay thế).
  • Thông số (metrics): ascender, descender, chiều cao chữ hoa và chiều cao chữ x. Giá trị mặc định phù hợp với hầu hết thiết kế.

Affont tạo một lưới với mỗi ô cho một ký tự. Mỗi ô có các đường hướng dẫn cho baseline và các chiều cao, một chữ mẫu mờ để tham chiếu và hai đường màu hồng để chỉnh spacing. Layer template đã được khóa, và phía trên là layer Chữ của bạn sẵn sàng để bạn vẽ.

Bước 3

Vẽ các chữ cái

Vẽ từng chữ lên trên ô của nó bằng bất cứ thứ gì bạn thích: Pen Tool, các hình khối (shape) và phép boolean, cọ vector, chữ đã chuyển thành đường cong, hoặc hình minh họa dán vào. Bạn không cần expand các nét (stroke), vì Affont sẽ tự chuyển chúng thành đường viền (outline) khi gửi.

  • Một hình thuộc về ô nằm dưới tâm của nó, nên bạn không cần sắp xếp gì vào các layer.
  • Hãy bắt đầu với n, o, H và O. Chúng quyết định độ dày nét và nhịp điệu cho tất cả các chữ còn lại.
  • Tận dụng lại các bộ phận: từ n bạn có h, m và u; từ o bạn có b, d, p và q.
  • Để các chữ tròn (o, s, O) vượt nhẹ qua baseline và x-height hoặc cap height. Kỹ thuật này gọi là overshoot, giúp chúng trông to bằng các chữ có cạnh phẳng.
  • Chữ chưa chuyển thành đường cong sẽ bị bỏ qua, và Affont sẽ cho bạn biết đó là chữ nào.
Bước 4

Chỉnh spacing

Mỗi ô có hai đường màu hồng, ·LSB và ·RSB (left side bearing và right side bearing: khoảng trống bên trái và bên phải chữ). Kéo chúng để quyết định mỗi chữ chiếm bao nhiêu chỗ. Khoảng cách giữa hai đường sẽ là độ rộng của chữ trong font.

Một cách làm nhanh: chỉnh khoảng cách cho n và o đến khi “nnonoonn” trông đều nhau, rồi làm tương tự với H và O cho chữ hoa. Phần lớn các chữ khác có cạnh giống với bốn chữ này.

Bước 5

Gửi đi là font được cài đặt

Khi ứng dụng Affont đang mở, hãy chạy script Affont - Gửi. Ứng dụng sẽ biên dịch font bằng fontTools, bộ máy mã nguồn mở mà các công cụ font chuyên nghiệp cũng dùng, rồi cài đặt font cho tài khoản người dùng của bạn. Chỉ sau vài giây, font sẽ xuất hiện trong danh sách font của Affinity và trong mọi ứng dụng khác.

Bạn có thể sửa một chữ và gửi lại bất cứ lúc nào. Affont sẽ thay thế phiên bản đã cài, nên bạn có thể gõ thử bằng font của mình ngay trong lúc vẫn đang thiết kế nó.

Bước 6

Hoàn thiện trong ứng dụng Affont

  • Kerning: kéo một chữ lại gần chữ khác trên một đoạn văn bản mẫu. Ứng dụng còn có nhóm kerning, kerning tự động để làm điểm khởi đầu, và tính năng nhập thông số và kerning từ một font khác.
  • Chữ ghép và ký tự thay thế: đặt tên ô là f_i hoặc a.alt1, Affont sẽ tự viết các tính năng OpenType (liga, salt, ss01…) cho bạn.
  • Chữ có dấu: vẽ chữ gốc và dấu, Affont sẽ tự động ghép thành á, à, â, ã, ä, ñ, ç và nhiều chữ khác.
  • Trình chỉnh sửa glyph: sửa điểm neo (node) và tay nắm (handle), hợp nhất các hình chồng lên nhau, lật hoặc biến đổi mà không cần quay lại Affinity.
  • Thông tin font và họ font: nhà thiết kế, phiên bản, giấy phép, và các kiểu bổ sung (Bold, Italic…) được gộp vào cùng một họ font.
Bước 7

Xuất OTF, TTF hoặc WOFF2

  • OTF giữ nguyên các đường cong bậc ba (cubic) mà bạn đã vẽ trong Affinity. Đây là lựa chọn tốt nhất cho các ứng dụng thiết kế.
  • TTF có độ tương thích rộng nhất với phần mềm cũ và một số thiết bị.
  • WOFF2 dùng cho website.

Nếu bạn tô chữ bằng nhiều màu hoặc dải chuyển màu (gradient), Affont còn xuất được font màu (OpenType-SVG kèm phương án dự phòng COLR). Trong các ứng dụng không hỗ trợ font màu, font sẽ hiển thị bằng một màu.

Các lỗi thường gặp

  • Một chữ nằm nhầm ô: di chuyển nó sao cho tâm nằm trên đúng ô.
  • Thiếu một chữ: kiểm tra xem đó có còn là chữ chỉnh sửa được (live text) không. Dùng Layer ▸ Convert to Curves.
  • “Gửi” không phản hồi: ứng dụng Affont phải đang mở. Script sẽ báo cho bạn nếu không kết nối được với ứng dụng.
  • Các chữ trông quá sát hoặc quá thưa: chỉnh lại các đường màu hồng trước, sau đó chỉ dùng kerning cho những cặp chữ cụ thể như AV, To hoặc LT.

Câu hỏi thường gặp

Có thể tạo font trong Affinity Designer không?

Affinity không tự xuất được file font. Với Affont, bạn vẽ chữ trong Affinity 3.3 trở lên (ứng dụng đã thay thế Designer, Photo và Publisher) và nhận được font OTF hoặc TTF đã cài sẵn chỉ với một cú nhấp.

Có plugin nào cho Affinity để tạo font không?

Có. Affont thêm một script tạo template và một script gửi vào Script Library của Affinity, kèm một ứng dụng cho Windows và macOS để biên dịch, cài đặt và xuất font.

Affont có dùng được với Affinity 2 không?

Không. Affont dựa vào hệ thống script được giới thiệu trong Affinity 3.3. Affinity 3 được tải miễn phí cho Windows và macOS.

Tôi có thể bán font mình tạo ra không?

Có. Font là của bạn 100%: bạn có thể bán, dùng trong dự án cho khách hàng hoặc tặng miễn phí. Affont không đặt thêm bất kỳ giới hạn nào.

Affont có chạy trên iPad không?

Hiện tại thì chưa. Affont chạy trên Windows 10/11 và macOS 11 trở lên.

Hướng dẫn khác

  • Cách tự tạo font chữ riêng

    Từ bản phác thảo hay chữ viết tay đến một font thật: lên danh sách ký tự, vẽ, chỉnh spacing, thử và xuất file. Kèm giải thích về chi phí và giấy phép.

  • Giải pháp thay thế Fontself cho Affinity

    Fontself Maker chạy trong Illustrator và Photoshop, nhưng không chạy trong Affinity. Affont làm được gì trong Affinity, so sánh song song hai công cụ.

  • Công cụ tạo font cho Affinity

    Affinity không tự xuất được font. Một công cụ tạo font cho Affinity làm được gì, bạn có những lựa chọn nào và chúng khác nhau ra sao.

  • Affont

    Affont cho Windows và macOS. Trả một lần, dùng trên 3 thiết bị, tạo font không giới hạn và 100% thuộc về bạn.

Font chữ đầu tiên của bạn bắt đầu từ hôm nay.

Affont cho Windows và macOS. Trả một lần, dùng trên 3 thiết bị, tạo font không giới hạn và 100% thuộc về bạn.

Mua Affont · $24