Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Font Design
Design

Dasar-dasar Jenis Gambar & Membuat Font Tulisan Tangan Anda Sendiri

by
Difficulty:BeginnerLength:LongLanguages:

Indonesian (Bahasa Indonesia) translation by Anthoni Hermanto (you can also view the original English article)

Final product image
What You'll Be Creating

Pernah ingin memberikan tata letak digital Anda dan mendesain sentuhan yang benar-benar pribadi? Dalam tutorial ini, kita akan melihat bagaimana Anda dapat membuat font dari tulisan tangan Anda sendiri, untuk digunakan di komputer Anda.

Tutorial akan dibagi menjadi tiga bagian. Pertama, kita akan melihat dasar-dasar menggambar tipografi. Kemudian, setelah kami melakukan pemanasan, kita akan melihat bagaimana Anda dapat mengoptimalkan tulisan tangan Anda untuk memastikan kualitas dan keserbagunaan yang tinggi. Dan terakhir, kita akan menganalisa beberapa metode berbeda untuk memasukkan font Anda ke komputer dan mengonversi huruf yang digambar tangan menjadi font digital.

1. Berlatih Menggambar Type

Apa yang Anda perlukan untuk bagian pertama dari tutorial ini:

  • kertas gambar (putih)
  • pensil HB atau 1H yang tajam
  • penggaris dengan ukuran milimeter

Anda mungkin menulis catatan atau daftar tertulis setiap hari, tetapi Anda jarang sadar akan tulisan tangan Anda. Ketika Anda tiba-tiba menjadi sangat sadar akan tulisan tangan Anda sendiri, itu bisa mulai terlihat tidak alami.

Anda harus terlebih dahulu masuk ke mode penulisan yang lebih alami. Saya menemukan cara terbaik untuk melakukan ini adalah dengan berlatih menggambar tipografi. Ini juga sangat berguna karena membuat Anda lebih sadar akan karakteristik kunci dari jenis huruf, dan membuat Anda lebih mampu mengenali fitur umum (konsistensi) antara karakter yang berbeda dalam suatu tipografi. Ini akan terbukti berguna ketika kita mulai memperbaiki karakter tulisan tangan kita sendiri, dan mengoptimalkannya untuk digitasi.

Langkah 1

Letakkan penggaris datar Anda di sepanjang halaman, pada sudut horizontal, lurus seperti yang Anda bisa membuatnya. Ambil pensil runcing Anda dan tekan agak keras, tarik garis di atas tepi atas penggaris.

Jika penggaris Anda adalah penggaris berukuran lebar 30 mm, Anda dapat menjaga penggaris tetap di tempatnya, dan menggambar garis kedua di sepanjang tepi bawah penggaris. Ini memiliki manfaat untuk memastikan kedua garis itu sejajar sempurna. Jika tidak, cukup buat dua garis horizontal, terpisah 30 mm. Garis bawah mewakili Baseline, dan garis paling atas adalah Cap Height.

Tandai 10 mm ketiga teratas dari total tinggi di antara garis dan gambarkan garis horizontal ketiga dengan penggaris dan pensil Anda, tekan lebih ringan untuk membuat garis yang sedikit lebih redup. Baris ini mewakili x-height. Menyalin pada istilah tipografi Anda, seperti x-tinggi dan garis dasar, dalam artikel saya di A sampai Z Tipografi.

drawing baseline

Langkah 2

Anda dapat mengulangi urutan garis, menggunakan pengukuran yang sama dari Langkah 1, untuk membuat halaman yang diisi dengan garis. Ini adalah kotak tulisan Anda sendiri, di mana Anda dapat berlatih menggambar tipografi.

sequence of lines

Langkah 3

Buka program perangkat lunak tempat Anda dapat mengedit teks dengan mudah, seperti Adobe InDesign, atau bahkan Microsoft Word atau Pages.

Pilih jenis huruf Serif klasik, seperti Adobe Caslon Pro, yang ditampilkan di sini, atau Garamond. Untuk berlatih menggambar jenis huruf, sebaiknya pilih serif untuk menggambar pada awalnya, karena jenis huruf sans serif memiliki fitur yang lebih halus, dan bisa lebih sulit untuk menggambar secara akurat jika Anda seorang pemula.

Ketik karakter berikut: ‘H n o y’, dengan spasi di antara masing-masing. Ini adalah karakter yang baik untuk dipilih, karena mereka menampilkan berbagai fitur yang berbeda: dua batang vertikal dan palang pada 'H', bukaan dan serif pada 'n', penghitung tertutup sepenuhnya pada 'o', dan sweeping descender dan lengan diagonal pada huruf kecil 'y'.

caslon pro sample

Jika Anda bekerja pada InDesign, Anda juga dapat mengaktifkan grid baseline (View > Grids & Guides > Show Baseline Grid) untuk lebih mudah melihat bagaimana proporsi karakter berbaris satu sama lain.

view baseline

Meledakkan karakter dalam skala besar di layar Anda, atau memperbesar. Sekarang Anda dapat mulai menggambar karakter. Bergantian antara menggunakan penggaris Anda dan menggambar guratan dengan tangan. Jangan khawatir jika upaya Anda terlihat sedikit berantakan — tujuan latihan ini adalah agar Anda merasa nyaman dengan jenis gambar, dan untuk mengamati karakteristik tipografi dan persamaan (atau perbedaan) di antara setiap karakter.

drawing caslon

Anda akan melihat bahwa tipografi serif didasarkan pada prinsip simetri dan ketertiban. Perluas sapuan dari tepi karakter dan perhatikan sudut dan proporsi. Batang hampir selalu memiliki lebar yang sama, apa pun karakternya, tetapi Anda mungkin memperhatikan bahwa ukuran serif sedikit lebih besar pada huruf besar 'H'. Perhatikan juga bahwa beberapa bagian dari karakter lebih tipis; jenis stroke ini disebut garis rambut.

Langkah 4

Meskipun kita tidak akan menerapkan semua karakteristik ini ke font tulisan tangan kami, sangat penting untuk mengenali bahwa semua tipografi diatur oleh seperangkat aturan, baik formal, yang lebih umum dengan jenis serif dan sans serifs, atau informal, yang lebih umum dengan tipografi yang digambar tangan, dicat atau ditulis tangan.

Setelah Anda berlatih menggambar tipografi, atau beberapa tipografi jika Anda mau, Anda harus mulai melakukan sedikit penelitian pada jenis huruf tulisan tangan, untuk membantu Anda berpikir tentang bagaimana Anda ingin font tulisan tangan Anda diorganisasikan.

Buka situs sumber daya font seperti FontSquirrel atau DaFont dan lihat di font tulisan tangan yang tersedia di sana. Pilih font yang menurut Anda berbagi kualitas dengan tulisan tangan Anda sendiri dan unduh.

Pilih program perangkat lunak yang akan memungkinkan Anda untuk melihat set lengkap karakter di font. Adobe InDesign adalah pilihan yang bagus, tetapi Anda juga bisa menggunakan Glyphs, yang akan kita lihat lebih dekat nanti.

Pada InDesign, buat bingkai teks dan atur Font ke font yang baru Anda unduh. Di sini, saya telah memilih Wagnasty. Pergi ke Window > Type & Tables > Glyphs untuk membuka panel Glyphs. Anda akan dapat melihat sekumpulan karakter lengkap yang tersedia di jenis huruf.

glyphs panel

Catat jenis karakter yang ada, dan apa yang terutama tidak ada. Misalnya, di Wagnasty, kami mendapat:

  • satu set lengkap huruf besar, A sampai Z
  • tidak ada huruf kecil
  • satu set lengkap angka, 1 hingga 9
  • full-stop (.), koma (,), colon (:), semi-colon (;), tanda seru (!), tanda tanya (?)
  • tanda kutip (‘)
  • kurung bulat (tanda kurung) (), tanda kurung siku [], tanda kurung kurung / kurung kurawal {}, dan chevrons <>
  • beberapa simbol dasar matematika / persamaan (= +%)
  • tanda pagar (#)
  • beberapa simbol mata uang
  • tanda bintang (*)
  • forward slash (/), backslash (\), dash (-), swung dash (~), bar vertikal (|)

Ini adalah set karakter dasar yang memungkinkan Anda menulis banyak hal dalam bahasa Inggris tanpa terlalu banyak masalah.

Anda juga harus memperhatikan jika font memiliki bobot tambahan, mis. tebal atau miring. Lebih sering daripada tidak, font tulisan tangan hanya akan memiliki satu berat badan biasa, karena font perlu terlihat otentik. Menerapkan bobot yang berbeda mungkin terlihat tidak alami.

Kebanyakan font tulisan tangan memiliki karakter dasar yang sama. Seperti Tangan Callie:

Callie Hand font

Atau beberapa mungkin termasuk beberapa lagi, seperti Jurnal, yang mencakup beberapa simbol atau gambar tangan yang digambar dengan unik:

Journal font

2. Menulis Karakter Anda Sendiri

Sekarang setelah Anda berlatih menggambar tipografi, dan melihat rentang tipografi tulisan tangan di luar sana dan karakter yang tersedia dalam setiap set tipografi, Anda dapat mulai berpikir tentang menempatkan jenis huruf pribadi Anda bersama-sama.

Untuk bagian tutorial ini, Anda memerlukan hal-hal berikut:

  • kertas bergaris (notebook tua yang lusuh akan cukup)
  • kertas gambar (putih; dan dengan beberapa tekstur jika Anda ingin memberikan penampilan yang lebih informal dan kasar ke karakter Anda)
  • pensil HB atau 1H yang dipertajam
  • penggaris dengan ukuran milimeter
  • bolpoin tinta hitam (saya suka menggunakan Pilot Hi-TecPoint)
  • penghapus

Langkah 1

Banyak orang akan berkembang seiring waktu dua atau lebih variasi tulisan tangan mereka. Ketika saya menulis teks yang lebih panjang, tulisan tangan saya cenderung bergabung bersama, dan miring sedikit ke kanan, menciptakan jenis huruf kursif italicised.

italic cursive writing

Namun, ada sejumlah masalah dengan mencoba mengubah kursif, atau skrip, tulisan tangan menjadi font digital. Anda harus memastikan bahwa kerning (spasi antar karakter) diatur dengan sangat tepat, sehingga karakter selalu tampil sempurna. Namun, ada sejumlah masalah dengan mencoba mengubah kursif, atau skrip, tulisan tangan menjadi font digital. Anda harus memastikan bahwa kerning (spasi antar karakter) diatur dengan sangat tepat, sehingga karakter selalu tampil sempurna.

Jadi, kecuali Anda mencari sakit kepala, sebaiknya Anda melihat untuk mendigitalkan tulisan tangan yang tidak kursif. Sebaliknya, harus memiliki karakter yang berdiri sendiri yang tidak perlu disempurnakan untuk berkorespondensi secara tepat dengan karakter tetangga yang diberikan.

Untungnya, saya sering menggunakan variasi tulisan tangan yang berbeda, biasanya untuk membuat dokumen atau menulis catatan singkat. Semua diatur dalam huruf besar, dan tidak disatukan. Ini juga memiliki sedikit kemiringan.

block capital writing

Pilih bagian pendek dari sebuah buku, dan salin teks ke kertas bergaris menggunakan gaya tulisan tangan alami Anda. Sambil melakukan yang terbaik untuk menjaga tulisan tetap alami, cobalah untuk memastikan karakter tidak bergabung atau menyentuh terlalu banyak. Tidak masalah jika Anda mencampur huruf besar dan huruf kecil. Tetapi perhatikan, jika Anda ingin melakukan itu, Anda harus akhirnya membuat satu set lengkap karakter huruf besar dan satu set lengkap karakter huruf kecil.

book passage

Anda juga dapat berlatih menulis beberapa simbol, seperti tanda seru atau tanda kurung.

punctuation marks

Anda dapat menggunakan bagian buku ini sebagai referensi yang berguna ketika Anda mulai membuat contoh tulisan tangan akhir Anda. Tidak selalu merasa alami untuk menulis karakter individu, dalam urutan A sampai Z, sehingga Anda dapat melihat ke bagian itu dan melihat bagaimana Anda membuat 'G' atau 'F', misalnya, ketika Anda sedang menulis di cara alami yang mengalir.

Langkah 2

Kembalilah ke kertas gambar Anda. Ambil pensil dan penggaris Anda, dan ikuti Langkah 1 dan 2 Bagian Satu dari tutorial (di atas), buatlah urutan tiga garis, mewakili tinggi tutup, tinggi-x dan garis dasar.

Pada Bagian Satu, kami membuat sekelompok garis yang memiliki tinggi total 30 mm. Namun, jika Anda mencoba menulis secara alami pada skala ini, Anda pasti akan berjuang! Kurangi tinggi total antara Cap Height dan Baseline hingga 6 mm; Tandai bagian atas 2 mm ketiga untuk menunjukkan x-height.

line widths

Anda bahkan mungkin menemukan bahwa ini masih terlalu besar untuk memungkinkan Anda menulis secara alami tanpa melelahkan. Tulis beberapa karakter di atas kertas, untuk melihat ukuran apa yang secara alami Anda tuliskan karakter Anda.

Kurangi tinggi total hingga 4 atau 5 mm jika Anda lebih nyaman menulis dalam skala yang lebih kecil.

Ulangi urutan garis sampai Anda mengisi halaman.

drawing narrow lines

Langkah 3

Ambil pena tinta Anda (tinta hitam akan menciptakan kontras yang baik untuk pemindaian nanti) dan memutar kertas sedikit berlawanan arah jarum jam. Ini untuk menghindari meremas lengan terlalu banyak saat Anda menulis.

Pada kecepatan yang sama yang biasanya Anda tulis, tulis karakter huruf besar dari A sampai Z sekaligus, di sepanjang garis yang sama jika Anda memiliki ruang.

handwriting letter set

Jika Anda membuat kesalahan, coba lagi pada baris berikutnya. Tetapi jangan khawatir tentang kesalahan kecil atau quirks dalam penulisan. Anda ingin tulisan itu terlihat organik dan alami, dan menyempurnakannya terlalu banyak akan menyingkirkannya.

Merujuk kembali ke daftar karakter yang kami catat di Bagian Satu dari tutorial, tuliskan karakter lain dalam gaya alami yang sama, dan pada skala yang sama. Jika Anda ingin, Anda juga dapat menulis satu set huruf kecil, a hingga z, juga.

numbers and punctuation marks

Langkah 4

Biarkan tinta benar-benar kering, kemudian ambil penghapus dan gosok dengan hati-hati garis pensil di sekeliling karakter sehingga Anda akan ditinggalkan dengan satu set karakter bersih yang indah, siap untuk dipindai.

erase pencil lines

3. Memindai dan Mendigitalkan Font Anda

Untuk bagian akhir dari tutorial ini Anda akan membutuhkan:

  • scanner (atau sebagai alternatif tripod dan kamera digital)
  • Adobe Illustrator
  • akses ke program perangkat lunak editor font / konversi, mis. FontLab Studio atau Glyphs (Anda bisa mendapatkan uji coba 30-hari gratis Glyphs, dan versi mini tersedia di aplikasi Mac)

Catatan: Kami akan membawa Anda melalui proses menggunakan Glyphs dalam tutorial ini, tetapi ada banyak program pengeditan jenis hebat di luar sana. Saya pribadi menemukan Glyphs sangat user-friendly, tetapi banyak typographers juga akan mengajukan kasus yang kuat untuk FontLab dan RoboFont.

Langkah 1

Mengatur pemindai ke dpi tinggi (saya memindai pada 1600 dpi), memindai sampel tulisan tangan Anda.

Simpan file sebagai TIFF atau JPEG. Kemudian buka Adobe Illustrator dan buat New Document.

Buka File > Place dan pilih gambar pindaian Anda. Dengan gambar yang dipilih, buka panel Image Trace (Window > Image Trace). Dengan kotak Preview diperiksa, tetapkan Mode ke Black and White, dan sesuaikan level Threshold, Path, dan Corners sampai Anda puas dengan keakuratan penelusuran. Klik Trace.

image trace window

Kemudian, dengan gambar yang masih dipilih, pergi ke Object > Image Trace > Expand. Sebagai langkah terakhir, Control-Click (Mac OS) atau Right-Click (Windows) > Ungroup.

Pilih Rectangle Tool (M) dan drag untuk membuat persegi panjang yang membentang di seluruh artboard. Atur Fill ke warna terang yang kontras. Pilih Rectangle Tool (M) dan drag untuk membuat persegi panjang yang membentang di seluruh artboard. Atur Fill ke warna terang yang kontras.

Sekarang Anda dapat melihat dengan lebih mudah di mana ada warna putih pada gambar. Pilih area putih di sekitar luar dan hapus. Pilih area putih yang lebih kecil di dalam mangkuk dan penghitung karakter, dan hapus.

deleting white from vector

Anda telah berhasil membuat vektor tulisan tangan Anda, kerja yang luar biasa!

Langkah 2

Sekarang buka perangkat lunak pengedit font Anda. Di sini, saya akan membawa Anda melalui proses digitalisasi font tulisan tangan Anda menggunakan Glyphs.

Buka File > New untuk membuat font Glyphs baru. Di sebelah kiri jendela Glyphs yang terbuka, Anda akan melihat menu opsi, daftar grup karakter yang dapat Anda tambahkan ke font.

Klik Letter untuk melihat set lengkap opsi menu. Untuk memasukkan huruf besar, pilih Uppercase. Set lengkap karakter huruf besar, dari A sampai Z, muncul di jendela.

Klik dua kali karakter untuk mengeditnya secara langsung.

Glyphs new window

Kembali ke Illustrator dan pilih karakter vektor yang relevan. Pergi ke Edit > Copy.

vector of character

Kembali ke Glyphs, dan pergi ke Edit > Paste. Mesin terbang akan menempatkan vektor di jendela, siap untuk Anda skala dan sesuaikan. Nilai-nilai numerik di bagian bawah layar dapat diedit, memungkinkan Anda untuk menyesuaikan ruang ke kiri dan kanan karakter, mempengaruhi kerning.

editing character in Glyphs

Di sebelah kiri jendela Anda dapat melihat simbol ‘-’ dan ‘+’, yang memungkinkan Anda mengukur karakter. Anda juga dapat menyesuaikan skala secara manual, menggunakan alat Scale (S) yang dapat diakses di panel alat yang berjalan di sepanjang bagian atas jendela.

increasing scale

Anda harus menggunakan panduan di layar sebagai panduan, duduk di bagian bawah karakter di Baseline, dan bagian atas karakter (jika huruf besar) memenuhi garis Cap Height.

Langkah 3

Anda dapat membalik kembali untuk melihat set karakter lengkap dengan mengklik tab Font di bagian atas jendela.

Ulangi proses di atas, klik dua karakter di Glyphs untuk membukanya, dan jentikkan bolak-balik antara Illustrator dan Glyphs, salin dan tempel karakter.

completing the set of characters
character set

Anda juga dapat mulai menambahkan jenis karakter lain, menggunakan menu sebelah kiri di jendela Glyphs. Anda harus menambahkan Numbers dan Punctuation secara manual, memilihnya dari menu munculan dan memilih Generate.

adding numbers
adding punctuation
exclamation mark

Langkah 4

Setelah menambahkan semua karakter untuk font Anda, Anda dapat memberinya nama.

Buka File > Font Info untuk membuka jendela baru.

Font Info

Beri nama yang sesuai dengan font, dan Anda juga dapat menambahkan detail tambahan, seperti nama Anda, situs web Anda, dan informasi Hak Cipta Anda. Setelah selesai, cukup tutup jendela.

Font name

Langkah 5

Setelah Anda mengedit karakter di font Anda, Anda dapat mengekspornya sebagai font digital.

Pergi ke File > Export.

Export to digital font

Simpan opsi default sebagaimana adanya, untuk membuat Font OpenType, lalu klik Next. Simpan font di folder yang mudah dicari.

OpenType Font

Anda dapat keluar dari Glyphs dan menavigasi ke folder pilihan Anda, untuk melihat file font.

otf font in folder

Anda kemudian dapat menginstal ini di komputer Anda, seperti yang Anda lakukan setiap font .otf standar.

installing with Font Book

Kesimpulan

Font tulisan tangan Anda sekarang lengkap, dan siap digunakan sebagai font digital di dokumen Anda sendiri. Gunakan untuk menambahkan sentuhan pribadi pada catatan atau anotasi, atau gabungkan ke dalam tata letak desain untuk membuat karya seni Anda benar-benar unik!

typing your characters

Mari kita rekap pelajaran apa yang telah kami bahas dalam tutorial ini. Kami melihat:

  • cara mempraktekkan jenis gambar, dan mengenali elemen dan aturan umum pada seluruh tipografi
  • bagaimana menerapkan pelajaran menggambar itu ke tulisan tangan Anda sendiri, mengoptimalkannya untuk digitalisasi
  • cara memindai karya seni Anda dan mengakselerasinya di Illustrator
  • bagaimana mengkonversi vektor Anda ke font digital, mengeditnya menggunakan Glyphs atau perangkat lunak pengedit font lainnya

Pekerjaan luar biasa! Bersenang-senanglah menciptakan lebih banyak font Anda sendiri — mengapa tidak bereksperimen dengan berbagai gaya yang digambar tangan atau dicat?

Advertisement
Advertisement
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.