Menggambar Ikon Pensil dengan Adobe Illustrator
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.
Seperti biasa, sebelum memulai tutorial ini lihat terlebih dahulu gambar yang akan kita hasilkan.

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

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.

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

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

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

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

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

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

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

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.

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).

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.

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

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

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

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

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

Seleksi refleksi pensil dan kotak yang menutupinya.

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


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

Klik Effects > Blur > Gaussian Blur.

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

Ini dia hasilnya, sebagian bayangan menghilang.

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.

Download PSD
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.

Tutorial
Langkah 1
Buka Illustrator, buat file baru (File > New) dengan ukuran 1.024 px × 768 px.

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.

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

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.

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.

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

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

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

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

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.

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).

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.

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

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

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

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.

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

Langkah 18
Seleksi refleksi pensil dan kotak yang menutupinya.

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


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

Langkah 21
Klik Effects > Blur > Gaussian Blur.

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

Langkah 23
Ini dia hasilnya, sebagian bayangan menghilang.

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.

Download
Download PSD
seep! mantap bg, detail penjelasannya..thanks! :D
ReplyDeletebagus tutornya tapi kurang detail penjelasannya kk...
ReplyDeleteTanya saja mana yang kurang jelas, nanti saya jelaskan lagi.
ReplyDeleteyg lngkh 4 cara buat bwhny melingkar gmn y, koq dh dcba gak bs?
ReplyDeletePastikan path aktif lalu klik dengan tool pen untuk menambah titik baru.
ReplyDeleteDengan tool panah putih (direct selection) pilih titik baru lalu geser ke bawah.
tutorial disni asyik-asyik...
ReplyDeletemusti belajar banyak ne dari desaindigital
keren bro....
Mantab bos tutorialnya....bakalan sering berkunjung neh...!
ReplyDeletemantab..guru :)
ReplyDeleteApiiiiikkkk.....
ReplyDelete