Glassy Ball With Shadow
June 26th, 2009 by dr.emi

Sebagai bentuk visi dan misi baru dr.emi menjadikan dremi.info sebagai website yang menyediakan tutorial web development dan design, dan tidak hanya memiliki isi tutorial design photoshop saja. Kembali dr.emi mencoba menggali inspirasi yang telah lama hampir pudar. Problem ini sempat bikin guwe ngeri, alias takut
wabis beberapa bulan ini waktu dihabiskan hanya untuk coding dan coding. Mudah – mudahan tutorial pertama di versi terbaru dremi.info ini menjadi inspirasi baru bagi banyak teman khusunya penulis sendiri … hihii… yiihaaaaa!!!
Sebelum mulai ada baiknya guwe bahas sedikit penjelasan tentang Adobe Illustrator. Illustrator merupakan pengolah grafis berbasis vector yang biasa digunakan oleh designer yang menginginkan hasil yang lebih detail dan tampak realistis. Bayak digunakan juga pada percetakan. Bahkan icon icon sekelas dunia pun menggunakan tool ini untuk mendapatkan hasil yang woke punya dah, kayak crystalxp.net
Woke buka Adobe Illustrator lu, dan bwat dokumen baru berukuran standar aja, kcuali kalo lu pengen jadiin wallpaper, yaa diatur atur aja dah ukuran desktop lu. Bisa widescreen atau biasa


Ambil Elipse Tool (L) dan bikin bidang lingkaran di tengah kanvas.

Nah lo, bisa kan ?
Wabis ntu lu kasi warna dah ntu lingkeran, make ijo tua kek, biru tua kek, atau apa aja dah. Nyang pnting rada tua warnanye

Dan jangan lupa hilangkan stroke nya, dengan klik pada ikon None pada Color Palet

Sekarang Copy path lingkeran tadi, pencet [CTRL+C] di kibod lu, tros pastenya make [CTRL+F] maksudnya biar hasil paste nya berada di depan objek path sebelumnya (dalam bahasa Lomboknya Paste in Front) hehehe
Wabis ntu lu kcilin dah make Selection Tool (V), lebih kecil dari sebelumna
Letakkan di bagian bawah path lingkeran sebelumna, tros ganti warna na make nyang lbih muda ..

Wuiiidiiihhhh, bntar lagi jadi dah punya lu
Nah lu, sekarang ambil Blend Tool na

Dengan Blend Tool, klik pada ujung atas path lingkeran kecil, kemudian diikuti dengan mengklik ujung atas path yang gedenya. Jadi berurutan gitu bro………. Ni tujuannya bwat mbikin objek yang saling bertautan warnanya….
Teknik Blend ini bisa juga diterapkan dengan cara, klik kedua objek path (lingkeran gede ama nyang kcil) tros pencet kombinasi di kibod lu [Ctrl+Alt+B] atow lwat menu ini ni: Object > Blend > Make
Ntar jadi kayak gini nih:

Sesuai judulna make shadow, sekarang kite bikin dah glassy shadow na, make elipse tool juga tapi kali ini warna bidang path na dikasi gradasi abu putih.
Pertama aktifin Gradient Tool na, tros bikin elipse tool na. Jangan lupa perhatikan arah gradasina, dari bawah ke atas.

Wabis ntu lu aktipin Window > Transparency dan ganti blend mode nya menjadi Screen, dengan opacity 75% atow secukupna.

Terakhir bikin shadow bwat bayangannya, make Elipse Tool juga kok, dan warnana abu muda, trus kasi Effect > Blur > Gaussian Blur. Pakein blur na sekitar 20px.

Sampe sini, smua path bisa lu group jadi satu. Nah ni hasil akhirna

Lu bisa duplikat group na make [CTRL+C] ma [CTRL+V], dan atur posisi objekna biar enak diliat.

Kalo mawu ganti gradasi, tinggal double click aja (double click dilakukan 2X, sampe muncul path bola gede ama kcil dowang). Ntar bakalan muncul canvas baru tempet ngedit gradasina.
Nah disono, lu bisa edit di palet warna na

Lu bisa bikin kayak gini, atow berkreasi dengan posisi bola nyang beda beda …

Woke !!! selamat berkreasi ……
Popularity: 6% [?]
Hello my fox! Glad to see you today!If you love my tutorial, please chose any action from the left button.
17 Comments
hi!
guwe newbie nih, pengen belajar banyak vector…. om..
oia om, bikin vector yg laen juga dooonk, biar banyak niiii tutorial vectornya…..
hai mas emi, thanks dah mampir n ngisi guestbook ilmugrafis, kabar baik2 aja mas… wah webnya sampean makin keren aja nih, mantab gan…
mantap tutorialnya, lengkap dari design ampe coding.
Wish u the best lah.
Semangat bro …
WAH MASTER DESIGN FORM BANDUNG !!!!
HEBATTTTTTT BRO ( JADI PENGEN BISA NEH )
TULARIN DONG ILMUNYA !
I really love your blog.. Pleasant colors & theme. Did you develop this amazing site yourself?Please reply back as I’m hoping to create my own site and would like to know where you got this from or just what the theme is named. Cheers!
@Mollie Colgate
Thank you! This is my private theme for my wordpress blog. I created it by self.
Cheers!
Just say it with fill the comment form.
My Friends Link
10001 Inspirasi 4w1n.Blogspot.Com Afial blog Afotsum.CO.NR Alfikry Blogspot Ancaran.Com Andrian.Blogdrive.Com AngsaRea AraZidsi Arteknindo.Com ArtheZoo.TK Articlecillin Belajar Gratis Blog Si Bochan BloGila_U2.Blogdrive.Com BOGIRO Book and Movie Review Can_Dra Blog Catalog-Tutorial CatatanLou.110mb.Com Coin-Kevin DataBagus.Com Dede Permana, S. Kom (PT. BITA Bandung) Deniall.Com Desire 8 Distro & Clothing Diplomski.Com Ensept.Com Esato.Com Faris Wijaya FarisW.Com Blog Fendix Wordpress Foxxed-ART Gadget and Tech Gedex.Web.ID GejalaGila.Com GraphicVN HendiHen.Com Henny Indrianty Hmzaky-dot.Blogspot.Com I D I K IDWebHost.BIZ IDWebHost.Com Ilivetodesign.Com Ilmu Grafis Inez Nugroho Irenk Design IT Club Lombok Jafair.Multiply.Com Jaloe Blog Spot Jenggot Community JiranKubur Jurnal Jaloee K B M S Blog Klik-Kanan.Com LearnSimply LensaDarbi MadeInAra – Graphic Design Mark Xaviar Mifka.Multiply.Com More Tech Tips! Ngetixide.Wordpress.Com Nursingmedia.Blogspot.Com OneMoment.CO.NR PC MILD Percikan Iman Bandung Profit Trading Forex Pulsa Center PuwaSila Denpasar Rumah Sakit Herbal SEO Articles and Newsletters Seputar Info Wanita {Niella Anwar} SMKN 3 Batu Supermodel and Celebrity Tedy Blog TeguhNET Articles The-Sulton.Com TopBlogArea.Com Tutorial Flash – Blog Apri Tutorial Website Ubaid UdaraMaya.Com WebDesigner.Web.ID Yudha Yudhanto, S. KomAdvertise
Sponsors
Most Popular Posts
- Membuat Manajemen Hak Akses User dengan Codeigniter
- Interactive Ajax Data Management with Codeigniter
- Web Design Layout Plus Implementasi jQuery Tab Content
- Web Base Controller System with NirCMD
- Simple Swing Login Form And getText()
- dreLogin v.2.0 Has Release
- Create a simple application to open an EXE file on the window with JAVA
- Sony Ericsson Logo
- Advance Metalic Gloss Logo
- The Chain Tutorial from FuelYourCreativity
Category
Subcribe RSS Feed
Translate
Flick Group dr.emi
dr.emi creative design
SEO Articles & Newsletters
Forum dremi.info
Free Download
Recent Comments
- dr.emi: @ita : sekarng harus hati hati kalo penelpon nya dari hp reg...
- ita: saya juga hampir saja kena tipu untung saya cancel pengir...
- dr.emi: @al-k CUHUMUND =))...
- Loka Dwiartara: biasa kang orang mah udah nge-judge duluan, itu karena orang...
- zir: weeeesss manteb....
- dr.emi: @Mollie Colgate Thank you! This is my private theme for my w...
- Mollie Colgate: I really love your blog.. Pleasant colors & theme. Did y...
Recent Posts
- JOKOWI: PEMIMPIN ADALAH KETEGASAN TANPA RAGU
- Muak dengan tingkah laku Ahmad Husein Alaydrus (DPRD dari Demokrat)
- BANDUNG: JALAN BERLOBANG, PARKIRAN DIMANA-MANA
- jokowi memimpin dengan logika, pemahan yang kuat perihal teknik pemerintahan, serta strategi nya yang selalu inovatif!
- DISKON HARGA LISENSI WEBSEN 25%, PROMO HARI JADI DR.EMI CREATIVE DESIGN
- BJ HABIBIE - FIGUR ILMUWAN YANG SAYA KAGUMI
- JOKOWI Bukan Mencari Sensasi, Tapi Solusi!
- Sebuah penyemangat untuk saya dan semua orang
- Selamat Jalan Martoyo Umb
- Dremi.INFO spirit coming from these sentences
Archives
Popular Tags
3D illustration abstract design adsense aero button animation banner clean navigation codeigniter colouring layer CSS tutorials effect finger print glassy effect google gradient style GUI photoshop design hacker handcoded HTML indonesian culture IT job jQuery layer mask logo lombok lowongan kerja merancang web pen tool photo retouch photoshop design PHP PHP Advance PHP login php programmer product demo relationship search engine shapping spirit text effect web articles web design web development web header web layout web tips




















PSD Files
PHP Source Code






