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.

By: Utomo19 On 5:09:00 AM

Continue Reading

Tutorial Lengkap Cara Membuat Text 3D Di Illustrator

flamingosolution.com | Bagaimana Cara membuat Text 3D dalam Illustrator?

Berikut Rangkaian Langkah langkah membuat Text 3D Dalam Illustrator

Langkah 1 – Buka Illustrator dan Buat Layer Baru
Untuk ukuran layer terserah pada anda, sesuai kebutuhan bidang untuk text.

Gambar 1 : Membuka Layer Baru

Langkah 2 – Pilih dan Masukkan Text Ke dalam Text
Jenis Text
Pilihlah jenis text yang sesuai dengan keinginan anda , biasanya untuk membuat text 3D ini akan lebih menarik jika jenis jenis yang memiliki ketebalan (Bold). Lalu Masukkan text kedalam layer,
Pewarnaan
Untuk pewarnaan biasakan untuk tidak memilih warna yang terlalu gelap. tujuannya agar setiap sisi dalam dimensi teks kelihatan.

Gambar 2 : Memasukkan Text

Langkah 3 – Mengubah Format Text
Dalam langkah ini kita harus merubah format dari yang sebelumnya text, menjadi sebuah Path.
Caranya seleksi Text tersebut – kemudian klik Object > Expand. (terletak dibagian atas panel)

Gambar 3 : Mengubah Format Text ke Objek

Selanjutnya akan muncul kotak dialog baru, yaitu kotak Expand, Klik – OK.
Maka seperti anda lihat dibawah ini teks telah berubah menjadi Path/ Objek.

Gambar 4 : Perubahan Format Text

Tujuan (expand) atau merubah text menjadi Path/Objek ialah agar setiap sudut dan sisi sisi yang ada pada format text sebelumnya dapat di “Render” ke dalam 3 Dimensi.

Langkah  4 – Membuat Tampilan 3 Dimensi
Selanjutnya Klik Effect > 3D > Extrude & Bevel, seperti pada gambar dibawah ini

Gambar 5 : Mengubah Objek ke 3 Dimensi

Kemudian setelah itu akan muncul kotak dialog Extrude & Bevel.
Klik Preview terlebih dahulu, agar bisa melihat langsung pengaturan pada Path (text) .
Lalu Aturlah sudut atau Rotasi Text sesuai dengan yang anda inginkan. (Nomor 2 pd Gambar)

Gambar 6 : Menampilkan dan Mengatur Rotasi Objek

Langkah 5 – Mengatur Rotasi pada Objek dan Teks
Sementara itu untuk melakukan Pengaturan Rotasi pada Objek/ Teks, lebih detailnya bisa anda lihat seperti gambar dibawah ini .

Gambar 7 : Pengaturan Rotasi

Sekian terima kasih tutorial singkat ini, semoga bermanfaat dan dapat menambah refrensi ilmu anda.

Salam BLogger.

By: Utomo19 On 10:05:00 PM

Continue Reading