Buat Font Fajar Tangan Menggunakan Illustrator dan Fontastic.me

01 dari 06

Buat Font Fajar Tangan Menggunakan Illustrator dan Fontastic.me

Teks dan imej © Ian Pullen

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

Semasa saya akan menunjukkan kepada anda bagaimana untuk mencipta tulisan tangan menggunakan gambar huruf yang dilukis di atas kertas, anda juga boleh menggunakan teknik yang serupa untuk menghasilkan huruf menggunakan huruf yang telah ditarik terus ke Illustrator. Jika anda menggunakan tablet lukisan , ini mungkin lebih baik kepada anda.

Jika menggunakan foto, pastikan anda menggunakan pen warna warna gelap untuk melukis huruf anda dan gunakan kertas putih kosong 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.

Sepanjang beberapa halaman seterusnya, saya akan memandu anda melalui proses membuat font pertama anda.

02 dari 06

Buka Dokumen Kosong

Teks dan imej © Ian Pullen

Langkah pertama ialah membuka fail kosong untuk berfungsi.

Pergi ke Fail> Baru dan dalam dialog menetapkan saiz yang dikehendaki. Saya menggunakan saiz halaman persegi 500px, tetapi anda boleh menetapkan ini seperti yang dikehendaki.

Selanjutnya, kami akan mengimport fail foto ke dalam Illustrator.

03 dari 06

Import Photo of Your Text Hand Drawn

Teks dan imej © Ian Pullen

Jika anda tidak mendapat foto teks yang ditarik tangan untuk berfungsi, anda boleh memuat turun fail yang sama yang saya gunakan untuk tutorial ini.

Untuk mengimport fail itu, pergi ke File> Place dan kemudian pergi ke tempat foto anda ditarik teks. Klik butang Tempat dan anda akan melihat foto itu muncul dalam dokumen anda.

Sekarang kita dapat mengesan fail ini untuk memberi kita huruf vektor.

04 dari 06

Melacak Foto Surat Huruf Tangan

Teks dan imej © Ian Pullen

Menelusuri huruf sangat lurus ke depan.

Cuma pergi ke Objek> Trace Live> Buat dan Kembangkan dan selepas beberapa saat, anda akan melihat bahawa semua huruf telah dibentangkan dengan versi vektor baru. Kurang jelas ialah hakikat bahawa mereka akan dikelilingi oleh objek lain yang mewakili latar belakang foto. Kita perlu memadam objek latar belakang, jadi pergi ke Objek> Ungroup dan kemudian klik di mana-mana di luar kotak sempadan segi empat tepat untuk membatalkan semua perkara. Sekarang klik dekat, tetapi tidak, salah satu huruf dan anda harus melihat latar belakang segi empat tepat dipilih. Hanya tekan kekunci Padam pada papan kekunci 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 huruf saya mengandungi lebih daripada satu unsur, jadi saya perlu mengelompokkan semuanya. Ini dilakukan dengan mengklik dan menyeret lekapan pemilihan yang merangkumi semua bahagian surat yang berlainan dan kemudian menuju Object> Group.

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.

Terkait: Menggunakan Trace Live dalam Illustrator

05 dari 06

Simpan Surat Individu sebagai Fail SVG

Teks dan imej © Ian Pullen

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 melampaui papan seni. Kemudian seret huruf pertama ke artboard dan saiz semula untuk mengisi artboard dengan menyeret salah satu sudut seret mengendalikan. Tahan kekunci Shift semasa anda melakukan ini untuk mengekalkan perkadaran yang sama.

Apabila selesai, pergi ke Fail> Simpan As dan dalam dialog, tukar drop turun Format ke SVG (svg), berikan fail nama yang bermakna dan klik Simpan. Anda kini boleh memadamkan huruf dan tempat itu dan saiz semula yang seterusnya pada artboard. Sekali lagi lakukan Simpan As dan teruskan sehingga anda telah menyimpan semua huruf anda.

Akhirnya, sebelum meneruskan, simpan papan artan kosong supaya anda boleh menggunakannya untuk watak ruang. Anda juga mungkin ingin mempertimbangkan untuk menyimpan tanda baca dan versi huruf kecil huruf anda, tetapi saya 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. Silakan lihat artikel ini untuk melihat cara menggunakan fontastic.me untuk menyelesaikan fon anda: Buat Font Menggunakan Fontastic.me

06 dari 06

Bagaimana Menggunakan Panel Eksport Aset Baru di Adobe Illustrator CC 2017

Penciptaan SVG dikurangkan kepada aliran kerja klik dan drag dengan panel Eksport Aset baru dalam Adobe Illustrator CC 2017.

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:

  1. Pilih Tetingkap> Eksport Aset t o buka panel Eksport Aset.
  2. Pilih satu atau semua huruf anda dan seretnya ke dalam panel. Mereka semua akan muncul sebagai barang individu.
  3. Klik dua kali nama objek di panel dan gantikan semula. Lakukan ini untuk semua item dalam panel.
  4. Pilih item untuk Eksport dan pilih SVG dari Format turun ke bawah.
  5. Klik Eksport.