Custom Type Design

Di tutorial kali ini, gue buat Custom Type Design dan masih menggunakan software Adobe Illustrator CC. Selain CC, CS 6 atau dibawahnya mungkin masih bisa lah ya mengikuti tutorial ini. Tutorial ini juga gue dapet dari youtube dan gue pelajari (link youtubenya di bawah). Kali ini pakai font, jadi kalian harus download dulu. Kalian cari di search mbah Google tercinta, 'bonbon font free download' nah disitu bakal ada video dari youtube, nah linknya ada di deskripsi. Dari situ kalian akan di direct ke link buat download gitu. Kalian harus nonton dulu videonya, agar kalian tau password buat dapetin tuh font.

Link Font dari Youtube : https://www.youtube.com/watch?v=n0KPYwlbT8U

Link Download Font : https://bit.ly/2jzr35r

Kalo udah selesai download nya, kalian ekstrak, lalu di install fontnya. 😗

Oke guys, mari kita mulai tutorialnya.

Buka Adobe Illustrator

Seperti biasa, pertama kalian Ctrl + N (New Document)

Ukuran nya yang gue pake untuk hp 1080 x 1920px, lalu ok. (ukurannya Pixels ya, bukan Centimeters ataupun Inches dan lainnya.)

Selanjutnya, kita siapin dulu preset warna yang akan kita pakai. (ini warna optional aja sih, kalian mau pakai preset warna gue atau bisa cari di coolors.co )

Preset warna :

Light Cyan : #DDFFF7

Pale Robbin Egg Blue #93E1D8

Light Salmon Pink #FFA69E

Medium Ruby #AA4465

Japanese Violet #462255

buat background dengan Rectangle Tool (Shortcut M), dan berikan warna #93E1D8

kalian bisa pisahkan layer background dengan layer pertama, lalu kunci layer background agar background gak kemana-mana (maksudnya pas kalia lagi nge desain, kadang suka ke klik gitu, agak ganggu menurut gue).

Berikan Text (Shortcut T), lalu type text apapun, kalo gue sekarang mau buat sesuka gue ehehe.

(text nya gue tulis 'Graphic' gue mau buat 2 kata jadi 'Graphic Design' tapi gue buat 1 kata dulu sebagai contoh).

Yaaa seperti yang terlihat di gambar, kurang enak dilihat ya, kurang apik atau kurang keren gimana gitu wkwkwk. Jadi di Bonbon font ini ada OpenType nya.

Nah, ini adalah OpenType yang gambar di atas tadi, kalian bisa kombinasiin apa aja yang meurut kalian tuh cocok buat dijadiin Custom Type.

Sebagai contoh :

Gimana? beda kan? ehehe :v

Nah gue nge random OpenType 1 kata ini jadi per huruf.

Selanjutnya, klik Text menggunakan Selection Tool (shortcut V), lalu klik kanan Create Outlines.

Lalu, Text akan berubah seperti ini

Lalu pada Pathfinder klik Unite untuk merge text.

Lalu klik  Object > Path > Offset Path... > OK (ini untuk membuat offset path atau garis luar)

Setelah itu, gambar akan seperti ini

Lalu, seleksi bagian dalam gambar dengan menekan Shift+Ctrl, lalu berikan warna #FFA69E

Lalu, pada bagian dalam gambar, merge gambar dengan klik pada Pathfinder lalu pilih Unite.

Setelah itu, seleksi bagian offset path dengan menekan Shift+Ctrl, lalu merge gambar dengan Pathfinder lalu pilih Unite.

Lalu, berikan warna #462255

Setelah itu klik Edit > Copy > Edit > Paste in Back

Lalu geser offset path yang telah di copy dengan menekan Shift + ➞

Lalu klik bagian offset path yang tadi dengan yang telah di copy dengan menekan Shift + Ctrl

Setelah itu, klik Object > Blend > Make > Object > Blend > Blend Options

Ubah Spacing menjadi Specified Steps lalu ubah angkanya menjadi 80 lalu ok.

Lalu klik Object > Expand > OK.

Lalu satukan gambar yang telah di expand dengan Pathfinder lalu pilih Unite.

Nantinya, offset path dengan yang telah dicopy menyatu.

Lalu, Klik bagian dalam gambar dengan menekan Shift + Ctrl, lalu klik Edit > Copy > Edit > Paste in Back

Lalu berikan warna #AA4465

Lalu klik bagian gambar berwarna pink muda, lalu berikan garis stroke berwarna ungu.

Stroke : Round Join & Align Stroke to Outside

Nah, biar keliatan nyata seperti lettering menggunakan tangan hehe, kita bermain Pen tool.

ini random aja ya mau pakai atau nggak.

Selanjutnya membuat highlight untuk teks nya nih. Highlight teks menggunakan warna #DDFFF7.

Buat lingkaran menggunakan Ellipse Tool (Shortcut L).

Lalu klik pada tool Direct Selection Tool (Shortcut A).

Rentangkan point atau titik masing masing ke kanan dan ke kiri.

Lalu pada window Brushes, klik New Brush lalu pilih Art Brush lalu klik OK.

ini langsung ok aja.

Nah langsung ada deh nih brush yang baru kita buat.

Penerapan Highlight ini optional yaa.

Nah, setelah membuat highlight dengan Pentool, saatnya kita berikan brush yang tadi kita buat.

Select garis highlight (satu aja yaa), lalu klik Select > Same > Stroke Color auto select semua stroke highlight nya ehehe ajaib.

Setelah di Select, kita klik brush yang tadi kita buat.

Jelek ya jadinya kaya gitu :( tapi tenang, kita bisa kecilin nih. Caranya dengan Stroke.

Nah, selesai deh 😀

Yang terakhir kita eksport nih

Klik File > Eksport > Eksport for Screens...

Ubah nama 'Artboard 1' lalu pada Ekxport to pilih penempatan untuk menyimpan hasilnya. lalu klik Eksport

Nah, sekian dulu guys tutorial dari gue, semoga kalian bisa mencobanya, dan mengasah terus desainnya. Terimakasih 😙

Link Tutorial Youtube : https://www.youtube.com/watch?v=Rt15_OclsyI