Membuat Ikon Berita dengan Adobe Illustrator

Sesuai target jadwal, saya memberikan tutorial seminggu sekali di situs ini. Untuk kali ini berupa tutorial Adobe Illustrator. Di tutorial ini, kita akan membuat ikon berita menggunakan Adobe Illustrator. Saya sarankan Anda untuk menggunakan Illustrator CS5 karena kita akan belajar fitur baru yaitu Draw Inside. Anda bisa men-download versi trial Illustrator CS5 di sini.

Preview

Sebelum mulai. Lihat terlebih dahulu ikon yang akan kita peroleh di bawah.

Langkah 1

Buat persegi. Gunakan fill dan stroke dengan warna seperti di bawah.

create complex pattern using smart object and nudging

Langkah 2

Aktifkan tool direct selection, geser pojok kiri ke bawah. Bentuk ini akan menjadi halaman koran.

create complex pattern using smart object and nudging

Langkah 3

Saya harap Anda menggunakan CS5 saat ini. Klik ikon yang terlihat di bawah untuk memasuki mode Draw Inside. Mode ini memungkinkan Anda untuk menggambar di dalam objek. Hasilnya sebetulnya sama saja dengan penggunaan Clipping Mask namun lebih praktis.

create complex pattern using smart object and nudging

Langkah 4

Buat sebuah kotak menutupi halaman koran. Isi dengan gradasi seperti di bawah.

create complex pattern using smart object and nudging

Langkah 5

Tambahkan lingkaran dengan gradasi radial putih ke transparan di bagian atas.

create complex pattern using smart object and nudging

Langkah 5

Cukup saja dengan fitur Draw Inside. Klik ikon pertama untuk kembali ke mode gambar biasa. Tambahkan teks untuk judul koran. Buat beberapa garis seperti terlihat di bawah. Perhatikan bahwa tujuan kita membuat ikon jadi garis-garis ini sudah cukup untuk merepresentasikan isi koran.

create complex pattern using smart object and nudging

Langkah 6

Tahan Alt lalu geser garis isi berita ke bawah untuk menduplikasinya.

create complex pattern using smart object and nudging

Langkah 7

Ulangi proses duplikasi dengan menekan Ctrl + D.

create complex pattern using smart object and nudging

Langkah 8

Seleksi garis-garis tadi lalu duplikasi.

create complex pattern using smart object and nudging

Langkah 9

Sekarang buat sebuah kotak untuk mewakili gambar koran.

Untuk mempermudah, pastikan Anda telah mengaktifkan Smart Guides di menu View. Fitur ini memperudah penempatan objek-objek agar rata dengan objek lainnya.

create complex pattern using smart object and nudging

Langkah 10

Seleksi garis-garis dan teks judul koran. Klik Object > Expand untuk mengubahnya ke shape.

Buat garis memotong objek-objek di luar koran. Klik Objek > Path > Divide Objects Below. Perintah ini akan memnotong semua objek yang ada di bawah garis.

create complex pattern using smart object and nudging

Langkah 11

Seleksi objek di luar koran lalu hapus.

create complex pattern using smart object and nudging

Langkah 12

Kita sudah selesai dengan halaman depan. Untuk membuat halaman belakang, gandakan halaman depan lalu isi dengan garis-garis. Lihat gambar di bawah untuk referensi.

create complex pattern using smart object and nudging

Langkah 13

Simpan objek hasil duplikasi di belakang halaman pertama. Putar sedikit.

create complex pattern using smart object and nudging

Langkah 14

Kita mulai membuat bayangan. Buat segitiga seperti di bawah dan simpan di antara kedua halaman. Klik Effect > Blur > Gaussian Blur.

create complex pattern using smart object and nudging
create complex pattern using smart object and nudging

Langkah 15

Sebagian bayangan berada di luar koran. Buat bentuk baru seukuran dengan halaman belakang koran. Pastikan berada di depan bayangan. Seleksi keduanya, bayangan dan objek baru, lalu klik Object > Clipping Mask > Make atau tekan Ctrl + 7.

create complex pattern using smart object and nudging
create complex pattern using smart object and nudging
create complex pattern using smart object and nudging

Langkah 16

Seleksi kedua halaman koran dan tekan Ctrl + G untuk menggabungkannya ke dalam group. Buat lingkaran di bawah koran dengan gradasi radial hitam ke transparan. Ubah bentuknya hingga ellipse.

create complex pattern using smart object and nudging
create complex pattern using smart object and nudging
create complex pattern using smart object and nudging

Langkah 17

Ulangi langkah 16 kali ini buat lingkaran lebih besar dan turunkan opacity-nya.

create complex pattern using smart object and nudging

Kesimpulan

Saya harap Anda belajar satu atau beberapa teknik dari tutorial ini. Jika ada pertanyaan silakan lontarkan di kolom komentar.

download file psd

Iklan

10 thoughts on “Membuat Ikon Berita dengan Adobe Illustrator

  1. Adobe Illustrator 5 ?
    Mo download ntar quota habis, nggak donlod ngiler.
    Btw, tutorialnya lengkap dengan gambar dan loadnya lumayan 😉
    Maaf, OOT mas, bingung kalau sudah berhadapan dengan illustrasi digital seperti ini.

  2. Situs tutorial memang boros bandwidth. Harus banyak gambar.

    Nanti saya bagikan juga file ini dalam bentuk ikon. Siapa tahu ada yang mau pakai.

  3. Keren ini , Tutorialnya Membantu banged , terutama saya yang masih Newbie di dunia Ilustrator , makasih banyak,
    Tutorialnya bagus

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s