Cara Membuat Font Kustom: 7 Langkah dan 3 Studi Kasus

Mari kita hadapi itu; ada tipografi yang kami desainer suka benci. Sebenarnya, kata "benci" mungkin tidak cukup kuat. Momok? Menyumpahi? Wabah? Kotoran? Saya pernah mendengar masing-masing digunakan untuk menghina huruf mati, angka, dan simbol yang kita gunakan untuk mengkomunikasikan ide, dan saya benar-benar mengerti. Saya telah melihat (dan melakukan) jenis kejahatan yang begitu buruk sehingga bahkan buletin kantor yang paling aneh pun akan malu.

Tetapi bagaimana jika saya memberi tahu Anda bahwa tipografi yang paling dicerca dari generasi kita sebenarnya bisa menjadi sahabat desainer merek? Bagaimana jika saya menunjukkan kepada Anda bagaimana mengubah bentuk huruf yang tidak menarik menjadi jenis logo yang menarik yang akan disukai klien (dan membayar banyak uang untuk itu)? Apakah Anda bersedia untuk secara radikal mengubah cara Anda melihat tipe dan membuka diri Anda ke alam semesta pilihan kreatif yang berkembang tanpa batas? Siap membuat font Anda sendiri?

Jika demikian, teruslah membaca, karena saya akan memperkenalkan proses sederhana yang dapat Anda gunakan untuk segera mengubah jenis huruf apa pun menjadi lebih baik untuk membuat font. Dan, untuk menunjukkan seberapa efektif prosesnya, saya akan mendemonstrasikan setiap langkah menggunakan tiga tipografi yang sangat dibenci oleh desainer di mana pun.

Pertama, Jokerman , kumpulan karakter aneh seperti badut yang biasanya ditemukan di spanduk ulang tahun dan kartu nama "aneh".

Selanjutnya, kami memiliki Papirus , yang dengan susah payah disalin dari dinding makam Raja Tut dan pilihan menu kedai kopi yang disukai, seniman serius, dan James Cameron.

Akhirnya, penjahat tipografi kasual yang keren dan tak tergoyahkan tidak perlu diperkenalkan — satu-satunya, Comic Sans .

Dari pengelompokan yang tidak biasa ini, saya akan mengajari Anda untuk melihat harta karun di mana orang lain berteriak "sampah!" dan buat jenis logo khusus dengan kaliber tertinggi.

Proses Sederhana dan Andal

Mari melakukan perjalanan dari jenis huruf yang mengerikan ke jenis logo yang menakjubkan dan belajar cara membuat font. Kita akan mulai dengan sesuatu yang buruk, diakhiri dengan sesuatu yang baik, dan mengikuti tujuh langkah yang sama setiap saat. Apa saja tujuh langkah tersebut? Saya akan membahas detailnya sedikit, tetapi pertama-tama, beberapa catatan tentang alat yang Anda perlukan untuk pekerjaan semacam ini.

Pengaturan yang Disarankan

Desainer visual memiliki akses ke sejumlah besar alat desain baru dan terjangkau. Perangkat layar sentuh dan stylus canggih seperti pensil Apple membuat pengambilan ide dan perpindahan ke alur kerja digital lebih mudah dari sebelumnya. Bereksperimenlah dengan bebas, dan pertahankan apa pun yang cocok untuk Anda. Karena itu, saya lebih suka pendekatan yang dicoba dan benar dengan alat tepercaya dari Adobe dan Wacom:

• Photoshop — Digunakan untuk memanipulasi tipografi dan membuat sketsa penyempurnaan berlapis.
• Illustrator — Digunakan untuk melacak vektor sketsa penyempurnaan akhir dan dengan cepat menambahkan elemen gaya seperti warna, gradien, tekstur, pola, dll.
• Wacom Tablet — Digunakan untuk menggambar digital dalam Photoshop.

Jokerman — Dari Kasar ke Berkelas

Jokerman adalah Jim Carrey dari tipografi: tidak pernah halus, keras di setiap sudut, namun anehnya menarik bagi massa. Ini konyol dan di atas dan persis jenis jenis huruf yang tutorial ini dibuat. Jenis huruf aneh seperti Jokerman penuh sesak dengan elemen desain yang aneh tetapi tidak memiliki batasan yang diperlukan untuk jenis logo yang berselera tinggi. Sebagai desainer, kita perlu melakukan penilaian yang baik, dan itu sering kali berarti melupakan detail demi komunikasi yang lebih jelas.

Ini adalah proses tujuh langkah sederhana yang membawa kita dari jenis huruf yang tidak diinginkan ke jenis logo kelas atas. Ada beberapa gambar sederhana yang terlibat, tetapi jika Anda dapat menulis nama Anda dan melacak gambar, Anda memiliki semua keterampilan yang Anda perlukan untuk mempelajari cara membuat font Anda sendiri. Mari kita mulai.

1. Tinjau Jenis Huruf

Di Photoshop, pilih jenis huruf (dalam hal ini, Jokerman), ketik nama bisnis yang Anda butuhkan untuk jenis logo Anda, dan dengan cepat periksa setiap huruf untuk merasakan kemungkinan desain seperti skala, proporsi, berat huruf, dll.

2. Ide

Menggunakan tablet Wacom Anda, buat sketsa logotype Anda. Tidak perlu tepat di sini. Buat sketsa sesuatu dengan cepat dan mudah untuk dijadikan kerangka desain Anda.

3. Distorsi Jenis Huruf

Menggunakan jenis huruf yang Anda pilih, skala, regangkan, miringkan, dan tekan setiap huruf di atas sketsa ide Anda. Tidak perlu membuat segalanya sempurna pada langkah ini. Anda akan memperbaikinya nanti, jadi teruskan saja.

4. Sketsa Koreksi

Sekarang, buat sketsa cepat di atas huruf terdistorsi Anda. Di sinilah Anda mulai memperbaiki kekurangan dari tipografi asli dan menambahkan detail desain Anda sendiri.

5. Sketsa Penyempurnaan

Ini adalah fase terakhir dari sketsa dan penyempurnaan di Photoshop. Bersihkan apa pun yang tidak berfungsi, dan isi surat Anda sehingga Anda bisa mendapatkan ide yang lebih baik tentang bentuk dan hubungan spasi antar huruf.

6. Jejak Vektor

Jatuhkan sketsa halus Anda ke Illustrator, keluarkan alat pena, dan klik dengan hati-hati menuju kurva bezier yang indah.

7. Sentuhan Akhir

Setelah Anda selesai melacak vektor, tambahkan dampak visual dengan detail yang bijaksana seperti warna, bayangan, sorotan, garis besar, dll.

Papirus — Transformasi Halus

Pengakuan: Saya suka Papirus, dan saya tidak peduli siapa yang tahu. Serius, tidak semua tipografi yang kami desainer nikmati bashing sebenarnya seburuk itu. Terlalu sering digunakan? Mungkin. Kitshy? Oke, ya. Tetapi hanya karena sebuah tipografi membuat seseorang merasa bahwa dokumen desain amatirnya memiliki martabat tidak berarti itu buruk. Dan itulah yang saya rasakan tentang Papirus. Ini seperti kemeja yang saya beli di Old Navy: Sangat cocok dan membuat saya rapi untuk acara-acara khusus.

Yang mengatakan, kemeja saya tidak memiliki tepi yang sengaja berjumbai. Jadi, mari kita lihat apakah kita dapat mempertahankan bagian-bagian bagus dari bentuk huruf Papirus sambil membuat keseluruhan tampilan dan nuansanya sedikit lebih kontemporer.

1. Tinjau Jenis Huruf

Sekali lagi, kita mulai di Photoshop. Pilih jenis huruf Anda (Papirus), dan masukkan nama jenis logo. Lihatlah setiap huruf, buat catatan tentang detail desain potensial.

2. Ide

Keluarkan tablet Wacom Anda dan buat sketsa beberapa ide komposisi dengan cepat. Jangan terlalu memikirkan langkah ini. Ini seperti mencoret-coret nama Anda di buku catatan.

3. Distorsi Jenis Huruf

Sama seperti yang kami lakukan untuk Jokerman, skala, regangkan, miringkan, dan tekan setiap huruf di atas sketsa ide yang Anda buat. Ini akan menjadi berantakan, tapi jangan khawatir!

4. Sketsa Koreksi

Dari semua langkah, ini mungkin terasa seperti yang paling menakutkan, tetapi jangan stres.

Anda tidak membangun dari awal. Anda menggunakan struktur tipografi asli sambil menambahkan perbaikan Anda sendiri saat Anda pergi.

Sketsa ini bisa sangat mengerikan dan jelek. Keindahan lapisan di Photoshop adalah kemampuan untuk mengambil banyak lintasan, dengan masing-masing mendekati tujuan desain Anda yang sebenarnya.

5. Sketsa Penyempurnaan

Ini adalah langkah terakhir kami di Photoshop. Jujurlah dengan diri Anda sendiri tentang bagian dari desain Anda yang tidak berfungsi. Ini juga membantu untuk mewarnai huruf Anda sehingga Anda dapat melihat bagaimana mereka terlihat di samping satu sama lain dan menemukan ketidakberesan dalam bentuk.

6. Jejak Vektor

Tempatkan sketsa penyempurnaan di dalam Illustrator dan mulai jejak vektor Anda dengan alat pena.

7. Sentuhan Akhir

Dengan jejak vektor Anda selesai, hidupkan jenis logo Anda dengan menambahkan detail seperti warna, bayangan, sorotan, dan garis luar.

Comic Sans — Seperti Menyetrika Kemeja Keriput

Saya menolak untuk mengejek Comic Sans. Tentu, itu muncul pada waktu yang tidak tepat, terlihat sedikit acak-acakan seperti baru bangun dari tidur siang. Tapi, itu memenuhi desain singkat dan mungkin hanya jenis huruf yang paling terkenal di dunia.

Dari sudut pandang estetika murni, tidak banyak yang disukai tentang Comic Sans. Ini dumpy, lusuh, dan kekusutan kecil dan tombol-tombol dalam huruf cukup mengganggu. Namun, ia memiliki beberapa kebiasaan menarik yang dapat bekerja dengan baik untuk jenis logo, dan persepsi umumnya sebagai jenis huruf terburuk sepanjang masa menjadikannya tantangan sempurna untuk teknik penyempurnaan tujuh langkah kami.

Kali ini, saya akan kurang fokus pada mekanika dan memberi Anda sedikit lebih banyak wawasan tentang proses pemikiran kreatif saya di setiap langkah.

1. Tinjau Jenis Huruf

Untuk langkah ini, anggap diri Anda sebagai orang tua dari seorang remaja laki-laki yang canggung. Tidak dapat disangkal bahwa dia adalah seorang goofball yang tampak kurus, tetapi Anda dapat melihat melewati semua itu hingga suatu hari dia akan menjadi pria muda yang tegap dan berpengetahuan luas.

2. Ide

Ideation adalah waktu untuk melepaskan sisi artistik pengambilan risiko Anda. Anda dapat dengan kejam mengedit diri Anda nanti, tetapi untuk saat ini, ambil risiko.

Ketika saya meninjau Comic Sans, saya melihat semacam permainan melenting yang saya coba masukkan ke dalam sketsa ide saya.

3. Distorsi Jenis Huruf

Mungkin Anda seperti saya…agak terobsesi mengatur layer dan memanfaatkan teknik pengeditan non-destruktif di Photoshop. Jangan seperti itu untuk langkah ini!

Ketik kata Anda, rasterisasi font, dan ubahlah huruf-huruf itu.

4. Sketsa Koreksi

Seperti yang saya katakan, ketidakteraturan kecil Comic Sans menjengkelkan, jadi untuk langkah ini, saya fokus pada meluruskan garis dan menghaluskan kurva.

5. Sketsa Penyempurnaan

Untuk waktu yang lama, saya langsung beralih dari langkah Sketsa Koreksi di Photoshop ke Jejak Vektor di Illustrator. Tapi, begitu saya melihat huruf vektor saya terisi untuk pertama kalinya, mereka selalu terlihat sedikit aneh.

Langkah penyempurnaan ini adalah cara yang bagus untuk memastikan spasi huruf Anda baik. Bagaimanapun, bentuk yang terbentuk di antara huruf sama pentingnya dengan huruf itu sendiri.

6. Jejak Vektor

Mudah untuk mematikan otak Anda saat menggunakan alat pena. Anda mulai menunjuk, mengklik, dan menyeret pegangan dan berhenti mencari cara untuk meningkatkan desain Anda.

Jangan lakukan itu! Saat Anda membuat sketsa dengan tangan, Anda terus-menerus membuat keputusan dan koreksi sepersekian detik. Anda harus menggunakan alat pena dengan cara yang sama.

7. Sentuhan Akhir

Saya senang dengan hasil jejak vektor, jadi saya memilih untuk menggunakan bayangan blok sederhana dan beberapa garis aksen interior.

Idealnya, bentuk huruf Anda akan dapat berdiri sendiri tanpa hiasan apa pun. Sentuhan Akhir dimaksudkan untuk membuat desain Anda menonjol, tetapi Anda harus berhati-hati agar tidak menambahkan terlalu banyak efek khusus.

Peluang Hal yang Tidak Diinginkan

Kami desainer bijaksana untuk tetap terhubung dengan tren, alat, dan cara berpikir yang ada dalam profesi kami. Kita belajar dan tumbuh sebagai sebuah komunitas, dan jika sebagian besar bidang kita memandang sesuatu dengan buruk, kita harus berusaha memahami alasannya.

Namun, kita juga harus menahan keinginan untuk menolak praktik desain secara langsung, terutama berdasarkan pendapat umum. Ketika kita menghadapi sesuatu yang dianggap buruk, seperti menggunakan Jokerman, ada baiknya untuk mengetahui mengapa desainer lain merasa seperti ini, tetapi membuang sumber daya yang berpotensi berharga ke dalam tumpukan sampah adalah hal yang picik.

Sebaliknya, simpan sebanyak yang Anda bisa di file dalam pikiran Anda. Buat catatan mental, lakukan pengamatan, kategorikan hal-hal yang Anda suka dan tidak suka, dan simpan beragam pilihan pendapat dari desainer lain.

Anda tidak pernah tahu, suatu hari Anda mungkin melakukan ejekan komunitas desain yang tidak terpikirkan dan berisiko dengan menggunakan Comic sans sebagai dasar untuk jenis logo baru klien Anda yang indah.

• • •

Bacaan lebih lanjut di Blog Desain Toptal:

• eCommerce UX – Tinjauan Praktik Terbaik (dengan Infografis)
• Pentingnya Desain yang Berpusat pada Manusia dalam Desain Produk
• Portofolio Desainer UX Terbaik – Studi Kasus dan Contoh yang Menginspirasi
• Prinsip Heuristik untuk Antarmuka Seluler
• Desain Antisipatif: Cara Membuat Pengalaman Pengguna yang Ajaib