visual.af

Panduan Affont

Cara membuat font di Affinity

Affinity tidak bisa mengekspor font sendiri, tetapi Anda tetap bisa merancang typeface lengkap yang siap dipasang tanpa keluar dari Affinity. Panduan langkah demi langkah ini membawa Anda dari dokumen kosong hingga font OTF atau TTF yang bisa langsung dipakai mengetik, dengan bantuan Affont.

Diperbarui:

Apakah Affinity bisa membuat font?

Tidak dengan sendirinya. Affinity (aplikasi gratis Affinity 3, maupun Affinity Designer, Photo dan Publisher versi lama) bisa memakai font apa pun yang terpasang dan mengubah teks menjadi kurva, tetapi tidak punya cara untuk mengekspor file font (OTF atau TTF).

Cara lama untuk menyiasatinya sangat lambat: ekspor setiap huruf sebagai SVG terpisah, impor satu per satu ke editor font, lalu skalakan, ratakan, dan atur spasi setiap glyph secara manual. Alfabet dasar saja bisa memakan waktu beberapa hari.

Affont menutup celah itu. Affont menambahkan dua script ke Script Library Affinity (satu untuk membuat template font dan satu untuk mengirim huruf Anda), ditambah aplikasi pendamping untuk Windows dan macOS yang mengompilasi, memasang, dan mengekspor font. Anda tetap menggambar di Affinity, dengan semua alatnya.

Yang Anda butuhkan

  • Affinity 3.3 atau lebih baru di Windows atau macOS. Aplikasinya gratis; versi 3.3 adalah versi yang menambahkan fitur scripting.
  • Affont untuk Windows 10/11 atau macOS 11+ (Apple Silicon dan Intel). Sekali bayar $19, berlaku di 3 perangkat.
  • Tidak perlu latar belakang tipografi. Template sudah dilengkapi garis baseline, x-height, cap height, dan panduan spasi.
Langkah 1

Pasang Affont dan tambahkan script ke Affinity

  1. Pasang Affont, buka aplikasinya, lalu tempel kunci lisensi Anda.
  2. Di layar sambutan, klik tombol untuk menyimpan Affont.afscripts.
  3. Di Affinity, buka panel “Script Library”, buka menunya (▾) dan pilih “Import scripts…”. Pilih Affont.afscripts.
  4. Kategori Affont akan muncul dengan dua script: script template dan script kirim. Saat pertama kali menjalankan masing-masing, Affinity akan meminta Anda memilih “Trust and run”.

Ini cukup dilakukan sekali. Pembaruan aplikasi tidak mengharuskan Anda mengimpor ulang script, kecuali jika catatan rilis menyebutkannya.

Langkah 2

Buat template font

Jalankan script template. Sebuah dialog memungkinkan Anda memilih:

  • Nama font dan nama gaya, misalnya “Brush Script” dan “Regular”.
  • Set karakter: Basic (A–Z, a–z, 0–9 dan tanda baca), Latin untuk bahasa Inggris, Spanyol dan Portugis, huruf kapital saja, kana Jepang, atau hanya karakter tambahan Anda sendiri.
  • Tambahan: karakter atau nama glyph apa pun yang ingin Anda tambahkan, seperti ñ, f_i (ligatur) atau a.alt1 (alternatif).
  • Metrik: ascender, descender, cap height dan x-height. Nilai bawaannya cocok untuk sebagian besar desain.

Affont membuat grid dengan satu sel untuk setiap karakter. Setiap sel menampilkan garis baseline dan tinggi huruf, huruf referensi yang samar, serta dua garis merah muda untuk spasi. Layer template dikunci, dan layer Your letters di atasnya siap untuk digambar.

Langkah 3

Gambar huruf-huruf Anda

Gambar setiap huruf di atas selnya dengan alat apa pun yang Anda suka: Pen tool, bentuk dan operasi boolean, kuas vektor, teks yang diubah menjadi kurva, atau artwork yang ditempel. Stroke tidak perlu di-expand, karena Affont mengubahnya menjadi outline saat Anda mengirim.

  • Sebuah bentuk dianggap milik sel tempat titik tengahnya berada, jadi Anda tidak perlu memilahnya ke dalam layer.
  • Mulailah dengan n, o, H dan O. Keempatnya menentukan ketebalan garis dan ritme untuk huruf lainnya.
  • Gunakan ulang bagian-bagiannya: dari n Anda mendapat h, m dan u; dari o Anda mendapat b, d, p dan q.
  • Biarkan huruf bulat (o, s, O) sedikit melewati baseline dan x-height atau cap height. Ini disebut overshoot, dan membuat huruf bulat tampak sama besar dengan huruf datar.
  • Teks yang belum diubah menjadi kurva akan dilewati, dan Affont memberi tahu huruf mana yang terlewat.
Langkah 4

Atur spasi

Setiap sel memiliki dua garis merah muda, ·LSB dan ·RSB (side bearing kiri dan kanan). Seret garis tersebut untuk menentukan berapa banyak ruang yang dipakai setiap huruf. Jarak di antara keduanya menjadi lebar huruf itu di dalam font.

Cara cepatnya: atur spasi n dan o sampai “nnonoonn” terlihat rata, lalu lakukan hal yang sama dengan H dan O untuk huruf kapital. Sebagian besar huruf lain memiliki sisi yang mirip dengan keempat huruf tersebut.

Langkah 5

Kirim. Font Anda langsung terpasang

Dengan aplikasi Affont terbuka, jalankan script kirim. Aplikasi mengompilasi font dengan fontTools, mesin open source yang sama dengan yang dipakai alat font profesional, lalu memasangnya untuk pengguna Anda. Dalam beberapa detik, font muncul di daftar font Affinity dan di semua aplikasi lain.

Ubah huruf dan kirim lagi kapan pun Anda mau. Affont mengganti versi yang terpasang, jadi Anda bisa mengetik dengan font Anda selagi masih merancangnya.

Langkah 6

Sempurnakan di aplikasi Affont

  • Kerning: seret satu huruf mendekati huruf lain pada teks contoh. Tersedia juga grup kerning, kerning otomatis sebagai titik awal, serta impor metrik dan kerning dari font lain.
  • Ligatur dan alternatif: beri nama sel f_i atau a.alt1 dan Affont akan menuliskan fitur OpenType-nya (liga, salt, ss01…) untuk Anda.
  • Aksen: gambar huruf dasar dan tanda aksennya, lalu Affont membuat á, à, â, ã, ä, ñ, ç dan lainnya secara otomatis.
  • Editor glyph: perbaiki node dan handle, gabungkan bentuk yang bertumpuk, balik atau transformasikan tanpa kembali ke Affinity.
  • Info font dan keluarga font: desainer, versi, lisensi, serta gaya tambahan (Bold, Italic…) yang dikelompokkan dalam satu keluarga.
Langkah 7

Ekspor OTF, TTF atau WOFF2

  • OTF mempertahankan kurva kubik yang sama dengan yang Anda gambar di Affinity. Ini pilihan terbaik untuk aplikasi desain.
  • TTF memberi kompatibilitas paling luas dengan software lama dan sebagian perangkat.
  • WOFF2 untuk situs web.

Jika Anda mewarnai huruf dengan beberapa warna atau gradien, Affont juga mengekspor font berwarna (OpenType-SVG dengan cadangan COLR). Di aplikasi yang tidak mendukung font berwarna, font akan tampil dalam satu warna.

Masalah yang sering terjadi

  • Huruf masuk ke sel yang salah: geser huruf itu sampai titik tengahnya berada di atas sel yang benar.
  • Ada huruf yang hilang: pastikan huruf itu bukan teks aktif. Gunakan Layer ▸ “Convert to Curves”.
  • “Send” tidak merespons: aplikasi Affont harus dalam keadaan terbuka. Script akan memberi tahu Anda jika tidak bisa terhubung ke aplikasi.
  • Huruf terlihat terlalu rapat atau renggang: perbaiki garis merah muda terlebih dahulu, lalu gunakan kerning hanya untuk pasangan tertentu seperti AV, To atau LT.

Pertanyaan yang sering diajukan

Bisakah membuat font di Affinity Designer?

Affinity tidak bisa mengekspor file font sendiri. Dengan Affont, Anda menggambar huruf di Affinity 3.3 atau lebih baru (aplikasi yang menggantikan Designer, Photo dan Publisher) dan mendapatkan font OTF atau TTF yang langsung terpasang dengan satu klik.

Adakah plugin Affinity untuk membuat font?

Ada. Affont menambahkan script template dan script kirim ke Script Library Affinity, ditambah aplikasi pendamping untuk Windows dan macOS yang mengompilasi, memasang, dan mengekspor font.

Apakah bisa dipakai di Affinity 2?

Tidak. Affont bergantung pada sistem scripting yang diperkenalkan di Affinity 3.3. Affinity 3 bisa diunduh gratis untuk Windows dan macOS.

Bolehkah saya menjual font yang saya buat?

Boleh. Font tersebut 100% milik Anda: Anda bisa menjualnya, memakainya untuk proyek klien, atau membagikannya. Affont tidak menambahkan batasan apa pun.

Apakah bisa dipakai di iPad?

Untuk saat ini belum. Affont berjalan di Windows 10/11 dan macOS 11 atau lebih baru.

Panduan lainnya

  • Cara membuat font sendiri

    Dari sketsa atau tulisan tangan menjadi font sungguhan: rencanakan karakter, gambar, atur spasi, uji, dan ekspor. Lengkap dengan biaya dan lisensi.

  • Alternatif Fontself untuk Affinity

    Fontself Maker berjalan di Illustrator dan Photoshop, tetapi tidak di Affinity. Inilah yang dilakukan Affont di Affinity, dibandingkan berdampingan.

  • Affont

    Affont untuk Windows dan macOS. Sekali bayar, 3 perangkat, font tanpa batas yang 100% milik Anda.

Font pertama Anda dimulai hari ini.

Affont untuk Windows dan macOS. Sekali bayar, 3 perangkat, font tanpa batas yang 100% milik Anda.

Dapatkan Affont · $19