Tutorial Menciptakan Font Memakai Inkscape Dan Fontforge (2)

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

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

TAHAP PERTAMA

Pertama-tama yang perlu dilakukan yaitu membuka font yang sudah selesai dibentuk melalui FontForge dengan cara :
- Buka aplikasi FontForge,
- Cari file font yang sudah Anda desain di Inkscape kemudian klik OK. Tampilannya menyerupai gambar dibawah :
Langkah selanjutnya yaitu menciptakan halaman gres di FontForge. Ini sangat Penting!, kalau tidak dilakukan atau lupa maka font yang sudah di desain akan ERROR tidak dapat di edit lagi dan harus memulai dari tahap pertama lagi.
Untuk menciptakan halaman gres silahkan pilih File > New. Maka tampilanya akan menjadi kosong menyerupai ini :

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

TAHAP KEDUA

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

Sebelum ditarik

Sesudah ditarik

Lakukan pada semua karakter yang sudah Anda desain hingga selesai.
Setelah semua karakter yang Anda sejajarkan rapi, maka langkah selanjutnya yaitu mensetting jarak di setiap hurufnya. Jika jarak setiap karakter tidak di setting akan terlihat buruk akibatnya nanti. berikut gambarannya :

Harus diingat! bahwa jarak yang dimaksud disini yaitu Jarak Kanan dan Kiri. Agar lebih muda dan cepat, Blok semua karakter terlebih dahulu, kemudian pilih Metrics > Set LBearing menjadi 50 contohnya (atur sesuai impian Anda). Selanjutnya Metrics > Set RBrearing menjadi 50 juga contohnya (disarankan untuk memperlihatkan nilai yang sama pada jarak kiri dan kanan). Tampilannya akan menyerupai ini :

Atau dapat juga menggunakan cara manual dengan cara menempatkan Cursor pada garis, baik potongan 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 dapat dilihat previewnya di Windows > New Metrics Windows dan Klik. Maka tampilannya akan menyerupai ini :

Penjelasan :
- Tempat menulis font yang Anda buat,
- Tampilan hasil font Anda, dapat 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 diharapkan Kerning. Misal karakter 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 menyerupai ini :

Penjelasan :
- Klik Lookups
- Klil GPOS
- Klik Add Lookup
- Kemudian Klik Ok
Maka tampilan yang muncul selanjutnya yaitu menyerupai dibawah ini :

Penjelasan :
- Pilih Pair Position (Kerning)
- Tulis arahan Kern di sini (Ingat harus menggunakan karakter kecil)
- Tulis Kerning
- Kemudian Klik Ok
Maka setelah ini akan muncul tampilan menyerupai ini :

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

Penjelasan :
Klik karakter yang ingin Anda atur Kerning, satu di Atas dan satu di Bawah. Kemudian klik Ok, akan muncul tampilan menyerupai gambar dibawah ini :
1. Tambah karakter 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 karakter yang sudah diatur (preview).
4. Tambah karakter 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 dapat 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 menyerupai gambar di bawah :

Penjelasan :

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

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

FontForge Software - Export Font to TTF, OTF or WOFF

Penjelasan :

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

Note :
Jika muncul pesan error dikala di klik Generate, biarkan saja. Langsung klik Ok, karna FontForge versi gratis dan masih dikembangkan maka hal menyerupai ini masuk akal terjadi tapi biasanya tidak ada problem dikala font diinstal di komputer.

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

Sumber : graphicfresh.com