Friday, December 11, 2015

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

5:09:00 AM

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.

Ditulis oleh

Flamingo Solution | Media Informasi Seputar Teknologi dan Seni Visual

3 komentar:

Mari Saling Berbagi, Membangun dengan memberi kritik, saran jika ada yang kurang jelas, dan tentunya Komentar yang tidak mengandung hal NEGATIF, SARA, BERBAU PORNO GRAFI.
Salam BLOGGER

 

© 2013-2019 Flamingo Solution. All rights resevered. Designed by Templateism

Back To Top