Menggambar Ikon Pensil dengan Adobe Illustrator

Menggambar Ikon Pensil dengan Adobe Illustrator

May 5th, 2010 | Author: Mohammad Jeprie | Posted in: Desain Ikon, Tutorial | 6 Comments

This post is also available in: EnglishTutorial kali ini beda, kita akan menggunakan hanya Illustrator dalam tutorial ini. Jika Anda sudah terbiasa dengan Photoshop, mungkin ini akan terasa menyulitkan karena Illustrator memang tidak seramah Photoshop. Tapi tetaplah semangat, saya juga belum terlalu pintar Photoshop. Ayo kita sama-sama belajar. Di tutorial ini, kita akan menggambar ikon [...]

Jeprie dilahirkan dengan kemampuan super power. Menembus dinding dan terbang dengan kecepatan cahaya hanyalah sebagian dari kemampuannya. Tidak banyak orang yang tahu ini, karena identitasnya tersembunyi di balik kaca mata dan rambut ikalnya. Ketika keadaan aman dan terkendali, dia selalu meluangkan waktu untuk menggambar mockup PSD, menulis buku, dan berbagi tutorial di beberapa situs besar seperti psdtuts+.

This post is also available in: English

Tutorial kali ini beda, kita akan menggunakan hanya Illustrator dalam tutorial ini. Jika Anda sudah terbiasa dengan Photoshop, mungkin ini akan terasa menyulitkan karena Illustrator memang tidak seramah Photoshop. Tapi tetaplah semangat, saya juga belum terlalu pintar Photoshop. Ayo kita sama-sama belajar.
Di tutorial ini, kita akan menggambar ikon pensil menggunakan Adobe Illustrator. Dengan mengikuti tutorial ini, Anda akan belajar teknik pembuatan refleksi dengan clipping mask dan cara transformasi skew.

Preview

Seperti biasa, sebelum memulai tutorial ini lihat terlebih dahulu gambar yang akan kita hasilkan.

menggambar pensil dengan adobe illustrator

Langkah 1

Buka Illustrator, buat file baru (File > New) dengan ukuran 1024×768 px.

menggambar pensil dengan adobe illustrator

Langkah 2

Aktifkan tool poligon. Klik di atas kanvas dan masukkan setting side: 6 untuk menghasilkan bentuk hexagon. Atur bentuknya gar seperti terlihat di bawah. Ubah juga warnanya ke orange muda.

menggambar pensil dengan adobe illustrator

Langkah 3

Di bawah hexagon, buat persegi panjang menggunakan tool rectangle. Atur warnanya ke kuning.

menggambar pensil dengan adobe illustrator

Langkah 4

Klik tengah bawah persegi panjang dengan tool pen untuk menambah titik baru. Dengan tool panah putih, seleksi titik tadi dan geser ke bawah.

menggambar pensil dengan adobe illustrator

Langkah 5

Aktifkan tool move. Sambil menahan alt geser bentuk tadi ke kiri untuk membuat duplikasinya. Dengan tool shear ubah bentuknya hingga menempel dengan hexagon.

menggambar pensil dengan adobe illustrator

Langkah 6

Seperti tadi, buat sisi kanan. Ubah warna persegi-persegi ini jadi kuning muda dan kuning tua.

menggambar pensil dengan adobe illustrator

Langkah 7

Aktifkan tool elips dan gambar elips hitam di bagian atas pensil.

menggambar pensil dengan adobe illustrator

Langkah 8

Dengan tool pen, gambar segitiga di bawah pensil. Ini akan menjadi ujung pensil. Ubah warnanya ke gradient seperti di bawah.

menggambar pensil dengan adobe illustrator

Langkah 9

Sekarang di atas segitiga tadi buat lagi segitiga lebih kecil. Turunkan opacity-nya ke 62%.

menggambar pensil dengan adobe illustrator

Langkah 10

Klik Effects > Blur > Gaussian Blur. Beri radius 5,4 pixels lalu klik OK. Sekarang bentuk ini menjadi highlight di ujung pensil dan memperkuat kesan 3D.

menggambar pensil dengan adobe illustrator

Langkah 11

Proses blur akan membuat ukuran highlight membesar. Kita perlu mengatur agar highlight ini tetap berada di ujung pensil dengan memberinya clipping mask. Aktifkan segitiga ujung pensil lalu tekan ctrl+C untuk copy. Aktifkan segitiga highlight lalu tekan ctrl+F untuk menyimpan segitiga hasil copy ke depannya. Seleksi keduanya dan klik Object > Clipping Mask > Make (ctrl+7).

menggambar pensil dengan adobe illustrator

Langkah 12

Tentu saja, jangan lupa karbon di ujung pensil. Buat bentuk seperti di bawah dengan tool pen. Copy lagi segitiga ujung pensil (ctrl+C) dan simpan di atas objek tadi. Seleksi keduanya lalu tekan ctrl+7.

menggambar pensil dengan adobe illustrator

Langkah 13

Gambar segitiga kecil berwarna putih di dalam ujung pensil dan turunkan opacity-nya ke 35%.

menggambar pensil dengan adobe illustrator

Langkah 14

Di bagian atas, buat beberapa persegi panjang. Atur agar warnanya makin ke kanan makin gelap, sama seperti warna sisi pensil.

menggambar pensil dengan adobe illustrator

Langkah 15

Seleksi semua objek di dalam pensil lalu tekan ctrl+G. Semuanya sekarang sudah berada dalam satu group. Seleksi pensil lalu putar posisinya.

menggambar pensil dengan adobe illustrator

Langkah 16

Gandakan pensil dengan ctrl+C lalu ctrl+F. Putar posisinya hingga seperti di bawah. Ini akan kita buat sebagai refleksi pensil di lantai.

menggambar pensil dengan adobe illustrator

Langkah 17

Kita perlu menyembunyikan sebagian refleksi pensil ini. Buat persegi panjang menutupi refleksi pensil. Isi dengan gradasi dari putih ke hitam.

menggambar pensil dengan adobe illustrator

Langkah 18

Seleksi refleksi pensil dan kotak yang menutupinya.

menggambar pensil dengan adobe illustrator

Langkah 19

Di kotak transparency buka menu panel dan pilih Make Opacity Mask.

menggambar pensil dengan adobe illustrator

menggambar pensil dengan adobe illustrator

Langkah 20

Untuk bayangan, gandakan kembali pensil dan simpan di atas lantai. Dari panel Color ubah warnanya menjadi hitam.

menggambar pensil dengan adobe illustrator

Langkah 21

Klik Effects > Blur > Gaussian Blur.

menggambar pensil dengan adobe illustrator

Langkah 22

Buat kotak dengan gradasi hitam ke putih menutupi bayangan pensil. Seleksi keduanya lalu tekan ctrl+7.

menggambar pensil dengan adobe illustrator

Langkah 23

Ini dia hasilnya, sebagian bayangan menghilang.

menggambar pensil dengan adobe illustrator

Kesimpulan

Terakhir, sebagai pemanis buat kotak di paling bawah dan isi dengan gradasi radial dari abu-abu ke putih. Saya harap Anda menyukai tutorial ini dan belajar satu atau dua teknik darinya. Ingat! Saya juga masih belajar Illustrator. Jika Anda memiliki tips Illustrator, bantu saya dengan menuliskannya di bagian komentar.

menggambar pensil dengan adobe illustrator

Download File Source

Possibly Related Posts

We Have 6 Awesome Comments!

  1. ajir says:

    seep! mantap bg, detail penjelasannya..thanks! :D

  2. drimlen says:

    bagus tutornya tapi kurang detail penjelasannya kk…

  3. martin says:

    yg lngkh 4 cara buat bwhny melingkar gmn y, koq dh dcba gak bs?

    • Jeprie says:

      Pastikan path aktif lalu klik dengan tool pen untuk menambah titik baru.

      Dengan tool panah putih (direct selection) pilih titik baru lalu geser ke bawah.

  4. rajak says:

    tutorial disni asyik-asyik…
    musti belajar banyak ne dari desaindigital
    keren bro….

Leave your comments here!