Buat Font Tangan Ditarik Menggunakan Illustrator dan Fontastic.me

01 06

Buat Font Tangan Ditarik Menggunakan Illustrator dan Fontastic.me

Teks dan gambar © Ian Pullen

Dalam tutorial yang menarik dan menarik ini, saya 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 saya 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.

Selama beberapa halaman berikutnya, saya akan memandu Anda melalui proses pembuatan font pertama Anda.

02 06

Buka Dokumen Kosong

Teks dan gambar © Ian Pullen

Langkah pertama adalah membuka file kosong untuk bekerja.

Buka File> Baru dan di dialog siapkan ukuran sesuai keinginan. Saya menggunakan ukuran halaman persegi 500px, tetapi Anda dapat mengatur ini sesuai keinginan.

Selanjutnya kita akan mengimpor file foto ke Illustrator.

03 06

Impor Foto Anda Teks yang Digambar dengan Tangan

Teks dan gambar © Ian Pullen

Jika Anda tidak memiliki foto teks digambar tangan untuk digunakan, Anda dapat mengunduh file yang sama yang telah saya gunakan untuk tutorial ini.

Untuk mengimpor file, buka File> Place, lalu arahkan ke tempat teks gambar tangan Anda berada. Klik tombol Place dan Anda akan melihat foto itu muncul di dokumen Anda.

Kita sekarang dapat melacak file ini untuk memberi kita huruf vektor.

04 06

Melacak Foto Huruf yang Diambil Tangan

Teks dan gambar © Ian Pullen

Menelusuri huruf-hurufnya sangat lurus ke depan.

Cukup buka Object> Live Trace> Make dan Expand dan setelah beberapa saat, Anda akan melihat bahwa semua huruf telah berakhir 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 pergi ke Object> Ungroup dan kemudian klik di mana saja di luar kotak bounding 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 Hapus di 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 saya mengandung lebih dari satu elemen, jadi saya harus mengelompokkan semuanya. Ini dilakukan dengan mengklik dan menyeret marquee seleksi yang mencakup semua bagian surat yang berbeda dan kemudian pergi ke 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: Menggunakan Live Trace di Illustrator

05 06

Simpan Surat Individu sebagai File SVG

Teks dan gambar © Ian Pullen

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 mereka tidak terlalu meletakkan papan seni. Lalu seret huruf pertama ke artboard dan ukur ulang untuk mengisi artboard dengan menyeret salah satu tuas drag sudut. Tahan tombol Shift sementara Anda melakukan ini untuk mempertahankan proporsi yang sama.

Setelah selesai, buka File> Save As dan di dialog, ubah drop down Format ke SVG (svg), beri nama file yang berarti dan klik Save. Anda sekarang dapat menghapus huruf itu dan tempat dan ukuran ulang yang berikutnya di artboard. Sekali lagi, Simpan dan lanjutkan hingga Anda telah menyimpan semua surat Anda.

Akhirnya, sebelum melanjutkan, simpan artboard kosong sehingga Anda dapat menggunakan ini untuk karakter spasi. Anda mungkin juga ingin mempertimbangkan untuk menyimpan tanda baca dan versi huruf kecil dari surat Anda, tetapi saya 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 bagaimana menggunakan fontastic.me untuk menyelesaikan font Anda: Buat Font Menggunakan Fontastic.me

06 06

Cara Menggunakan Panel Ekspor Aset Baru di Adobe Illustrator CC 2017

Penciptaan SVG dikurangi menjadi alur kerja klik-dan-seret dengan panel Asset Export baru di Adobe Illustrator CC 2017.

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:

  1. Pilih Window> Asset Export untuk membuka panel Asset Export.
  2. Pilih satu atau semua huruf Anda dan seret ke panel. Mereka semua akan tampil sebagai barang individu.
  3. Klik dua kali nama objek di panel dan ganti namanya. Lakukan ini untuk semua item di panel.
  4. Pilih item untuk Ekspor dan pilih SVG dari Format pop down.
  5. Klik Ekspor.