Advertisement
  1. Design & Illustration
  2. Font Design
Design

Cara Membuat Font di Adobe Illustrator

by
Difficulty:IntermediateLength:MediumLanguages:

Malay (Melayu) translation by Neurion (you can also view the original English article)

Final product image
What You'll Be Creating

Jika anda seorang pereka atau ilustrator yang lebih selesa mencipta glyph dalam Adobe Illustrator, tutorial ini adalah tepat di lorong anda! Kami akan merancang surat surat kami, mencari jalan untuk memperbaiki reka bentuk font, dan menyediakan fail untuk digunakan dalam program pembuatan font, semuanya dari keselesaan Adobe Illustrator.

Tutorial ini dengan mudah akan menyediakan anda untuk membuat fon mudah dan menyeronokkan yang boleh dijual sebagai aset digital di Pasar Envato. Semak kategori font pasaran untuk inspirasi untuk reka bentuk peribadi anda.

Ini adalah sebahagian daripada dua tutorial untuk membuat fon mudah dan menyeronokkan dalam Adobe Illustrator. Dalam tutorial seterusnya, kami akan membuat font tersuai dengan bentuk huruf vektor kami.

1. Lakarkan Surat Anda

Langkah 1

Sama ada anda melukis huruf dalam program seni digital seperti Adobe Photoshop, Alat Cat SAI, Krita, atau sesuatu yang lain, atau melukis surat anda di atas kertas, saya suka memulakan dengan abjad dengan cepat ditarik dalam apa jua gaya saya mahu fon saya untuk mempunyai. Perhatikan perbezaan dalam w yang dilihat di bawah. Pertimbangkan bagaimana surat anda berkaitan dengan satu sama lain.

Sketch out your letters

Langkah 2

Pilihan untuk mengekalkan huruf yang dibuat daripada kekacauan adalah menggunakan garis grid dalam program lukisan seperti Adobe Photoshop Anda boleh membuat Layout Grid jika anda mahu, atau letakkan garis grid secara manual. Ini membolehkan anda menjejaki ketinggian dan lebar setiap bentuk huruf dalam tetapan tidak rasmi.

You can use grids in Photoshop to organize letters

Langkah 3

Anda juga boleh mengimbas dalam bentuk huruf tertulis atau ditulis dan menyesuaikan Ambang (Imej> Penyesuaian> Ambang) supaya imej anda adalah imej yang bersih, hitam dan putih, sedia untuk diimport ke Adobe Illustrator. Ini adalah sepenuhnya pilihan, kerana anda juga boleh melukis font percuma anda di Adobe Illustrator sendiri atau mengimport imej anda tanpa menyesuaikannya dalam Adobe Photoshop.

Scan in a drawing or sketch of your letter forms

2. Prepare Your Letters and Illustrator Document

Langkah 1

Sebelum kami melancarkan versi vektor dari format surat kami, saya ingin menyediakan fail imej yang diimport saya. Saya menggunakan huruf yang saya ambil dalam Adobe Photoshop. Buka jpeg dalam Adobe Illustrator. Dalam panel Trace Image, pertimbangkan tetapan berikut (anda mungkin berbeza):

  • Preset: Custom
  • Lihat: Keputusan Menelusuri
  • Mod: Hitam dan Putih
  • Ambang: 168

Hit Trace (ini berlaku secara automatik jika anda didayakan Preview) dan lukisan anda serta-merta akan dikesan sebagai imej vektor.

Image Trace your letter form image

Langkah 2

Pilih imej anda yang baru ditelusuri dan pergi ke Objek> Buka. Ini akan mengembangkan imej yang dilacak ke objek vektor. Ungroup objek dan gunakan Magic Wand Tool (W) untuk memilih objek berwarna putih. Padamkan ini supaya anda hanya tinggal dengan bentuk huruf hitam.

Expand your traced image and delete the white filled objects

Langkah 3

Buat Dokumen Baru. Tambang adalah ukuran untuk menebak saya yang terbaik untuk seberapa besar saya mahu yang terbesar bentuk surat saya menjadi: 0.55 dalam oleh 1.26 in. Anda boleh memilih saiz fail yang tepat untuk keperluan anda, sudah tentu.

Create a new document sized to your letterforms

3. Mengatur Borang Surat Anda

Langkah 1

Dalam Dokumen Baru anda, import atau Paste(Control-V) kumpulan huruf anda. Ungroup mereka supaya anda mempunyai kawalan penuh ke atas setiap objek. Saya menambah garis Grid ke atas Artboard saya untuk membantu menentukan had setiap bahagian dalam set surat saya. Garis-garis akan menentukan titik huruf besar dan huruf besar dan terendah.

Letakkan objek huruf pertama anda pada Artboard anda. Anda akan memastikan bahawa jika ia tidak mempunyai sebarang descender (seperti huruf p, g, j, dan y), anda perlu meletakkannya pada garis dasar yang ditunjukkan oleh gridline anda.

Skala dan laraskan bentuk surat anda dalam gridlines dan Artboard yang anda lihat patut.

Place each letter on your Artboard

Langkah 2

Beberapa huruf adalah serupa dengan saiz, bentuk dan reka bentuk keseluruhan. Saya cenderung menggunakan huruf b sebagai d's, p, dan q juga. Juga perhatikan bagaimana huruf anda berbanding dari huruf kecil hingga huruf besar. Saya akan menyusun semula semua perkara di bahagian seterusnya tutorial ini, jadi bagaimana bentuk surat anda berkaitan dengan satu sama lain akan terserah kepada anda. Buat nota mengenai perubahan yang ingin anda buat pada ketika ini, sebelum kami memperbaiki huruf.

organize and prepare each letter

Langkah 3

Setiap jenis glyph (huruf kecil, huruf besar, tanda baca, dan nombor) diletakkan pada Artboard dan kemudiannya dianjurkan ke dalam lapisan yang sama kategorinya dalam panel Lapisan. Semasa saya menyempurnakan setiap huruf, objek baru akan dimasukkan ke dalam lapisan yang sepadan.

Mewujudkan fon boleh menjadi projek besar, jadi semakin teratur anda, semakin mudahnya.

Organize objects into corresponding layers

Langkah 4

Saiz dan penempatan tanda baca dan aksara khas terpulang kepada anda. Bilangan mungkin akan berada di sekitar saiz huruf besar anda, tetapi tanda baca perlu disesuaikan dengan huruf kecil dan huruf besar. Perhatikan anak panah di bawah. Saya telah meletakkan asterisk saya di titik tertinggi borang fon saya, sementara buat masa ini tanda plus saya duduk dekat dengan titik tengah.

Bereksperimen dengan huruf dan objek glyph anda akan memaklumkan anda tentang tanda baca yang paling diingini. Bermain-main dengan objek anda sehingga anda mencari susunan yang anda suka!

Consider punctuation placement

4. Memperbaiki Borang Surat Anda

Langkah 1

Mari bermula dengan empat cara yang berbeza untuk memperbaiki bentuk surat anda.

  1. Mula-mula kita tidak berbuat apa-apa. Inilah yang akan kelihatan seperti saya jika saya meninggalkan imej yang dilalui sebagai bentuk surat saya. Ia berombak tetapi mempunyai daya tarikan anehnya sendiri.
  2. Bentuk surat seterusnya adalah apa yang berlaku selepas saya menggunakan Alat Bentuk. Ia dibersihkan dan licin, tetapi tidak begitu licin seperti bentuk huruf lain di bawah.
  3. Ini yang ketiga telah dikesan dengan Alat Pensil (N). Tetapkan Kesetiaan anda kepada Smooth dan gariskan bentuk surat anda seperti yang anda lihat patut!
  4. Akhirnya, ini adalah hasil daripada Blob Brush Tool (Shift-B). Anda juga boleh mendapatkan kesan yang sama dengan Alat Berus (B). Kedua-duanya membolehkan kerja barisan tekanan yang dibolehkan.

Jika anda memilih untuk Blob Brush Tool, anda akan membuat objek sebagai setiap bentuk huruf. Jika anda memilih untuk Alat Berus, anda akan mencipta laluan yang boleh anda ubah dengan pelbagai berus. Saya akan menggunakan berus khas, dibuat seterusnya, dan Alat Berus.

Various letterform refinement techniques

Langkah 2

Berus adat saya adalah Berus Kaligrafi dengan pilihan berikut:

  • Sudut: 40 °
  • Bulat: 51%
  • Saiz: 6 pt, Variasi Tekanan: 6 pt

Sila ambil perhatian bahawa saya menggunakan tablet grafik sensitif tekanan. Alat Pen (P) mungkin pilihan yang lebih baik jika anda menggunakan tetikus atau sesuatu selain daripada pena untuk lukisan.

Create a custom calligraphic brush

Langkah 3

Masa untuk menyusun semula dan menyempurnakan bentuk surat anda! Di atas lapisan di atas kategori huruf anda (ini huruf kecil), tetapkan setiap huruf sebagai kelihatan, satu demi satu, dan lukiskannya. Berus adat saya terus melihat huruf saya seolah-olah mereka telah ditarik dengan penanda pahat. Gunakan seperti watak untuk mempengaruhi rupa orang lain. Semua empat aksara di bawah telah diambil dari b yang saya menarik.

Letakkan setiap huruf di atas seterusnya, menyembunyikan orang yang tidak berfungsi pada masa ini dalam panel Lapisan.

Langkah 4

Bagi sesetengah surat, saya telah mengubah reka bentuk keseluruhan mereka selepas bekerja melalui abjad. Saya juga memastikan bahawa descender memukul baris yang sama, di bawah garis dasar, dan huruf kecil yang tidak l, h, t, atau k tidak melepasi garisan teratas huruf kecil yang lain.

Seperti biasa, semuanya terserah kepada anda sama ada atau tidak format surat anda mengikuti peraturan ini. Bersenang-senang dengan ciptaan anda, dan gunakan alat lukisan yang paling anda sukai di dalam Adobe Illustrator!

Some letterforms change when you refine them

Langkah 5

Periksalah aksara khas dan tanda baca juga. Tanda pon saya (atau hashtag) agak terlalu besar dan lanky untuk gaya seluruh watak saya. Oleh itu, saya membalikkannya dengan Alat Berus sehingga ia lebih kecil dan keseluruhan keseluruhan.

refine special characters and punctuation too

5. Sediakan Karakter Anda untuk Font

Langkah 1

Mari kita mulakan dengan versi akhir semua 89 aksara saya untuk fon ini. Pada ketika ini saya telah melakukan perkara berikut:

  • Memastikan setiap huruf sesuai dengan ruang yang sama dan menggunakan gridlines yang sama untuk rujukan.
  • Ditapis setiap watak tunggal yang saya mahu menjadi sebahagian daripada jenis huruf akhir.
  • Dianjurkan semua aksara saya ke dalam lapisan mudah diakses dalam panel Lapisan.
Complete all 89 of your glyphs for your fontface

Langkah 2

Jika anda akan mengeksport kandungan ke program lain, anda perlu menyimpan setiap dan setiap glyph sebagai fail SVG sendiri. Saya telah menyimpan tetapan lalai untuk menyimpan fail SVG dan hanya memastikan bahawa terdapat 89 fail yang dianjurkan oleh nama aksara dalam folder sebaik sahaja saya selesai.

Save each character as an svg file

Langkah 3

Untuk setiap fail SVG, saya juga melakukan perkara berikut untuk memastikan saiz fail saya sekecil mungkin:

  • Semua jalur berus saya telah Diperluas ke Objek.
  • Objek dan lapisan yang tidak kelihatan (apa-apa tetapi watak semasa) telah dipadamkan dari setiap fail SVG.
  • Laluan objek telah Bersatu di panel Pathfinder, Dibuat menjadi Bentuk Kompaun, dan kemudian Diperluas sebagai jalan mereka sendiri atau laluan kompaun.

Langkah-langkah ini, walaupun sedikit membosankan, mengambil saiz fail saya dari 800kb hingga 1kb atau kurang. Dari sini, fail-fail anda sudah sedia untuk diimport ke dalam pilihan program pembuatan font anda.

Reduce the file size of your documents by making compound objects and deleting unnecessary layers

Pekerjaan Besar, Anda Selesai!

Sekarang anda telah mencipta semua 89, atau lebih, watak-watak typeface anda, anda sudah bersedia untuk melompat ke bahagian dua tutorial ini: penciptaan fon! Kami akan meneroka pilihan untuk penciptaan fon dalam aplikasi dengan skrip yang dibeli, mengeksport watak yang ditetapkan ke dalam aplikasi seperti Font Forge, dan banyak lagi! Kongsi penciptaan watak fon anda di bawah, dan sertai saya di bahagian kedua tutorial ini.

Our final character set
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.