Tutorial Cara Membuat Warna Gradasi atau Gradient Pada Font Teks di Adobe Illustrator

FlamingoSolution | Tehnik Gradient adalah tehnik yang dikenal dengan menggabungkan lebih dari satu warna kedalam suatu objek sehingga menghasilkan warna gradasi. Tenik ini juga adalah suatu tehnik pewarnaan yang sudah tidak jarang kita lihat saat ini, contohnya dalam beragam jenis desain, salah satunya juga dapat diterapkan pada teks atau font.

Disamping itu tehnik pemberian warna gradasi pada teks juga salah satu tehnik yang dapat menunjang hasil dari kreatifitas itu sendiri nantinya, yang mana dapat membuat teks tampil lebih muda, bersahabat dan biasanya disebut catchy. Tak jarang tehnik ini dipakai untuk lebih menarik perhatian (Eye Catching) seperti contoh pada logo wordmark, Brosur, dll.

Font dengan warna gradasi dan menggunakan offset path

Berikut langkah langkah membuat warna gradient pada teks dalam Adobe Illustrator

Langkah 1 : Buat layer baru
Klik New Layer, Kemudian Klik OK

Gambar 1 : Buka Layer Baru

Langkah 2 : Buat  Teks kedalam Layer
Masukkan atau ketikkanlah sebuah teks kedalam layer yang nantinya akan berfungsi sebagai objek pemberian warna gradasi.
NB : Biasanya untuk pewarnaan gradasi pada teks digunakan font yang tidak terlalu tipis.

Gambar 2 : Beri teks kedalam Layer

Langkah 3 : Ubah teks menjadi sebuah objek
Seleksilah teks tersebut, lalu pilih Objek > Expand kemudian Klik OK.

Gambar 3 : Mengubah teks menjadi objek

Langkah 4 : Beri Warna pada Objek Teks
Sebelum memberi warna pada objek huruf, tentu kita harus membuka panel gradient terlebih dahulu.
Buka panel gradient yang terletak dibawah kotak pewarnaan /swatches (disebelah kanan)

Gambar 4 : Membuka Panel Gradient

kemudian, tariklah warna pertama yang diinginkan melalui panel swatches dan letakkan disebelah kiri garis gradient.

Selanjutnya tarik lagi warna kedua yang diinginkan, lalu letakkan disebelah kanan garis gradient.
Lihat gambar berikut ini :

Gambar 5 : Memberi warna gradasi pada objek huruf

Langkah 5 : Atur Warna Gradasi pada Objek
Setelah pemberian 2 warna tersebut, seleksi kembali seluruh objek tersebut, kemudian klik gradient tools yang ada pada kotak toolbox.

Gambar 6 : Gradient tool pada toolbox

Selanjutnya tariklah garis gradient disekitar objek huruf tersebut untuk mengatur posisi warna gradasi sesuai yang anda inginkan. (Secara Horizontal, Vertikal, Diagonal).
Perhatikan cara penarikan gradasi pada gambar berikut ini :

Gambar 7 : Cara mengatur / menarik warna gradasi pada objek huruf

Untuk mengatur objek huruf satu persatu, seleksi dulu semua objek, lalu pisah dengan dengan cara Klik kanan, lalu Klik Ungroup.

Gambar 8 : Memisah objek huruf dengan ungroup

Selanjutnya pilihlah objek huruf tertentu, kemudian beri warna gradasi seperti pada diawal langkah 4.
Dan jika sudah selesai memberi warna pada huruf tertentu,  jangan lupa menggabungkan kembali semua objek dengan group.

Pada tahap ini tahap pewarnaan secara gradasi / gradient telah selesai, namun sebagai tambahan biasanya untuk mempercantik atau mendukung tehnik ini digunakan offset path.

Langkah 6 : Memberi Offset Path pada Objek Huruf
Seleksi semua objek huruf tersebut, kemudian Klik panel Window > Appearance (atau tekan shift + F6).

Gambar 9 : Membuka panel Appearance

Setelah itu akan muncul kotak panel Appearance, kemudian klik tanda panah kecil yang ada disudut panel appearance tersebut, lalu klik Add New Fill, seperti yang ada pada gambar ini :

Gambar 10 : Menambah Fill pada panel Appearance

Dengan langkah ini, maka objek huruf akan berubah menjadi warna hitam,
Kemudian pindahkan Fill baru tersebut kebawah content.

Gambar 11 : Memindahkan Fill pada panel Appearance

Lalu klik Fill yang sudah dipindah tersebut, lalu Klik Panel Effect > lalu Path > Pilih Offset Path

Gambar 12 : Membuat Offset Path pada objek huruf

Kemudian akan keluar kotak dialog Offset Path, centang terlebih dahulu Preview, dan aturlah ukuran offset Path pada kolom Offset, dan atur pula jenis offset pada kolom Joins.
Lihat seperti gambar dibawah ini;

Gambar 13 : Jenis jenis Offset Path pada objek

Sekian tutorial, semoga bermanfaat dan menambah ilmu anda.
Salam Blogger.

Cari Artikel Menarik Lain

Tweet

Ditulis oleh Utomo19

Flamingo Solution | Media Informasi Seputar Teknologi dan Seni Visual