Anda di halaman 1dari 23

Tutorial Illustrator : Membuat design “ Icon Button Unpload”

Gimana hasil jadinya ??? meskipun ga sebagus para master tapi lumayankan buat coba-coba
buat ,,makannya gan buat anak jangan coba-coba #loh ??? jiahahaha #sekedar iseng
gan.Karena saya udah bilang untuk beberapa bulan ini saya akan menposting terus tentang
Illustrator maka dalam tema ini masi dalam dunia illustrator heheh  dengan judul Membuat
design ”Icon Button Upload” .Terlihat sangat simple sekali hasil jadinya tapi jangan salah bagi
saya ini cukup rumit dan banyak tahapannya ,,saya sengaja dari kemaren posting secara berkala
maksudnya dari tahap yang mudah ke tahap yang lebih rumut agar kalian dapat memahami
sedikit demi sedikit postingan yang saya upload *ini khusus saya tunjukan untuk para newbie
seperti saya tapi kalo para master mah ga perlu tinggal coba yang mana ajah kan gampang tapi
kalo para newbie mungkin masi kesusahan untuk mencari tools nya ,,jangan kuatir karena
dengan mencoba tutorial-tutorial yang saya post kan ingsyaallah anda pasti akan terbiasa

menggunakan illustrator ,,yuuuk mending langsung di coba ajah gan !!!


1.Create a new document seperti gambar di bawah ini

2.Pada layer 1 buat menggunakan Rectangle Tool untuk backgroundnya dan atur gradientnya
sesuai gambar !!!
3.Buat lagi bentuk menggunakan Rectangle Tool dengan ukuran seperti ini

*sekedar mengingatkan untuk lanjut ke gambar selanjutnya add new layer dan silahkan
gembok layer backgroudnya biar ga rese jiahahaha

4.Atur warna Gradientnya sesuai gambar


5.Klik Effect > Stylize > Round Corners atur sesuai gambar dan strokenya di buat none

6. Klik Effect > Stylize > Inner Glow atur sesuai gambar

7. Klik Effect > Stylize > Drop Shadow atur sesuai gambar
8.Buat gambar elip menggunakan Ellipse Tool ,perhatikan gambar

9.Duplicat (Ctrl+C dan Ctrl+F) pada bagian persegi panjangnya,,lalu posisikan paling atas (Object
> Arrange > Bring to front) selanjutnya perhatikan bagian Appearance hapus inner glownya
10.Gabungkan gambar persegi panjang yang di atas dan elipsnya dengan tekan Shift+klik kedua
gambar itu lalu klik icon button di pathfinder ,lihat gambar

11.Maka akan kelihatan hasil jadi dari gabung itu lalu klik dan atur gradient & Transparency
12.Klik bagian persegi panjangnya dan atur sesuai gambar ini

13.Buat layer bru lalu klik 2 kali layer itu maka akan tampil dialog seperti ini dan aturlah
14.Klik line segmen tool lalu atur fiil & Strokenya,lihat gambar

15.Klik tulisan Strokenya lalu atur ,lihat gambar


16.Klik Object > Expand lalu atur

17.Gunakan Ellipse Tool buat gambar 3 buah lingkaran seperti gambar di bawah lalu satukan
dengan gambar seperti kapsul itu dengan mengkilik button di pathfinder

18.Atur Gradientnya
19.Duplicat awan tersebut lalu gunakan Scale Tool(S) untuk memperkecil bentuknya supaya
rapih dan lakukan 2 kali

20.klik awan ke-2 yang posisinya di tengah lalu klik kana Transform > reflect maka akan keluar
dialog seperti ini dan aturlah
21. Klik Effect > Stylize > Drop Shadow

22.Selanjutnya kita akan membuat pelangi,,sebelumnya aktifkan dulu Brushes (window >
Brushes>.Gunakan Rectangle Tool dan atur Width : 16 pt dan Height : 20 pt lalu kasih warna
merah dan duplicat 3 kali dan posisikan tepat di bawahnya,dan atur warnanya liat gambar !!
23.Setelah selesai 4 warna pelangi itu *loh kok pelangi Cuma ada 4 warna yak ??? jiahahha
,,Select ke 4 bentuk itu lalu drag (tekan geser) ke area Brushes sehingga keluar dialog
seperti ini dan aturlah
24.Sehingga ini hasilnya

25.Gunakan Ellipse tool dan atur seperti gambar


26.Disini kita akan memotong lingkaran jadi setengan lingkaran gunakan Scissors Tool ( C ) klik
pada bagian lingkaran tersebut lihat gambar !! saya kasi warna kuning untuk memperjelas
,,Select bagian bawahnya ( Selection tool (v) ) lalu tekan delet beberapa kali hingga hilang

27.Setelah itu maka di dapat setengah lingkaran lalu select dan klik di brushes pelangi yang tadi
kita buat
28.Masi pada bagian pelangi di klik ,, Object > Expand Appearance setelah itu klik kanan
Ungroup,,lalu klik Effect > stylize > Drop Shadow dan aturlah

29.Gunakan Rectangle Tool lalu buat sepeti gambar ini


30.Select keduanya dan gabungkan dengan pathfinder

31.Klik Object > Clipping mask > Make


32.Dan posisikan pelangi di belakang awan ke 2 dengan klik Object > Arrange > Send Backward

33.Tambahkan layer baru klik 2 kali dan aturlah


34.Buat persegi sekitar 76 x 76 ,,lalu Duplicat dan hasil duplicat putar gunakan Rotate tool terus
putar ke kanan agar hasilnya rapih

35.Letakan hasil duplicat di bawahnya ,,gunakan Pen tool dan tekan geser dari bawah ke atas
sehingga di dapat segitiga
36.Posisikan di atas persegi lalu gabungkan dengan pathfinder

37.Klik Effect > stylize > Inner Glow


38.Atur transparency

39.Duplicat lalu klik Effect > Stylize > Outer Glow dan atur Tranparency
40.Selanjutkan kita akan menulis Upload ,,perhatikan pengaturannya

41.Effect > Stylize > Drop Shadow


42.Lakukan hal yang sama dengan menggunakan font Georgia lalu atur Effect > Stylize > Drop
Shadow

Alhamdulillah gan akhirnya selesai juga capek juga yah gan buat postingan *pegel banget
(_ _!) … tapi ga napa dah gan yang penting saya bisa berbagi ilmu rasanya itu seru bisa belajar
juga illustrator lalu saya tuangin di postingan ini agar ilmu saya dapat bermanfaat sekalian juga
saya ngasah ilmu saya agar tajem jiahahah ,,hasil jadinya liat di atas jah yah gan  !!!

Bagaimana tutorialnya ?? cukup panjang kan gan dari yang kemaren-kemaren ?? nah lakukan
lah secara bertahap dari postingan saya tentang dunia illustrator sebelumnya ,,kalo kalian
sering mencoba membuat apa saja dengan illustrator ingsyaallah kalian akan terbiasa
menggunakan semua tools nya nah ini adalah kunci untuk memahami dan menguasai semua
tool di illustrator,,setelah kalian paham betul kalian bisa membuat apa saja yang kalian mau
baik gambar vector atau design kemasan lain ,,ngomong-ngomong tentang vector mungkin saya
belom bisa ngepost karena tahap ini cukup rumit untuk saya buat postingan hehehe *alibi ajah

ni ,,soalnya kalo gambar vector saya menggunakan corelDRAW atau photoshop.Kalo


illustrator bagusan untuk buat poster ,brousur ,design product,design cover,design 3D ,dll
soalnya untuk pewarnaannya disini masternya gan dari pada photoshop atau corelDRAW
.Photosho lebih familiar untuk editing foto sedangkan corelDRAW memang cocok untuk gambar
vector dan buat bentuk seperti kemasan  tapi jagonya warna di oom illustrator ini gan
jiahahah .Sampai jumpa kembali yah _dianluffy.wordpress.com_

Anda mungkin juga menyukai