Membuat Logo Tulisan dengan Adobe Illustrator

Pada tutorial ini, kamu bias membuat sebuah semacam logo tulisan sederhana menjadi lebih keren dengan menambahkan garis pinggir (offset) pada tulisannya.

Buka Adobe Illustrator. Buat Artboard baru menggunakan berukuran A4, Landscape. Saya memakai Color Mode RGB agar spektrum warnanya lebih luas.

Klik ?Rectangle Tool? Atau shortcut-nya ?M?.

Buatlah kotak menutupi Artboard.

Kita akan warnai kotak tadi. Buka panel ?Color? Atau menggunakan menekan F6. Panel Color akan timbul. Kita perlu menampilkan panel color tadi secara utuh. Caranya, klik icon sajian mini dalam kanan atas panel (lihat gambar). Pilih ?Show Options?, maka akan ada tambahan tampilan dalam panel tadi.

Jika engkau masih umum dengan Adobe Illustrator atau program Adobe lainnya, kamu perlu tahu panel Color (rona) ini. Fill color merupakan warna isi, ad interim Stroke color adalah rona sisi. Nah pada saat ini, warna Fill Color (isi) merupakan putih, ad interim Stroke Color (sisi) merupakan hitam.

Perhatikan, bila kotak ?Stroke color? Ada diatas ?Fill Color? Maka kamu sedang mengedit warna sisi menurut suatu objek yang diseleksi. Apabila ingin mengedit warna fill color-nya, maka engkau harus membalikkan posisi icon Fill Color dan Stroke Color dengan menekan X.

Sekarang yuk ubah warna fill colornya menjadi kuning, atau warna lain selera kalian.

Langkah 3 ? Masukkan Teks

Tekan Type Tool atau shortcut T. Kemudan buatlah kotak teks dengan mengklik & geser pada latar yang baru kita buat. Ketik sebuah kata sesuai selera (saya memakai kata “meh.”) Jika ingin mengubah font dan ukuran, seleksi teks tersebut kemudian pada panel “Character” yang terletak di bagian atas, pilih font yang tersedia dan ubah jenisnya (Bold, Italics) dan ukurannya.

Pada tulisan contoh yang saya pakai, jarak antar hurufnya terlalu jauh; saya ingin tulisan tersebut lebih rapat. Caranya, seleksi dulu tulisannya, kemudian klik menu “Character” yang berada di menu bagian atas. Ubah nilai “tracking” menjadi -100 (lihat gambar).

Kemudian ubah warna tulisan menjadi putih. Caranya sama seperti Langkah 2; buka panel Color, kemudian ubah Fill color tulisan dengan warna putih.

Langkah 4 – Membuat Outline

Ubahlah tulisan tersebut menjadi outline. Caranya pada menu atas Type> Create Outlines.

Maka tulisan tadi telah berubah menjadi outline.

Langkah 5 – Membuat Offset Path

Pastikan outline tadi aktif (terseleksi), karena kita akan menambahkan Offset Path – semacam garis sisi/stroke. Caranya masuk ke menu atas Object> Path> Offset Path.

Berikan nilai Offset 10, dan berikan tanda centang pada kotak “Preview” untuk bisa melihat hasilnya langsung. Jika sudah puas, tekan OK.

Buka panel Color (F6) dan berikan warna fill seadanya dulu untuk mempermudah membedakan garis offset dan objek tulisan utama kita.

Posisikan garis offset tersebut berada di belakang tulisan utama kita, dengan menekan Ctrl+[ (jika tulisan agak panjang, mungkin perlu ditekan berulang-ulang) sampai tepat berada di belakang tulisan utama. Klik di luar tulisan untuk menghilangkan path biru pada masing-masing sisi tulisan tersebut.

Langkah 6 – Tambahkan Offset

Supaya terlihat lebih nge-pop, copy garis offset tersebut. Tekan A untuk mengaktifkan Direct Selection Tool. Tekan & tahan Shift dan klik satu per satu tulisan sampai semua tulisan offset terseleksi. Lihat GIF di bawah ini:

Tekan dan tahan Alt dan kemudian geser ke arah pojok kanan bawah untuk membentuk semacam bayangan. Lihat GIF di bawah ini:

Hasilnya akan seperti ini

Langkah 7 – Gabung kedua offset

Mirip seperti langkah sebelumnya, seleksi kedua offset tadi, kemudian buka menu Window> Pathfinder.

Pilih Shape Mode Unite untuk menggabung kedua offset path.

Kita perlu menghilangkan sudut-sudut yang tidak perlu (misal pada pojok kiri bawah huruf “m” pada contoh). Aktifkan “Delete Anchor Point Tool” atau shortcut (-).

Hapus dengan mengklik titik-titik sudut tersebut dengan tool tadi.

Done!, desain logo tulisan sederhana sudah jadi. Selanjutnya kamu bisa ubah-ubah warnanya dengan memainkan panel Color (F6). Atau kamu bisa tambahkan dengan background vector atau foto. Selamat berkreasi!

Comments
0 Comments

Terima Kasih Atas Kunjungannya dan Kesediaannya untuk Berkomentar pada Blog ini. Saya Sangat menghargai Setiap Komentar, Masukkan, Saran, dan Kritik sekiranya dapat Membangun Blog ini Agar Lebih Baik Lagi Kedepannya. Berkomentarlah sesuai dengan Isi Bahasan Artikel. Mohon dengan Sangat Kepada Sobat-sobat untuk tidak berkomentar berbau unsur:
- Sara
- No Spam !!! [banyak sobat berkomentar di blog ini yang dianggap Spam, jadi maaf jika ada pesan sobat yang tdk dibalas / tdk Muncul]
Terima Kasih atas Kunjungannya Sobat.