Tutorial Cara Membuat Font Menggunakan Inkscape dan FontForge (Bagian 2)

Pada tutorial bagian kedua ini kita akan mulai menggunakan software FontForge yang sudah di download sebelumnya. Yang akan di jelaskan pada lanjutan tutorial ini adalah bagaimana cara mengeksport font yang sudah selesai dibuat di Inskcape ke FontForge, sebagai pengingat! jangan lupa untuk Save font yang sudah di kerjakan tadi dalam format SVG.

Bagi yang belum membaca tutorial bagian pertama disarankan untuk membacanya dulu di sini karena akan susah memahami penjelasan bagian kedua ini tanpa membaca bagian pertama. bagi yang sudah selesai membacanya, silahkan menuju ketahap selanjutnya :

Tahap Pertama

Pertama-tama yang perlu dilakukan adalah membuka font yang sudah selesai dibuat melalui FontForge dengan cara :

• Buka aplikasi FontForge,
• Cari file font yang sudah Anda desain di Inkscape kemudian klik OK. Tampilannya seperti gambar dibawah :

Langkah selanjutnya adalah membuat halaman baru di FontForge. Ini sangat Penting!, jika tidak dilakukan atau lupa maka font yang sudah di desain akan ERROR tidak bisa di edit lagi dan harus memulai dari tahap pertama lagi.

Untuk membuat halaman baru silahkan pilih File > New. Maka tampilanya akan menjadi kosong seperti ini :

Kemudian Copy Paste huruf yang Anda buat di halaman baru ini, letakkan huruf sesuai dengan karakter masing-masing lalu Save file tersebut.

Tahap kedua

Pada tahap ini sejajarkan semua huruf yang sudah di Copy Paste dihalaman baru tadi agar font yang kita buat akan terlihat lebih bagus dan rapi. Caranya Klik 2x disetiap huruf. Kemudian tekan ctrl + A, tarik hurufnya ke garis bawah. Lebih jelasnya bisa dilihat perdaan gambar sebelum dan sesudah di tarik dibawah ini :

Sebelum ditarik Sesudah ditarik

Lakukan pada semua huruf yang sudah Anda desain sampai selesai.

Setelah semua huruf yang Anda sejajarkan rapi, maka langkah selanjutnya adalah mensetting jarak di setiap hurufnya. Jika jarak setiap huruf tidak di setting akan terlihat jelek hasilnya nanti. berikut gambarannya :

Harus diingat!
bahwa jarak yang dimaksud disini adalah Jarak Kanan dan Kiri. Agar lebih muda dan cepat, Blok semua huruf terlebih dahulu, kemudian pilih Metrics > Set LBearing menjadi 50 misalnya (atur sesuai keinginan Anda). Selanjutnya Metrics > Set RBrearing menjadi 50 juga misalnya (disarankan untuk memberikan nilai yang sama pada jarak kiri dan kanan).

Tampilannya akan seperti ini :

Atau bisa juga memakai cara manual dengan cara menempatkan Cursor pada garis, baik bagian Kiri atau Kanan. Kemudian Klik dan Tarik sesuai keinginan. Untuk lebih jelasnya perhatikan gambar dibawah :

Untuk memastikan apakah font yang Anda buat berfungsi atau tidak bisa dilihat previewnya di Windows > New Metrics Windows dan Klik. Maka tampilannya akan seperti ini :

Penjelasan :

• Tempat menulis font yang Anda buat,
• Tampilan hasil font Anda, bisa di coba dengan menulis kalimat lain.

Tahap Ketiga

Pada tahap berikut ini kita akan mengatur Kerning atau jarak antara setiap font. Karena tidak semua karakter sama jaraknya, maka dibutuhkan Kerning. Misal huruf A dengan V. Bisa dilihat perbedan setelah dan sebelum diatur Kerning-nya.

Sebelum diatur kering Sesudah diatur kerning

Berikut cara mengatur Kering. Silahkan klik Element > Font Info, Maka akan muncul tampilan seperti ini :

Penjelasan :

• Klik Lookups
• Klil GPOS
• Klik Add Lookup
• Kemudian Klik Ok

Maka tampilan yang muncul selanjutnya adalah seperti dibawah ini :

Penjelasan :

• Pilih Pair Position (Kerning)
• Tulis kode Kern di sini (Ingat harus memakai huruf kecil)
• Tulis Kerning
• Kemudian Klik Ok

Maka setelah ini akan muncul tampilan seperti ini :

Langkah selanjutnya klik Add Subtable, maka akan muncul tampilan seperti ini:

Penjelasan :
Klik huruf yang ingin Anda atur Kerning, satu di Atas dan satu di Bawah. Kemudian klik Ok, akan muncul tampilan seperti gambar dibawah ini :

1. Tambah huruf yang ingin Anda atur Kerning-nya masing-masing, satu sebelah Kanan dan satu sebelah Kiri.
2. Atur jumlah besar kecil jarak hurufnya.
3. Hasil tampilah huruf yang sudah diatur (preview).
4. Tambah huruf yang ingin Anda atur Kerning-nya.
5. Jika sudah selesai semua, maka klik Ok.

Untuk melihat apakah kerning font yang sudah diatur berfungsi atau tidak bisa di lihat di Windows > New Metrics Windows dan klik.

Tahap keempat

Sebelum menuju tahap terakhir, kita akan mengatur nama font yang sudah kita buat terlebih dahulu. Caranya yaitu pilih Element > Font Info > PS Name, maka akan muncul tampilan seperti gambar di bawah :

Penjelasan :

1. Tulis Nama Font, Arial Italic misal.
2. Tulis Nama Family Font
3. Tulis sesuai dengan nama font di nomor 1
4. Tulis ukuran font (Regular atau Light atau Bold atau Italic atau Oblique dll)
5. Tulis versi keberapa fontnya
6. Tulis Copyright-nya

Langkah selanjutnya adalah export hasil font yang Anda buat ke format TTF, OTF atau WOFF agar nantinya bisa di install lewat komputer. Caranya adalah sebagai berikut:

Penjelasan :

1. Tulis Nama font (untuk filenya), misal Lobster.ttf
2. Pilih format yang diinginkan TTF, OTF atau WOFF atau format lainnya.
3. Terakhir klik Generate, dan font Anda sudah selesai.

Note:
Jika muncul pesan error ketika di klik Generate, biarkan saja. Langsung klik Ok, karna FontForge versi gratis dan masih dikembangkan maka hal seperti ini wajar terjadi tapi biasanya tidak ada masalah ketika font diinstal di komputer.

Sekarang cobalah instal hasil font yang sudah jadi tadi kedalam komputer Anda untuk mencobanya secara langsung. Terimakasih sudah membaca

Referensi:
graphicfresh.com