Dalam tutorial ini, kami akan menunjukkan kepada anda bagaimana anda boleh membuat fon anda sendiri menggunakan Illustrator dan fontastic.me perkhidmatan web dalam talian.
Untuk mengikuti, anda memerlukan salinan Adobe Illustrator, walaupun jika anda tidak mendapat salinan dan tidak mahu membelinya, anda mungkin berminat dengan tutorial serupa kami yang menggunakan Inkscape. Inkscape adalah alternatif sumber terbuka percuma kepada Illustrator. Mana-mana permohonan lukisan garisan vektor yang anda gunakan, fontastic.me menawarkan perkhidmatannya sepenuhnya secara percuma.
Walaupun kami akan menunjukkan kepada anda bagaimana untuk membuat fon ditarik tangan menggunakan foto huruf yang dilukis di atas kertas, anda juga boleh menggunakan teknik yang serupa untuk menghasilkan fon menggunakan huruf yang telah disediakan terus ke Illustrator. Jika anda menggunakan tablet lukisan, ini mungkin lebih baik kepada anda.
Jika menggunakan foto, pastikan anda menggunakan pen warna gelap untuk melukis huruf anda dan gunakan kertas putih biasa untuk kontras maksimum. Juga, ambil foto anda dengan baik untuk membantu menghasilkan foto yang jelas dan kontras untuk menjadikannya semudah mungkin untuk Illustrator untuk mengesan huruf masing-masing.
Buka Dokumen Kosong
Langkah pertama ialah membuka fail kosong untuk berfungsi.
Pergi ke Fail> Baru dan dalam dialog menubuhkan saiz yang dikehendaki. Kami menggunakan saiz halaman persegi 500px, tetapi anda boleh menetapkan ini seperti yang dikehendaki.
Seterusnya, kami akan mengimport fail foto ke dalam Illustrator.
Import Photo of Your Text Hand Drawn
Jika anda tidak mendapat foto teks yang ditarik tangan untuk berfungsi, anda boleh memuat turun fail yang sama yang kami gunakan untuk tutorial ini.
Untuk mengimport fail, pergi ke Fail> Tempat dan kemudian pergi ke tempat di mana gambar anda ditarik tangan. Klik Tempat butang dan anda akan melihat foto itu muncul dalam dokumen anda.
Sekarang kita dapat mengesan fail ini untuk memberi kita huruf vektor.
Melacak Foto Surat Huruf Tangan
Mengesan huruf sangat mudah.
Hanya pergi ke Objek> Trace Live> Buat dan Buka dan selepas beberapa saat, anda akan melihat bahawa semua huruf telah dilapisi dengan versi vektor baru. Kurang jelas ialah hakikat bahawa mereka akan dikelilingi oleh objek lain yang mewakili latar belakang foto. Kita perlu memadamkan objek latar belakang, jadi pergi ke Objek> Ungroup dan kemudian klik di mana-mana di luar kotak sempadan segi empat tepat untuk membatalkan semua. Sekarang klik dekat, tetapi tidak, salah satu huruf dan anda harus melihat latar belakang segi empat tepat dipilih. Hanya tekan butang Padam kekunci pada keyboard anda untuk mengeluarkannya.
Yang meninggalkan semua huruf individu, bagaimanapun, jika mana-mana surat anda mengandungi lebih daripada satu elemen, anda perlu mengumpulkan kumpulan ini bersama-sama. Semua surat kami mengandungi lebih daripada satu unsur, jadi kami perlu mengelompokkan semuanya. Ini dilakukan dengan mengklik dan mengheret lekuk pemilihan yang merangkumi semua bahagian yang berlainan surat dan kemudian pergi Objek> Kumpulan.
Anda kini akan dibiarkan dengan semua huruf individu anda dan seterusnya, kami akan menggunakannya untuk membuat fail SVG individu yang kami perlukan untuk membuat font pada fontastic.me.
Berkaitan: Anda mungkin juga ingin belajar menggunakan Live Trace dalam Illustrator.
Simpan Surat Individu sebagai Fail SVG
Malangnya, Illustrator tidak membenarkan anda menyimpan banyak papan iklan untuk fail SVG individu, jadi setiap huruf perlu disimpan secara manual sebagai fail SVG yang berasingan.
Pertama, pilih dan seret semua huruf supaya mereka tidak melapisi artboard. Kemudian seret huruf pertama ke artboard dan saiz semula untuk mengisi artboard dengan menyeret salah satu sudut seret mengendalikan. Tahan Shift kunci semasa anda melakukan ini untuk mengekalkan perkadaran yang sama.
Apabila selesai, pergi ke Fail> Simpan Sebagai dan dalam dialog, tukar Format jatuh ke bawah SVG (svg), beri nama fail yang bermakna dan klik Simpan. Anda kini boleh memadamkan huruf dan tempat itu dan saiz semula yang seterusnya pada artboard. Sekali lagi lakukan Simpan sebagai dan teruskan sehingga anda telah menyimpan semua huruf anda.
Akhir sekali, sebelum meneruskan, simpan artboard kosong supaya anda dapat menggunakannya sebagai watak ruang. Anda juga mungkin ingin mempertimbangkan untuk menyimpan tanda baca dan versi huruf kecil huruf anda, tetapi kami tidak peduli untuk tutorial ini.
Dengan fail surat SVG berasingan sedia, anda boleh mengambil langkah seterusnya untuk mencipta fon anda dengan memuat naiknya ke fontastic.me. Sila lihat artikel ini untuk melihat cara menggunakan fontastic.me untuk menyelesaikan fon anda: Buat Font Menggunakan Fontastic.me.
Gunakan Panel Eksport Aset Baru
Versi semasa Adobe Illustrator mengandungi panel baru yang membolehkan anda meletakkan semua lukisan anda pada satu artboard dan mengeluarkannya sebagai dokumen SVG individu. ini caranya:
- Pilih Tetingkap> Eksport Aset untuk membuka panel Eksport Aset.
- Pilih satu atau semua huruf anda dan seretnya ke dalam panel. Mereka semua akan muncul sebagai barang individu.
- Klik dua kali nama objek di panel dan menamakan semula. Lakukan ini untuk semua item dalam panel.
- Pilih item untuk dieksport dan pilih SVG daripada Format pop turun.
- Klik Eksport.
