Dalam tutorial ini, kami akan menunjukkan kepada Anda bagaimana Anda dapat membuat font sendiri menggunakan Illustrator dan layanan web online fontastic.me.
Untuk mengikutinya, Anda memerlukan salinan Adobe Illustrator, meskipun jika Anda tidak memiliki salinan dan tidak ingin membelinya, Anda mungkin tertarik dengan tutorial serupa yang menggunakan Inkscape. Inkscape adalah alternatif open source gratis untuk Illustrator. Aplikasi gambar garis vektor mana saja yang Anda gunakan, fontastic.me menawarkan layanannya sepenuhnya secara gratis.
Sementara kami akan menunjukkan kepada Anda cara membuat font yang digambar tangan menggunakan foto huruf yang digambar di atas kertas, Anda juga dapat menggunakan teknik serupa untuk menghasilkan huruf menggunakan huruf yang telah digambar langsung ke Illustrator. Jika Anda menggunakan tablet gambar, ini mungkin lebih baik untuk Anda.
Jika menggunakan foto, pastikan Anda menggunakan pena warna gelap untuk menggambar huruf dan menggunakan kertas putih polos untuk kontras maksimum. Juga, ambil foto Anda dalam cahaya yang baik untuk membantu menghasilkan foto yang jelas dan kontras untuk membuatnya semudah mungkin bagi Illustrator untuk melacak huruf-huruf individu.
Buka Dokumen Kosong
Langkah pertama adalah membuka file kosong untuk bekerja.
Pergi ke File> Baru dan dalam dialog mengatur ukuran yang diinginkan. Kami menggunakan ukuran halaman persegi 500px, tetapi Anda dapat mengatur ini sesuai keinginan.
Selanjutnya, kita akan mengimpor file foto ke Illustrator.
Impor Foto Anda Teks yang Digambar dengan Tangan
Jika Anda tidak memiliki foto teks digambar tangan untuk digunakan, Anda dapat mengunduh file yang sama yang telah kami gunakan untuk tutorial ini.
Untuk mengimpor file, buka File> Tempat dan kemudian arahkan ke tempat foto teks tulisan tangan Anda berada. Klik Tempat tombol dan Anda akan melihat foto itu muncul di dokumen Anda.
Kita sekarang dapat melacak file ini untuk memberi kita huruf vektor.
Melacak Foto Huruf yang Diambil Tangan
Menelusuri huruf-hurufnya sangat mudah.
Pergi saja ke sana Object> Live Trace> Buat dan Perluas dan setelah beberapa saat, Anda akan melihat bahwa semua huruf telah dilapis dengan versi baris vektor baru. Yang kurang jelas adalah kenyataan bahwa mereka akan dikelilingi oleh objek lain yang mewakili latar belakang foto. Kita perlu menghapus objek latar belakang, jadi pergilah Object> Ungroup lalu klik di mana saja di luar kotak pembatas persegi panjang untuk membatalkan pilihan semuanya. Sekarang klik dekat, tetapi tidak pada, salah satu huruf dan Anda akan melihat bahwa latar belakang persegi panjang dipilih. Cukup tekan tombol Menghapus kunci pada keyboard Anda untuk menghapusnya.
Namun demikian, semua surat itu harus tetap ada, jika ada surat Anda yang memuat lebih dari satu elemen, Anda perlu mengelompokkan ini bersama-sama. Semua surat kami mengandung lebih dari satu elemen, jadi kami harus mengelompokkan semuanya. Ini dilakukan dengan mengklik dan menyeret tenda pilihan yang mencakup semua bagian surat yang berbeda dan kemudian pergi Object> Group.
Anda sekarang akan ditinggalkan dengan semua surat pribadi Anda dan selanjutnya, kami akan menggunakan ini untuk membuat file SVG individual yang kami perlukan untuk membuat font pada fontastic.me.
Terkait: Anda mungkin juga ingin belajar menggunakan Live Trace di Illustrator.
Simpan Surat Individu sebagai File SVG
Sayangnya, Illustrator tidak mengizinkan Anda menyimpan beberapa artboards ke file SVG individual, jadi setiap huruf harus disimpan secara manual sebagai file SVG terpisah.
Pertama, pilih dan seret semua huruf sehingga tidak melapisi artboard. Lalu seret huruf pertama ke artboard dan ukur ulang untuk mengisi artboard dengan menyeret salah satu tuas drag sudut. Tahan Bergeser kunci saat Anda melakukan ini untuk mempertahankan proporsi yang sama.
Setelah selesai, buka File> Save As dan dalam dialog, ubah Format drop down ke SVG (svg), beri nama file yang bermakna dan klik Menyimpan. Anda sekarang dapat menghapus huruf itu dan tempat dan ukuran ulang yang berikutnya di artboard. Sekali lagi lakukan Save As dan lanjutkan sampai Anda menyimpan semua surat Anda.
Akhirnya, sebelum melanjutkan, simpan artboard kosong sehingga Anda dapat menggunakan ini sebagai karakter ruang. Anda mungkin juga ingin mempertimbangkan menyimpan tanda baca dan versi huruf kecil dari surat Anda, tetapi kami tidak peduli dengan tutorial ini.
Dengan file surat SVG terpisah ini siap, Anda dapat mengambil langkah selanjutnya untuk membuat font Anda dengan mengunggahnya ke fontastic.me. Silakan lihat artikel ini untuk melihat cara menggunakan fontastic.me untuk menyelesaikan font Anda: Buat Font Menggunakan Fontastic.me.
Gunakan Panel Ekspor Aset Baru
Versi Adobe Illustrator saat ini berisi panel baru yang memungkinkan Anda untuk meletakkan semua gambar Anda di satu artboard dan menampilkannya sebagai dokumen SVG individual. begini caranya:
- Memilih Jendela> Ekspor Aset untuk membuka panel Ekspor Aset.
- Pilih satu atau semua huruf Anda dan seret ke panel. Mereka semua akan tampil sebagai barang individu.
- Klik dua kali nama objek di panel dan ganti namanya. Lakukan ini untuk semua item di panel.
- Pilih item untuk diekspor dan pilih SVG dari Format pop down.
- Klik Ekspor.
