Bagaimana cara membuat font dengan Adobe Illustrator?


51

Saya baru-baru ini membuat font / jenis huruf saya sendiri dengan Adobe Illustrator, dan saya ingin menggunakannya sebagai font nyata (misalnya saya ingin menggunakannya saat saya mengetik sesuatu).

Apakah ini mungkin dalam Adobe Illustrator atau apakah saya memerlukan perangkat lunak yang berbeda?

Jika demikian, program apa yang baik untuk membuat font?

Jawaban:


29

Untuk membuat font, Anda memerlukan program pengeditan font. FontCreator cukup populer dan murah. FontForge adalah editor font sumber terbuka, jika Anda sampai pada dokumentasi yang agak padat. FontLab memiliki utilitas bernama TypeTool , sedikit lebih mahal tetapi memiliki reputasi yang baik.


20

Saya sarankan Anda menggunakan BirdFont dan ikuti langkah-langkah ini untuk mengimpor karya Anda di editor.

Gambarlah segitiga dan persegi panjang. Gunakan mereka sebagai bentuk tes untuk memutuskan apa yang seharusnya x-tinggi Anda.

Gambaran

Bandingkan mesin terbang uji Anda dengan font lain menggunakan tab pratinjau. (Ctrl + p)

Pratinjau

Nyalakan kisi dan pedoman untuk tinggi dan margin x. Buat empat marka persegi panjang di garis bawah, garis dasar, tinggi x dan atas.

Templat mesin terbang

Simpan template mesin terbang Anda sebagai SVG. (Impor Ekspor -> Ekspor mesin terbang sebagai SVG)

Buka template mesin terbang Anda di Illustrator dan nyalakan penggaris (Ctrl + r). Seret ke bawah garis baru dari penggaris ke garis bawah, garis dasar, ketinggian x dan posisi teratas.

Ilustrator

Masukkan mesin terbang Anda ke file template.

Ubah ukuran mesin terbang.

Simpan mesin terbang Anda dengan nama yang berbeda.

Impor file dalam BirdFont. (Impor Ekspor -> Impor SVG)

Selesai

Dengan versi BirdFont dan Illustrator yang lebih baru, Anda juga dapat menyalin dan menempelkan mesin terbang di antara kedua program. Anda masih perlu memutuskan apa yang seharusnya x-tinggi Anda tetapi Anda mungkin menghemat beberapa detik jika Anda melewatkan langkah di mana Anda menyimpan mesin terbang sebagai file SVG yang terpisah.


10

Anda memerlukan program yang dapat membuat file font aktual dari ilustrasi vektor Anda.

Di 'masa lalu' alat utama untuk itu adalah Macromedia Fontographer, yang sekarang dimiliki oleh Fontlab

Fontlab juga membuat FontLab Studio dan beberapa Font lainnya membuat dan merancang program yang banyak digunakan oleh industri desain tipe.

Alternatif untuk penawaran mereka adalah Glyphs untuk OSX atau FontForge open source

MEMPERBARUI:

Saya belum mencobanya, tetapi editor font open source baru muncul bernama Bird Font:

http://birdfont.org/


7

Ini adalah metode tercepat, paling sederhana, dan GRATIS yang saya temukan sejauh ini untuk membuat font dari awal. Meskipun, jika mesin terbang sudah dibuat, Fontforge dapat mengimpor file svg.

  1. Cetak templat dari MyScriptFont (atau cukup simpan dan impor pdf ke Gimp atau Photoshop, dan tulis / tempelkan mesin terbang Anda ke dalam kotaknya masing-masing). Template harus dalam TIFF atau PNG dan minimal 300dpi. JPG memampatkan gambar secara default, yang buruk untuk kualitas gambar.
  2. Unggah templat dan simpan file font yang diberikan MyScriptFont kepada Anda.
  3. Untuk membuatnya sempurna, Anda harus mengeditnya. Dua program pengeditan font gratis adalah: Type light dan Fontforge, walaupun Type light memiliki antarmuka yang jauh lebih sederhana untuk pengeditan dasar, dan berjalan secara native di windows.
  4. Saya telah menemukan bahwa MyScriptFont menetapkan ketinggian x terlalu besar, dan kedalaman descender terlalu kecil.
    • Anda dapat memperbaikinya di Type light dengan membuka Font> Metrics (in Type light).
    • Juga, jika font Anda terlalu kecil (yaitu ukuran 12 tidak dapat dibaca), Anda dapat mengubah "Ukuran Unit EM" menjadi lebih kecil. Saya menggunakan 650.

6

Saat ini cara termudah untuk membuat font aktual di Illustrator (atau Photoshop) adalah dengan menginstal langsung di Illustrator (atau PS) ekstensi yang didedikasikan untuk itu: Pembuat Fontself .

Bagaimana itu bekerja

Pro:

  • sangat mudah digunakan,
  • segala bentuk atau huruf dapat diubah menjadi font
  • jalankan di dalam Illustrator (dan Photoshop) => tidak ada perangkat lunak tambahan untuk digunakan

Kekurangan:

  • berjalan hanya pada CC 2015 dan 2017 (bukan CC2014 atau CS6)
  • tidak gratis ($ 49)

Tuto selangkah demi selangkah di sini untuk ' Buat font tulisan tangan Anda sendiri dalam hitungan menit '.


4

Ada prosedur yang sangat hati-hati untuk membawa pekerjaan Illustrator Anda ke FontLab, jika Anda memutuskan untuk memilih rute itu. Saya sudah mencatatnya sebelumnya , tapi kurasa tidak ada salahnya mengulangi.

Ditarik langsung dari FontLab (mereka tidak repot-repot membuat mereka dapat dibaca).

Dalam Illustrator:

  • Edit> Preferensi> Unit & Undo atau Kinerja Unit & Tampilan: Ubah semua unit menjadi poin (1 poin sama dengan 1 unit di TypeTool).
  • Preferensi> File & Papan Klip: Nonaktifkan PDF, aktifkan AICB dan pilih Preserve Paths.
  • Preferensi> Panduan & Kisi: Kisi-kisi setiap 10 pt dan Subdivisi 10.
  • Tetapkan lebar dokumen dalam poin menjadi dua kali lipat dari ukuran UPM font Anda (mis. 2000 pt untuk font 1000 UPM).
  • Atur ketinggian dokumen agar sama dengan ukuran UPM - Descender (mis. 1000 - (-263) = 1263 pt).
  • Pilih Window> Info, View> Show Rulers, View> Snap to Grid.
  • Nonaktifkan Tampilan> Panduan> Panduan Kunci.
  • Secara opsional pilih View> Show Grid.
  • Posisikan pemandu pada ketinggian yang memiliki nilai (positif) yang sama dengan penurunan (negatif) font Anda (mis. 263 dalam contoh kami).
  • Posisikan panduan dan posisikan pada 0.
  • Posisikan titik asal ke tempat dua garis silang disilangkan.
  • Seret pedoman ke posisi ascender Anda, tinggi x, dan tinggi topi.

4

Salah satu alat pembuatan font yang saya temukan banyak Type Designer baru-baru ini beralih ke RoboFont (yang dibuat oleh Type Designer). Anda mungkin ingin melihatnya juga.

Ini menawarkan tutorial untuk membantu Anda memulai bersama dengan beberapa ekstensi untuk program ini.

Catatan: Hanya Mac

Sunting: Saya lupa menambahkan video ini yang menampilkan beberapa fitur - http://vimeo.com/34351633


2

Saya menemukan bahwa tutorial Philippa Berry Smith di YouTube sangat bagus, seperti ini:

http://www.youtube.com/watch?v=bSi1OgvuCPk

Dia menunjukkan kepada Anda cara menggambar font di ilustrator.

Dan kemudian, ini sangat bagus untuk memastikan font-font tersebut memiliki ukuran yang tepat di ilustrator, lalu bagaimana mengekspornya ke FontLab:

http://www.youtube.com/watch?v=yI-7e4nRNus

Ditambah lagi dia memiliki aksen Kiwi, yang menyenangkan.


Tidak masalah. Juga, saya baru-baru ini mulai menggunakan aplikasi Glyphs Mini, yang sebenarnya mirip dengan menggunakan alat busur / pena di Illustrator, tetapi lebih baik dalam bagaimana Anda dapat bekerja pada seluruh font yang diatur pada suatu waktu dan menyesuaikan properti kerning pada terbang.
Chris Livdahl

2

Melihat posting ini seperti daftar perangkat lunak pembuatan font, saya ingin menambahkan yang lain untuk dipertimbangkan semua orang. Saya baru-baru ini menemukannya di Kickstarter , dan sementara saya belum mencobanya, itu terlihat cukup menjanjikan.

Itu disebut Prototypo . Ini adalah alternatif baru, dan crowdfunded!

Pasti layak dipertimbangkan di masa depan, meskipun saat ini sedang dalam versi beta pribadi. Anda dapat berlangganan buletin mereka untuk mencoba dan memenangkan akses ke beta, saya tahu saya akan melakukannya.


1

Saya mencoba melakukan hal yang sama.

Saya mendapat fontographer dan FontLab Studio dari FontLab. Saya pikir ada demo gratis.

Alat pena kurang dari rad dalam program ini. Untuk tujuan saya, saya perlu membuat lapisan karena saya akan menumpuknya dengan CSS untuk membuat logo.

Jadi saya membuat karakter di Illustrato. KEMUDIAN -

Saya melalui turorial ini.

dan saya menyaksikan tutorial ini.

Aku masih tersesat. Karakter saya tidak muncul di garis dasar dengan benar.

Tapi saya pikir ini harus membuat Anda pergi ke arah yang benar.

Semoga berhasil!

Dengan menggunakan situs kami, Anda mengakui telah membaca dan memahami Kebijakan Cookie dan Kebijakan Privasi kami.
Licensed under cc by-sa 3.0 with attribution required.