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

Cara Membuat Huruf Warna Dengan Adobe Illustrator dan Fontself Maker

by
Difficulty:IntermediateLength:LongLanguages:
Sponsored Content

This sponsored post features a product relevant to our readers while meeting our editorial guidelines for being objective and educational.

Indonesian (Bahasa Indonesia) translation by Suci Rohini (you can also view the original English article)

Final product image
What You'll Be Creating

Membuat font tidak pernah jadi cepat, menyenangkan dan mudah seperti Fontself, ekstensi yang kuat untuk Adobe Illustrator dan Photoshop CC. DDalam tutorial ini, Anda akan belajar cara membuat font warna.

Fontself memungkinkan Anda untuk membuat font yang berfungsi penuh dengan semua lonceng dan peluit yang dimiliki sebagian besar font profesional ( kerning, ligaratures, dll.), Dan hal yang paling menarik tentang itu adalah membantu Anda membuat font warna! Anda dapat mbuat imajinasi Anda menjadi liar dan menambahkan berbagai bentuk dan warna yang Anda inginkan.

Selain membuat font warna, yang dapat digunakan dalam Adobe Photoshop CC 2017/2018 dan Adobe Illustrator CC 2018, Anda dapat menggunakan Fontself untuk membuat font vektor "non-warna" standar yang dapat digunakan dalam perangkat lunak lain seperti versi lama dari Adobe Aplikasi CC, CS6, Microsoft Word, dan banyak lainnya. 

fontself

Tidak sabar untuk mencobanya?

Ribuan materi iklan dari Adobe, Google, Apple, Microsoft, dan perusahaan terkenal lainnya sudah menggunakan Fontself.  Apa yang juga keren tentang itu adalah bahwa itu adalah 100% perangkat lunak indie yang diciptakan oleh tiga pengembang bergairah dengan tujuan membawa kami alat pembuatan font yang user-friendly. Dan mereka berhasil!

Mari kita bahas keseluruhan proses pembuatan dan penggunaan font warna kita sendiri di Adobe Illustrator CC 2018 dan Fontself Maker! 

1. Bagaimana Menggambar Surat  A

Langkah 1

Ketika saya membuat font dari awal, saya biasanya mulai dengan menggambarkan ide umum. Kali ini saya memutuskan untuk membuat font dalam gaya seni garis yang penuh warna.

Saya mulai dengan sketsa kasar setiap huruf, mencoba membuat masing-masing unik namun tetap mempertahankan gaya keseluruhan. Saya akan menggunakan sketsa ini sebagai panduan untuk garis besar yang akan kami buat di Adobe Illustrator. 

Harap dicatat bahwa Fontself Maker bekerja dengan Adobe Illustrator CC 2015.3 dan yang lebih baru tetapi untuk menggunakan font warna Anda akan membutuhkan CC 2018 jadi jangan lupa untuk memperbarui jika Anda belum melakukannya!

font sketch

Langkah 2

Mulailah dengan membuat New Document ukuran yang diinginkan dalam  RGB Color Mode. Jika Anda memilih Color Mode lainnya, semua warna akan diubah ke RGB meskipun didefinisikan dalam CMYK atau jika dokumen di ruang warna CMYK. Anda dapat mempelajari lebih lanjut tentang ruang warna di Fontself dari help page mereka.

Mari kita mulai dengan huruf A. Ambil Polygon Tool (Anda dapat menemukannya di menu drop-down yang sama dengan Rectangle Tool (M)  dan klik-tunggal di mana saja pada Artboard. Setel jumlah Sides ke 3 dan buat segitiga. 

Atur Fill color ke None dan warna Stroke ke ungu gelap Color panel . Sekarang, di panel Stroke (Window > Stroke), atur Weight menjadi 2,5 pt dan Cap ke Round Cap

Sekarang kita dapat menghapus bagian bawah bentuk yang tidak kita butuhkan. Ambil Direct Selection Tool (A) dan klik tepi bawah segitiga. Tekan tombol Delete (atau Backspace jika Anda berada di Mac) untuk menghapusnya. 

use the polygon tool

Langkah 3

Pilih bentuk dengan Selection Tool (V) dan tekan Enter untuk membuka Move window . Setel nilai Horizontal ke 25 px dan Vertical ke 0 px , dan klik Copy untuk menduplikasi bentuk dan pindahkan ke kanan. 

move the shape

Langkah 4

Menjaga kedua bentuk dipilih, gunakan Shape Builder Tool (Shift-M), tahan Alt , dan klik bagian di sebelah kanan untuk menghapusnya. 

use the shape builder tool

Langkah 5

Copy bentuk pertama dan ubah ukurannya untuk membuat segitiga kecil. Tempatkan di bagian bawah, menciptakan bulu panah. .Pilih bentuk, tahanAlt , dan seret ke atas untuk membuat salinan. Tambahkan dua salinan lagi dan lampirkan di sepanjang tepi kiri segitiga. 

Group (Control-G) elemen-elemen yang dibuat dari feather dan klik dua kali Reflect Tool (O). Pilih Vertical Axis dan klik Copy untuk membalik bentuk ke sisi yang berlawanan. 

use the reflect tool

Langkah 6

Ambil Ellipse Tool (L) , tahan Shift , dan membuat 10 x 10 px lingkaran dengan biru gelap Stroke dan pirus Fill color. 

Tip: Gunakan Eyedropper Tool (I) untuk memilih warna isi atau goresan atau pengaturan tampilan apa pun dan menerapkannya ke objek lain. Anda dapat mengakses opsi Eyedropper Tool (i) dengan mengklik dua kali pada panel Tools, dan kemudian Anda dapat mencentang pengaturan yang ingin Anda pilih dan terapkan.

add circles with the ellipse tool

Langkah 7

Copy stroke dengan memilihnya dan seret ke samping sambil menahan Alt . Gunakan Pen Tool (P) untuk menambahkan titik anchor di tengah garis. Kemudian gunakan Delete Anchor Point Tool (-) untuk menghapus titik di atas stroke. 

add another stroke

Langkah 8

Ambil Pen Tool (P) atau Line Segment Tool (\) dan tahan tombol Shift untuk membuat garis horizontal di seluruh huruf. Ini akan menjadi bar dari huruf A. 

Copy (Control-C > Control-F) stroke dan seret ke bawah. Buat lebih pendek dengan memindahkan poin dengan Direct Selection Tool (A)

add the bar of the letter

Langkah 9

Sekarang gunakan Pen Tool (P) untuk membuat garis zig-zag di bagian atas surat, seperti yang ditunjukkan pada gambar di bawah ini. 

Tambahkan beberapa sapuan di kedua sisi surat, membuatnya terlihat lebih detail. 

create a zigzag

Langkah 10

Sekarang garis besar huruf A sudah siap, mari tambahkan beberapa warna! Kita dapat menduplikasi (Control-C > Control-B) huruf dan Sembunyikan salinan di panel Layers dengan mengklik ikon mata kecil, kalau-kalau kita perlu menggunakan garis besar ini nanti. 

Pilih salinan yang terlihat dan pergi ke Object > Live Paint > Make

make a live paint

Langka 11

Sekarang ambil Live Paint Bucket (K) dan arahkan kursor ke area yang ingin Anda isi dengan warna. Setelah Anda melihat garis merah, klik area untuk mengisinya. 

Lanjutkan menggunakan Live Paint Bucket (K) dan pilih warna baru di panel Color untuk mengisi segitiga di bagian atas surat. 

use the live paint bucket

Langkah 12

Sekarang mari kita pergi ke Object > Live Paint > Expand untuk mengubah setiap bagian berwarna menjadi objek yang terpisah. 

expand the live paint

Langkah 13

Gunakan Direct Selection Tool (A) untuk menyeret beberapa elemen keluar, membuat komposisi lebih dinamis. 

Dan di sana kita memilikinya! Surat pertama kami sudah selesai!Mari kita lanjutkan ke yang berikutnya dan melihat apa lagi yang bisa kita gunakan untuk membuatnya terlihat unik. 

drag out the elements

2. Bagaimana Mendesain Surat B

Langkah 1

Saya tidak menggunakan gertakan atau kisi khusus untuk font ini, karena saya ingin mempertahankan sedikit sentuhan buatan tanpa membuatnya sempurna geometris atau sempurna piksel. Namun, untuk membuat font konsisten, kita perlu menyimpan semua huruf dengan tinggi yang sama (sementara lebar akan berbeda).

Aktifkan Rulers (Control-R) dan seret beberapa pemandu horizontal ke Artboard untuk menandai tinggi huruf A. Kita dapat mengakses menu Guides dari View > Guides

use the rulers and guides

Langkah 2

Mari kita mulai dengan menggunakan huruf B. Gunakan Rectangle Tool (M) untuk membuat persegi panjang sempit sekitar 30 x 120 px (ingat untuk menjaga tinggi sama dengan tinggi huruf pertama Anda). 

Pilih tepi bawahnya dengan Direct Selection Tool (A) dan hapus.

Tambahkan beberapa garis horizontal dan pasang beberapalingkaran pirus 10 x 10 px ke bagian bawah bentuk. Kita dapat menyalin lingkaran ini dari surat A. kami.

make a rectangle

Langkah 3

Sekarang mari kita membuat garis horizontal lurus menggunakan Pen Tool (P) dan pergi ke Effect > Distort & Transform > Zig Zag .Atur Ukuran menjadi 10 px, Ridges per segmen ke 5 , dan Points to Corner

Klik OK dan pergi ke Object > Expand Appearance untuk menerapkan efek. 

Tempatkan zigzag yang dibuat di bagian atas huruf dan ubah ukurannya agar sesuai dengan persegi panjang. 

make a zigzag effect

Langkah 4

Mari buat persegi panjang berukuran sekitar 45 x 55 px dan sejajarkan ke tepi atas dan kiri surat. Untuk melakukan ini, pilih batang dan persegi panjang yang dibuat dan klik batang sekali lagi untuk membuatnya menjadi Key Object (Anda akan melihat pilihan yang lebih tebal di sekitarnya). 

Buka panel Align (Window > Align) dan klik Horizontal Align Left dan Vertical Align Top

align the shapes

Langkah 5

Mari pilih sudut kanan atas dan bawah persegi panjang dengan Direct Selection Tool (A) dan buat membulat dengan menarik penanda lingkaran Live Corners lebih dekat ke pusat. Kami juga dapat menyesuaikan radius Corners secara manual dari panel kontrol di bagian atas.

Tip: Jika Anda tidak dapat menemukan panel kontrol atas setelah memperbarui ke Adobe Illustrator CC 2018, jangan khawatir!Masih ada, dan Anda dapat menyalakannya di Window > Workspace > Essentials Classic

Mari kita hapus tepi kiri bentuknya. Pilih sudut kiri bawah dengan Direct Selection Tool (A) dan tekan Delete (Backspace on Mac). 

Ulangi sama untuk titik kiri atas, hanya menyisakan bentuk melengkung. 

Buat lengkungan yang lebih besar untuk mangkuk bawah huruf B.

make the corners rounded

Langkah 6

Tambahkan busur yang lebih kecil di dalam mangkuk bawah. Buat huruf lebih rumit dengan menambahkan goresan horizontal dan vertikal. Selesaikan outline dengan menempatkan dua lingkaran di dalam mangkuk bawah.

add details and strokes

Langkah 7

Mari duplikat (Control-C > Control-B) surat dan simpan salinannya tidak terlihat jika kita membutuhkannya nanti. 

Pilih salinan yang terlihat dan Object > Live Paint > Make. Gunakan Live Paint Bucket (K) dan Eyedropper Tool (I) untuk memilih dan menerapkan warna pada elemen huruf B. 

Mari kita selesaikan surat itu. Pergi ke Object > Live Paint > Expand dan gunakan Direct Selection Tool (A) untuk menyeret beberapa bagian berwarna keluar dari outline. 

Luar biasa! Huruf kedua selesai! Mari kita lihat beberapa teknik yang bisa kita gunakan untuk huruf dan simbol lain. 

apply colors with live paint bucket

3  Bagaimana Menggambar Surat C

Langkah 1

Ambil Ellipse Tool (L) dan mulailah dengan dasar huruf dengan membuat lingkaran 115 x 115 px. Copy lingkaran yang dibuat dan Paste di Depan (Control-C > Control-F). Kurangi ukuran salinan menjadi 80 x 80 px.

Seperti yang Anda perhatikan, surat itu sedikit lebih rendah daripada pedoman teratas. Kami meninggalkan beberapa ruang di atas lingkaran untuk menambahkan beberapa detail di sana.

make a circle for the base

Langkah 2

Ambil Pen Tool (P), tahan Shift, dan buat garis vertikal di seluruh lingkaran. Menjaga garis yang dipilih, klik dua kali Rotate Tool (R) dan atur Angle ke 12 derajat. Klik Copy untuk menambahkan salinan garis yang diputar.

Sekarang tekan Control-D untuk mengulang tindakan terakhir dan terus menekan sampai Anda mendapatkan 30 salinan untuk mengisi lingkaran. 

Mari group (Control-G) sinar yang dibuat dan hide untuk saat ini.

make a vertical line

Langkah 3

Sekarang mari buat siluet huruf C. Gunakan Add Anchor Point Tool (+) untuk menambahkan dua titik di sisi kanan lingkaran yang lebih besar dan dua untuk yang lebih kecil, seperti yang ditandai pada gambar di bawah.

Sekarang kita dapat menggunakan Direct Selection Tool (A) untuk mengklik segmen busur antara titik yang dibuat dan menghapusnya . Ulangi hal yang sama untuk kedua lingkaran. 

add points and delete segments

Langkah 4

Sekarang mari kita mengungkapkan sinar tersembunyi dan pilih semua elemen dari C. 

Ambil Shape Builder Tool (Shift-M) dan klik persegi panjang yang dibentuk oleh garis persimpangan. Jangan klik semuanya;meninggalkan beberapa ruang tak tersentuh di bagian bawah bentuk. 

Sekarang kita dapat memilih potongan sinar yang tidak diperlukan di pusat C dan menghapusnya. 

use the shape builder tool

Langkah 5

Mari kita pecahkankan potongan sinar di sebelah kirii hurufC.

Gunakan Pen Tool (P) untuk menambahkan titik anchor baru di suatu tempat di tengah garis dan Delete Anchor Point Tool (-). Dengan cara ini kita melepaskan potongan dari tepi surat itu.

Lanjutkan bergantian sinar, membuat beberapa dari mereka lebih pendek dan melepaskan orang lain untuk menambah variasi ke siluet surat itu.

break the lines

Langkah 6 

Tambahkan beberapa goresan lengkung lagi ke bagian dalam huruf. Lampirkan lingkaran ke ujung busur besar. 

Duplicate outline yang dibuat dan gunakan Live Paint dan Live Paint Bucket (K) untuk menambahkan warna. 

add more details and colors

Langkah 7

Object > Live Paint > Expand bentuk dan tarik beberapa persegi panjang yang berwarna. Kerja bagus! Surat ketiga kami sudah selesai! 

Lanjutkan dan buat lebih banyak huruf, angka, dan tanda baca, semua yang Anda butuhkan untuk font masa depan Anda. Jangan khawatir jika Anda tidak membuat semua simbol yang diinginkan sekaligus; Anda selalu dapat membuka kembali file font Anda dan menambahkannya nanti. 

expand the live paint

4. Cara Membuat Font Warna di Fontself 

Langkah 1

Sekarang untuk bagian yang menyenangkan! Karena kita sudah mempersiapkan semuanya, kita akhirnya bisa membuat font menggunakan Fontself Maker! 

Pertama-tama, mari kita buka panel Lapisan dan tempatkan semua huruf dalam urutan abjad, dari kiri ke kanan. Fontself akan secara otomatis menetapkan karakter yang tepat jika Anda menempatkannya dalam urutan yang benar. 


Kita dapat mengganti nama pedoman dasar, menetapkannya sebagai baseline. 

rearrange the letters

Langkah 2

Sekarang mari pastikan bahwa semua surat kami sejajar dengan bagian bawah dan ditempatkan pada garis dasar. Pilih karakter Anda dan klik Vertical Align Bottom di panel Align, menggunakan salah satu karakter sebagai Key Object.

align the letters to the baseline

Langkah 3

Pergi ke Window > Extensions dan jalankan Fontself Maker.Jendela yang ringkas dari ekstensi akan memuat, dan Anda dapat menyesuaikan ukurannya dengan menyeret sudut bawahnya.   Ini memiliki antarmuka drag-and-drop sederhana dan user-friendly dengan petunjuk pop-up dan asisten obrolan online yang dapat membantu Anda dengan pertanyaan Anda. 

open fontself maker

Langkah 4

Sekarang mari pilih abjad dan seret ke jendela Fontself. Di sini kami memiliki beberapa opsi untuk dipilih. Jika Anda sudah menyiapkan semua karakter, Anda dapat menggunakan area 'A-Z'dan meletakkan surat-surat Anda di sana. Fontself akan secara otomatis menempatkannya dalam urutan yang benar, memberi setiap huruf nama yang tepat.

Jika tidak, jika Anda belum memiliki semua karakter, tempatkan kursor mouse Anda di atas bidang 'Setiap karakter (Batch)' dan lepaskan tombol mouse untuk mengunggah karakter Anda. 

Dalam kasus kami, kami membuat huruf besar, jadi semua huruf akan sama untuk huruf besar dan huruf kecil. 

add characters to fontself

Langkah 5

Apa yang hebat tentang Fontself adalah bahwa hal itu membuat segalanya jadi lebih mudah: begitu kami telah mengatur dan menyelaraskan surat kami, program akan menempatkannya dalam urutan yang benar, menggunakan informasi dari panel Layers . Pastikan Anda menyeret dan meletakkan semuanya bersama-sama, termasuk baseline. 

Jika Anda membutuhkan lebih banyak kontrol atas pedoman dan Anda ingin menambahkan ascender dan descender, Anda dapat membuatnya juga!  Cukup tambahkan dua pedoman lagi, beri nama "ascender" dan "descender" di panel Layers , lalu seret dan jatuhkan ke Fontself bersama alfabet Anda. Voila!

Anda dapat mempelajari lebih lanjut tentang menggunakan panduan di Fontself dari halaman bantuan

Sekarang kami memiliki setiap huruf yang ditempatkan di slotnya sendiri. Dari sini, kita dapat mengetik sesuatu di jendela Live Preview untuk melihat tampilannya dan bermain dengan Letter Space, Line Space and Scale , jika diperlukan.

Mengklik ikon roda kecil di sebelah kanan memungkinkan Anda mengubah ukuran font, pelurusan, dan warna latar belakang. 

Kita juga dapat memperluas jendela pratinjau surat dengan mengklik ikon panah kecil di sudut kiri atas setiap slot pratinjau (dilingkari pada gambar di bawah) atau dengan mengklik dua kali glyph. 

Fontself maker settings

Langkah 6 

Di sini kami memiliki beberapa opsi lagi untuk setiap huruf. Kita dapat menyeret garis, mengubah posisi ascender dan descender dan menyesuaikan pengaturan lain. 

glyph settings

Langkah 7 

Setelah kami puas dengan huruf-hurufnya, mari tambahkan simbol dan tanda baca lainnya! Untuk melakukan ini, cukup pilih elemen pada Artboard dan klik tombol Batch di jendela Home dari Fontself. Simbol Anda akan ditambahkan dan ditempatkan dalam urutan yang benar. 

add punctuation

Langkah 8 

Sekarang mari kita lihat beberapa pengaturan lanjutan yang penting saat membuat font apa pun. Cari dan klik tombol Advanced di jendela Home dari Fontself. 

Dari sini, kita dapat menyesuaikan SpasiKerning , dan beberapa parameter lain yang penting untuk membuat font kita terlihat seimbang dan konsisten. 

advanced settings of Fontself

Langkah 9 

Mari kita mulai dengan Spasi

Dalam tipografi, jarak atau pelacakan adalah jumlah ruang di antara karakter, yang mempengaruhi kepadatan dan memberi font keterbukaan relatif atau keketatan. Bahkan, jarak yang baik akan menghemat banyak waktu saat membuat font, jadi pastikan Anda memulai dengan menyesuaikannya terlebih dahulu! 

Ada beberapa cara untuk bekerja dengan spasi di Fontself.Pertama-tama, klik pada jendela Spasi Pad dan ketik beberapa frasa di sana untuk melihat bagaimana karakter berperilaku dalam sebuah teks.  Sekarang, di area abu-abu di sebelah kanan, Anda dapat melihat daftar huruf dan nilainya. Di sini Anda dapat mengedit spasi dengan memasukkan nilai yang tepat dalam tabel.

adjust spacing in fontself


Langkah 10 

Cara lain untuk mengedit spasi adalah melakukannya secara manual dengan mengklik karakter itu sendiri dan menyeret garis putus-putus di sisi kiri dan kanannya. Anda akan melihat semua penyesuaian di Spacing Pad dan di area Live Preview yang sudah memiliki contoh teks dengan semua karakter Anda. 

edit spacing in fontself

Langkah 11 

Sekarang kita senang dengan kerapatan teks dan tampilan keseluruhannya, saatnya menyesuaikan pasangan kerning dengan mengklik tombol Kerning . 

Kerning adalah proses menyesuaikan jarak antara pasangan karakter spesifik untuk mencapai hasil yang menyenangkan secara visual.  Dalam huruf all-caps proporsional, sering terjadi bahwa huruf dalam beberapa kombinasi umum (seperti VA atau AW) terlihat terlalu jauh dari satu sama lain.  Dalam hal ini, kita perlu menemukan pasangan tersebut dan menyesuaikan jarak antara keduanya secara manual, membuat pasangan kerning. Dan Fontself memiliki fungsi ini juga!  Terlebih lagi, ini sudah memiliki beberapa pasangan kerning umum di Live Preview window, sehingga Anda dapat langsung melihat hasilnya. 

Sama seperti dengan spasi, ada beberapa cara untuk menyesuaikan kerning. Pertama-tama, klik pada jendela Kerning Pad dan ketik beberapa pasangan kerning yang ingin Anda edit, misalnya AVA.   Sekarang, di area abu-abu di sebelah kanan, Anda dapat melihat Kerning pairs window dan ketik nilainya secara manual.

make kerning pairs

Langkah 12 

Cara lain untuk menyesuaikan kerning adalah dengan mengklik karakter dan tarik garis putus-putus di antara pasangan. Garis merah muncul untuk nilai negatif, membuat ruang di antara huruf-huruf lebih kecil.  Garis biru menunjukkan peningkatan ruang dengan nilai positif yang menggerakkan huruf lebih jauh dari satu sama lain. Sederhana seperti itu.

adjust kerning pairs

Langkah 13 

Hal penting berikutnya yang mungkin ingin Anda gunakan dalam font Anda — dan Fontself memiliki fitur ini — adalah penggunaan ligatures

Sebuah ligatur adalah kombinasi dari dua atau lebih huruf menjadi satu simbol. Misalnya, dalam kombinasi umum seperti 'tt', 'fi', dan 'ff', kita mungkin ingin mengubah beberapa elemen dari huruf, seperti crossbars, agar terlihat lebih baik. Selain itu, ketika bekerja dengan font warna, kita dapat menggunakan ligatur dengan cara yang lebih kreatif, seperti membuat beberapa kata atau nama terlihat mewah dengan menambahkan elemen baru kepada mereka, seperti partikel, bunga, atau rontokan. Dalam hal ini, seluruh komposisi dapat digunakan sebagai simbol, yaitu ligatur.

use of ligatures in fontself

Katakanlah kita ingin menggabungkan dua huruf bersama dalam 'TT' untuk membuat satu bar untuk mereka. Setelah Anda menarik surat baru, pilih di Artboard.  Kemudian buka jendela Fontself dan ketik 'TT' di area teks di bagian atas dan klik tombol Buat Ligatur tepat di sebelahnya.

add ligatures in fontself

Langkah 12 

Setelah Anda mengklik tombol, Fontself akan menanyakan jenis ligatur apa yang ingin Anda buat. Kemudian, Anda dapat menemukan Standar Ligaratures dan Discretionary Ligaratures di panel OpenType (Window > OpenType) dari Adobe Illustrator dan melihat cara kerjanya. 

types of ligatures in fontself

Langkah 13 

Yang terakhir tetapi bukan fungsi terkecil yang dapat membuat font Anda lebih unik dan lucu menggunakan Alternate - versi alternatif dari beberapa (atau semua) karakter yang menambahkan variasi ke seluruh teks. Itu bisa berupa versi dengan warna lain, garis luar, atau garis miring. 

Misalnya, di sini Anda dapat melihat bahwa dalam kata 'COLORS', huruf 'O' sedikit berbeda. Beginilah Cara kita melakukanya.Setelah Anda memiliki versi alternatif dari surat yang disiapkan, pilih di Artboard dan tambahkan ke Fontself.  Program ini akan menanyakan apakah Anda ingin mengubah huruf yang ada 'O' atau membuat glyph alternatif. Cukup klik tombol Alternate, dan di sana Anda memilikinya!

add alternates in fontself

Langkah 14 

Sekarang kita telah menambahkan semua karakter ke Fontself, menyesuaikan jarak dan kerning, dan mengatur ligatures dan alternatif, saatnya untuk menamai bayi kita! 

Klik tombol Font Infos di jendela Home dari Fontself dan isi semua informasi yang diperlukan. Petunjuk pengembang akan memandu Anda selama proses berlangsung. Saya tidak bisa tidak menyebutkan rasa humor mereka di bagian ini. 

name your font and add info

Langkah 15 

Akhirnya, saatnya untuk mencoba font warna pertama kami! Oh, aku sangat bersemangat! 

Untuk mulai dengan, kita bisa mengujinya di Adobe Illustrator dengan mengklik tombol Install di bagian atas jendela Home dari Fontself. Sekarang Anda dapat memilih font Anda di panel Karakter Adobe Illustrator (Window > Karakter) dan mencobanya dengan mengetik sesuatu! 

install your font and test it

Langkah 16 

Setelah Anda puas dengan hasilnya, lanjutkan dan klik tombol Export di jendela Fontself untuk menghasilkan file OpenType dengan font Anda dan semua fitur keren yang kami tambahkan ke dalamnya menggunakan ekstensi. Mengekspor font juga memungkinkan Anda untuk Menyimpan pekerjaan Anda dan kapan pun Anda perlu mengeditnya lagi, Anda hanya harus Open di Fontself dan di sana Anda memilikinya! 

export your opentype font

Selamat! Font Warna Kami Sudah Selesai! 

Kerja bagus! Sekarang kita bisa bersenang-senang menggunakan font warna kami di Adobe Photoshop CC 2017/2018 dan Adobe Illustrator CC 2018!  Proses menyesuaikan dan menginstal font dengan bantuan Fontself Maker sangat menyenangkan dan mudah sehingga saya bahkan tidak menyadari bagaimana saya menyelesaikan semua langkah yang biasanya membuat saya bosan. 

Saya harap Anda menikmati membuat karakter dalam Adobe Illustrator dan mengubahnya menjadi font berwarna di Fontself sebanyak yang saya lakukan. Jangan ragu untuk mencobanya, dan jangan lupa untuk membagikan hasil Anda di komentar di bawah atau di jejaring sosial dengan #fontself!

Color Font in Fontself

Jika Anda ingin membuat teks dalam tutorial ini dan Anda ingin bermain, jangan ragu untuk mengambil Fiesta Color Font di Envato Elements! Dalam arsip Anda juga akan mendapatkan file vektor dengan semua karakter untuk membuat tulisan Anda sendiri atau untuk mencoba fungsi di Fontself Maker. Nikmati!

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.