Tutorial Illustrator – Membuat Awan

Salam Narsis

Tutorial Illustrator - Membuat Awan

Salam kreatif buat teman-teman yang setia selama ini berkunjung di website tutorial desain tercinta ini. Nah dalam tutorial kali ini saya masih menggunakan Soft ware Adobe Illustrator.

Tutorial ini masih sama juga dengan yang sebelumnya, masih cukup sederhana dan tidak rumit, saya harapkan tutorial ini bermanfaat buat semuanya ya..

Tutorial kali ini, adalah tutorial Illustrator membuat awan. Ikuti saja langkah-langkahnya ya, cukup mudah kok..

Oke buka Illustratornya dan buat document baru..

Step 1.

Oke, terlebih dahulu kita buat backgroundnya ya.. karena awan berarti backgroundnya warna langit, gradasi biru putih. Saya sudah mengajarkan bagaimana membuat background gradasi di tutorial Mendesain Banner Sederhana Dengan Adobe Illustrator. silahkan di liat lagi, cukup mudah..

Oke kira-kira jadinya backgroundnya seperti ini, cukup kotak saja bentuknya.

Tutorial Illustrator - Membuat awan

Step 2.

Kunci layer 1 (background langit), buat layer baru (layer 2).

Tutorial Illustrator - Membuat Awan

Nah sekarang kita berkerja di layer 2.

Step 3.

Di Layer dua, buat lingkaran putih dua buah di kiri dan di kanan..

Tutorial Illustrator - Membuat Awan

Step 4.

Pilih blend tool(W). lalu klik ke dua gambar tersebut. Ntar terlihat seperti gambar di bawah ini

Tutorial Illustrator - Membuat Awan

Di sini ada 8 lingkaran, karena saya maunya 9, maka saya mengubahnya di blend option. Caranya ke menu atas, pilih object>Blend>Blend option.. maka akan keluar box, isi kan seperti yang di gambar di bawah..

Tutorial Illustrator - Membuat Awan

Karena saya mau 9 lingkaran, berarti isi datanya 7..

Step 5

Oke setelah itu di expand, object>expand>ok, klik kanan > ungroup. Atur letak dan bentuk gambar variasi ukuran namun lingkaran tengah paling besar.. Ikuti saja bagai mana saya mengatur seperti tampak di bawah..

Tutorial Illustrator - Membuat Awan

Step 6.

Nah sekarang dengan blend tool (W) lakukan lagi seperti cara tadi, klik lingkaran yang diujung kanan dan di ujung kiri, setelah itu ke blending option seperti tadi, lalu liat gambar di bawah..

Tutorial Illustrator - Membuat Awan

Setelah itu expand seperti tadi , object>expand>ok, klik kanan> ungroup. Jika kurang puas dengan bentuk awan, bisa di ubah lagi geser-geser aja lingkaran-lingkaran di tengah. Atau, naikkan lagi lingkaran paling besarnya..

Step 7,

Setelah di pastikan tidak ada lingkaran yang group, select semua lingkaran untuk di jadikan satu, caranya, setelah di pilih semua lingkaran.  Buka pathfinder, lalu gabung dan expand, liat gambar..

Tutorial Illustrator - Membuat Awan

Jika tidak tau bagaimana memunculkan pathfinder, silahkan liat lagi Tutorial Character Design – Alien Imut, di sana saya sudah menjelaskan bagaimana memunculkannya.

Sekarang awan telah selesai, waktunya memberikan effect buat awannya..

Tutorial Illustrator - Membuat Awan

Step 8..

Copy awan tersebut, Ctrl+C. Lalu buka window Transparency, cara memunculkannya Window > centeng transparency.. atau bisa juga dengan tekan Shift+Ctrl+F10.

Setelah muncul transparancy, pilih Make opacity make, dalam photoshop istilahnya masking..

Tutorial Illustrator - Membuat Awan

Setelah dipilih, awan tadi menjadi masking sehingga tidak terlihat, sekarang di kotak transparency ada dua kotak berwarna hitam dan putih, sekarang keadaan gambar kita ada di kotak putih, oleh karena itu untuk maskingnya kita pilih warna hitam klik aja warna hitam.

Tutorial Illustrator - Membuat Awan

Oke sekarang kita di kotak hitam, nah ingatkan tadi kita telah mengcopy awan putih tadi nah sekarang paste kan, tekan Ctrl+F jangan Ctrl+V. Karena kita mau awan yang kita copy tadi letaknya sama dengan sebelumnya..

Oke sekarang awan “copy”an tadi sudah terlihat di area kerja yang letaknya di kotak hitam di window transparency..

Step 9

Sekarang warna putih pada awan kita ubah warnanya gradient hitam putih.

Tutorial Illustrator - Membuat Awan

Nah kamu bisa mengatur gradientnya dengan Gradient Tool (G). Kamu klik tahan geser  dari atas ke bawah seperti pernah saya beritahukan di Mendesain Banner Sederhana Dengan Adobe Illustrator, namun agak serong ke kanan bawah. Namun ingat tetap di lakukan di kotak hitam di transparency ya..

Tutorial Illustrator - Membuat Awan

Step 10

Setelah sudah sesuai selera, kita tambahkan awan kecil di bawah awan besar, copy Ctrl+C awan tadi, lalu pastekan Ctrl+F, lalu di kecilkan dengan Free Transfrom Tool (E).

Tutorial Illustrator - Membuat Awan

Nah Sekarang kita berikan efek blur agar awan terlihat realistis, caranya pilih kedua gambar awan besar dan awan kecil, ingat masih di kotak hitam transparency ya. Setelah terpilih, pilih efek blur, caranya lihat gambar di bawah..

Tutorial Illustrator - Membuat Awan

Ntar muncul box lalu pilih 5 px.

Tutorial Illustrator - Membuat Awan

Nah jadinya seperti di bawah ini.

Tutorial Illustrator - Membuat Awan

Step 11

Nah tadi kita buat keadaannya terletak di kotak hitam di transparency kan?? Sekarang kita pilih lagi kotak putih di sebelah kotak hitam tadi, artinya kita kembali ke keadaan semula.

Coba pilih gambar, nah yang kita klik ini bukan terpilih gambar awan besar dan awan kecil karena keduanya berada di kotak hitam, yang terpilih di sini kita adalah awan putih yang transparan yang tidak terlihat tadi yang awal kita buat tadi. Mengerti kan maksud saya?? Jika mengeti lanjutkan..

Nah awan transparan yang kita pilih barusan (maskingnya). Kita Blurkan juga tepinya caranya sama seperti tadi.

Tutorial Illustrator - Membuat Awan

Jadinya seperti ini..

Tutorial Illustrator - Membuat Awan

Step 11

Nah kita telah selesai membuat awan.. cukup mudah bukan tutorialnya?? Dengan tutorial ini kita telah mengetahui fungsi mask pada illustrator dan efek blur illustrator.

Dan dengan sedikit kreatifitas kita bisa mengubah warna langit, dan memperbanyak awannya..

Tutorial Illustrator - Membuat Awan

Orange tua ke orange muda untuk background menjadi sore hari..

Tutorial Illustrator - Membuat Awan

Final Image

Tutorial Illustrator - Membuat Awan

Bagaimana?? Menarik bukan?? Oke saya tunggu kreatifitas anda dalam membuat awan, semoga tutorial ini bermanfaat buat anda, jika ada kesulitan dan ingin bertanya bisa di kolom komentar atau di Facebook zonanarsis.com.

Dan mungkin jika ada yang saya keliru atau salah, silahkan berdiskusi di kolom komentar. Dengan kritik dan saran anda saya harap bisa membuat tutorial yang lebih menarik. Terima kasih..

Salam Narsis

Comments (27)

ajirJune 3rd, 2010 at 12:17 pm

sip..mantap!
lagee lam pilem..

ryanJune 4th, 2010 at 1:57 am

ya.. lanjutkan nak..

Udin Hamd | Blogger 2 InchiJune 4th, 2010 at 4:32 am

Asyik juga tuh. . .bisa dicoba nih. .
Btw, via hp bisa nggak ya? Hehe. . .

IkazNarsisJune 4th, 2010 at 9:38 am

@ ajir : pilem apa?? pilem india??

@ ryan : yo.. yo.. yo..

@ udin hamd : via hp?? hehe bercanda aja ni mas..

Richard Fang @ Jurus GrafisJune 4th, 2010 at 3:34 pm

nice effect! :D

IkazNarsisJune 5th, 2010 at 4:19 am

@ Richard Fang

Thank’s Mr. Richard..

JeprieJune 5th, 2010 at 7:21 am

Panjang juga di Illustrator. Saya juga lagi belajar Illustrator sekarang. Kalau di Photoshop lebih mudah menggunakan shape dan layer styles. Ini tutorial saya yang menggambar awan dengan Photoshop http://www.desaindigital.com/menggambar-langit-bergaya-kartun/

urehJune 5th, 2010 at 9:22 am

saya biasanya pakai custom shape defaultnya photoshop, sayang hasilnya kaku. ijin nyoba dulu sob, hasilnya lebih mantab tuh :)

IkazNarsisJune 6th, 2010 at 3:51 am

@ jeprie :

kalo dah ngerti dasar-dasarnya ama penggunaanya gak panjang-panjang amat kok caranya mas. set- set langsung jadi hehe..

@ ureh :

ya photoshop ama illustrator ya pasti beda format jadinya, yup silahkan di coba..

rajakJune 7th, 2010 at 5:04 am

mantrap……….
lanjutgan,…………..

IkazNarsisJune 7th, 2010 at 5:34 am

@ Rajak

thanks rajak udah mau berkunjung..

hanifilhamJune 7th, 2010 at 8:29 am

ilustrator yah mas? ak coba yah… thanks tutornya… makin mantab nih…

IkazNarsisJune 7th, 2010 at 9:23 am

@ hanifilham

ya illustrator mas, yop silahkan dicoba, mudah kok tutorialnya.. terima kasih dah berkunjung..

Tips trik bloggingJune 7th, 2010 at 4:29 pm

mantap sob, tutorialnya..
siap praktik dulu ah..
tq yuaa..

IkazNarsisJune 8th, 2010 at 7:08 am

@ tip trik blogging

ya sama-sama semoga prakteknya berhasil..

Adhie // DesainQuJune 8th, 2010 at 1:08 pm

I love Illustrator! Btw tutorial bikin awan banyak banget ya, tehniknya beda2 :D

IkazNarsisJune 9th, 2010 at 4:58 am

@ adhie :

ya masing-masing orang punya cara sendiri untuk membuat bentuk awan, illustrator kan cuma alat, yang membuatnya tetap manusia itu sendiri, berarti tergantung kreatifitas masing-masing kepala, hehe.. thanks ya dah berkunjung dan berkomentar..

jaka zulhamJune 15th, 2010 at 7:21 am

wah, keren…
jadi kepingin belajar illustrator neh…

makasih ya mas sudah berkunjung ke blog saya
:)

IkazNarsisJune 15th, 2010 at 7:54 am

@ jaka zulham

ya sama-sama jaka..

Planet OrangeJune 16th, 2010 at 8:48 am

Wah saya berkenalan dengan jagoan vector nih, saya mati kutu deh kl udah maen2 vector n ilustrator….

IkazNarsisJune 16th, 2010 at 9:57 am

@ Planet Orange :

hehe tidak terlalu jago kok, masih dalam tahp pembelajaran kok.. yang penting giat aja belajarnya ntar gak mati kutu lagi hehe.. mati gajah kan susah matiinnya. hehe

ridho wiryawanJune 25th, 2010 at 9:05 am

Waw hebat banget Suhu,
ngomong2 bisa bikin tehnik pembuatan background penunjang, kaya batu, pohon. daun… dll g?
jadi ngiri liat komik luar negri/dalam negri contoh komik tarzan, masih bingung gimana mereka bikin latar belakang hutan, nuansa komik tapi berkesan nyata…
maaf mau nanya bingung, mau nanya kemana, ya udah nebeng disini aja

IkazNarsisJune 25th, 2010 at 12:57 pm

untuk background sama aja dengan cara menggambar character, sering-sering buat gambar pemandangan, di sket aja dulu, untuk menunjang kamu bisa mencari inspirasi dengan melihat gambar/komik yang seperti kamu bilang..

pada dasarnya semua butuh keuletan diri sendiri dan semangat di diri sendiri semua ada cara kok untuk menjadi jago menggambar, apalagi sekarang era internet, coba cari di deviantart.com. atau situs2 lain yang menunjang..

semoga membantu..

ridho wiryawanJune 25th, 2010 at 6:57 pm

wow ty Suhu, anda berhati besar

IkazNarsisJune 26th, 2010 at 9:49 am

@ ridho :

terima kasih ridho, saya juga dulu seperti anda banyak bertanya sana sini yang penting usaha dan giat belajar dan cari tau, dan dengan kita tau sedikit apa salahnya kita berbagi kan kita dulu juga gak ngerti.

cOcO dEviLAugust 22nd, 2010 at 9:43 am

keren… keren… keren…

sLaLu ajibbb hsilx, slalu soft looking hsil akhirx….

bs jd bhan blajar ni, thx ya… :D

IkazNarsisAugust 22nd, 2010 at 3:03 pm

@ coco

thanks, semoga bermanfaat

Leave a comment

Your comment