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
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.
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.
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)
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 :
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.
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 :
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.
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).
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.
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;
Lihat seperti gambar dibawah ini;
 |
| Gambar 13 : Jenis jenis Offset Path pada objek |
Sekian tutorial, semoga bermanfaat dan menambah ilmu anda.
Salam Blogger.
Salam Blogger.
.jpg)
.png)
