<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Web Development and Design Tutorials - dremi.info &#187; Illustrator</title>
	<atom:link href="http://www.dremi.info/category/tutorials/illustrator/feed" rel="self" type="application/rss+xml" />
	<link>http://www.dremi.info</link>
	<description>Web development tutorials, including Photoshop tutorials, jQuery tutorials, PHP tutorials, JAVA tutorials, JavaScript tutorials, PSD to HTML tutorials, CSS tutorials and more. Learn how to code and design like a pro.</description>
	<lastBuildDate>Sun, 15 Jan 2012 21:18:10 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2</generator>
		<item>
		<title>Glassy Ball With Shadow</title>
		<link>http://www.dremi.info/tutorials/illustrator/glassy-ball-with-shadow.html</link>
		<comments>http://www.dremi.info/tutorials/illustrator/glassy-ball-with-shadow.html#comments</comments>
		<pubDate>Thu, 25 Jun 2009 21:52:47 +0000</pubDate>
		<dc:creator>dr.emi</dc:creator>
				<category><![CDATA[Illustrator]]></category>
		<category><![CDATA[glassy effect]]></category>
		<category><![CDATA[transparency]]></category>
		<category><![CDATA[vector tuts]]></category>

		<guid isPermaLink="false">http://www.dremi.info/?p=829</guid>
		<description><![CDATA[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 [...]]]></description>
			<content:encoded><![CDATA[<p><img class="imgheader" src="http://i175.photobucket.com/albums/w126/hairulazami/Illustrator/Glassy%20Ball%20With%20Shadow/glassy-ball-with-shadow200.png" alt="" width="200" height="200" /></p>
<p>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 <img src='http://www.dremi.info/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' />  wabis beberapa bulan ini waktu dihabiskan hanya untuk coding dan coding. Mudah &#8211; mudahan tutorial pertama di versi terbaru dremi.info ini menjadi inspirasi baru bagi banyak teman khusunya penulis sendiri &#8230; hihii&#8230; yiihaaaaa!!!</p>
<p><span id="more-829"></span></p>
<div class="clear">&nbsp;</div>
<p>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</p>
<p>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 <img src='http://www.dremi.info/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' /> </p>
<div id="img"><img src="http://i175.photobucket.com/albums/w126/hairulazami/Illustrator/Glassy%20Ball%20With%20Shadow/glassy_ball36.jpg" alt="" width="505" height="281" /></div>
<p>&nbsp;</p>
<div id="img"><img src="http://i175.photobucket.com/albums/w126/hairulazami/Illustrator/Glassy%20Ball%20With%20Shadow/glassy_ball3.jpg" alt="" width="478" height="216" /></div>
<p>Ambil Elipse Tool (L) dan bikin bidang lingkaran di tengah kanvas.</p>
<div id="img"><img src="http://i175.photobucket.com/albums/w126/hairulazami/Illustrator/Glassy%20Ball%20With%20Shadow/glassy_ball4.jpg" alt="" width="570" height="448" /></div>
<p>Nah lo, bisa kan ?</p>
<p>Wabis ntu lu kasi warna dah ntu lingkeran, make ijo tua kek, biru tua kek, atau apa aja dah. Nyang pnting rada tua warnanye <img src='http://www.dremi.info/wp-includes/images/smilies/icon_biggrin.gif' alt=':D' class='wp-smiley' /> </p>
<div id="img"><img src="http://i175.photobucket.com/albums/w126/hairulazami/Illustrator/Glassy%20Ball%20With%20Shadow/glassy_ball5.jpg" alt="" width="542" height="348" /></div>
<p>Dan jangan lupa hilangkan stroke nya, dengan klik pada ikon None pada Color Palet</p>
<div id="img"><img src="http://i175.photobucket.com/albums/w126/hairulazami/Illustrator/Glassy%20Ball%20With%20Shadow/glassy_ball10.jpg" alt="" width="220" height="162" /></div>
<p>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 <strong>Paste  in Front</strong>) hehehe <img src='http://www.dremi.info/wp-includes/images/smilies/icon_biggrin.gif' alt=':D' class='wp-smiley' /> </p>
<p>Wabis ntu lu kcilin dah make Selection Tool (V), lebih kecil dari sebelumna</p>
<p>Letakkan di bagian bawah path lingkeran sebelumna, tros ganti warna na make nyang lbih muda ..</p>
<div id="img"><img src="http://i175.photobucket.com/albums/w126/hairulazami/Illustrator/Glassy%20Ball%20With%20Shadow/glassy_ball13.jpg" alt="" width="283" height="283" /></div>
<p>Wuiiidiiihhhh, bntar lagi jadi dah punya lu <img src='http://www.dremi.info/wp-includes/images/smilies/icon_biggrin.gif' alt=':D' class='wp-smiley' /> </p>
<p>Nah lu, sekarang ambil Blend Tool na</p>
<div id="img"><img src="http://i175.photobucket.com/albums/w126/hairulazami/Illustrator/Glassy%20Ball%20With%20Shadow/glassy_ball14.jpg" alt="" width="135" height="212" /></div>
<p>&nbsp;</p>
<p>Dengan Blend Tool, klik pada ujung atas path lingkeran kecil, kemudian diikuti dengan mengklik ujung atas path yang gedenya. Jadi berurutan gitu bro&#8230;&#8230;&#8230;. Ni tujuannya bwat mbikin objek yang saling bertautan warnanya&#8230;.</p>
<p>Teknik Blend ini bisa juga diterapkan dengan cara, klik kedua objek path (lingkeran gede ama nyang kcil) tros pencet kombinasi di kibod lu [<strong>Ctrl+Alt+B</strong>] atow lwat menu ini ni: <strong>Object &gt; Blend &gt; Make</strong></p>
<p>Ntar jadi kayak gini nih:</p>
<div id="img"><img src="http://i175.photobucket.com/albums/w126/hairulazami/Illustrator/Glassy%20Ball%20With%20Shadow/glassy_ball17.jpg" alt="" width="292" height="292" /></div>
<p>&nbsp;</p>
<p>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.</p>
<p>Pertama aktifin Gradient Tool na, tros bikin elipse tool na. Jangan lupa perhatikan arah gradasina, dari bawah ke atas.</p>
<div id="img"><img src="http://i175.photobucket.com/albums/w126/hairulazami/Illustrator/Glassy%20Ball%20With%20Shadow/glassy_ball18.jpg" alt="" width="248" height="242" /></div>
<p>&nbsp;</p>
<p>Wabis ntu lu aktipin <strong>Window &gt; Transparency </strong>dan ganti blend mode nya menjadi Screen, dengan opacity 75% atow secukupna.</p>
<div id="img"><img src="http://i175.photobucket.com/albums/w126/hairulazami/Illustrator/Glassy%20Ball%20With%20Shadow/glassy_ball20.jpg" alt="" width="501" height="603" /></div>
<p>&nbsp;</p>
<p>Terakhir bikin shadow bwat bayangannya, make Elipse Tool juga kok, dan warnana abu muda, trus kasi <strong>Effect &gt; Blur &gt; Gaussian Blur. </strong>Pakein blur na sekitar 20px.</p>
<div id="img"><img src="http://i175.photobucket.com/albums/w126/hairulazami/Illustrator/Glassy%20Ball%20With%20Shadow/glassy_ball25.jpg" alt="" width="370" height="524" /></div>
<p>Sampe sini, smua path bisa lu group jadi satu. Nah ni hasil akhirna <img src='http://www.dremi.info/wp-includes/images/smilies/icon_biggrin.gif' alt=':D' class='wp-smiley' /> </p>
<div id="img"><img src="http://i175.photobucket.com/albums/w126/hairulazami/Illustrator/Glassy%20Ball%20With%20Shadow/glassy_ball26.jpg" alt="" width="395" height="407" /></div>
<p>Lu bisa duplikat group na make [CTRL+C] ma [CTRL+V], dan atur posisi objekna biar enak diliat. </p>
<div id="img"><img src="http://i175.photobucket.com/albums/w126/hairulazami/Illustrator/Glassy%20Ball%20With%20Shadow/glassy_ball27.jpg" alt="" width="579" height="438" /></div>
<p>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.</p>
<p>Nah disono, lu bisa edit di palet warna na</p>
<div id="img"><img src="http://i175.photobucket.com/albums/w126/hairulazami/Illustrator/Glassy%20Ball%20With%20Shadow/glassy_ball31.jpg" alt="" width="587" height="484" /></div>
<p>Lu bisa bikin kayak gini, atow berkreasi dengan posisi bola nyang beda beda &#8230;</p>
<div id="img"><img src="http://i175.photobucket.com/albums/w126/hairulazami/Illustrator/Glassy%20Ball%20With%20Shadow/glassy_ball33.jpg" alt="" width="540" height="540" /></div>
<p>Woke !!! selamat berkreasi &#8230;&#8230;</p>
<p class="facebook"><a href="http://www.facebook.com/share.php?u=http://www.dremi.info/tutorials/illustrator/glassy-ball-with-shadow.html" target="_blank"><img src="http://www.dremi.info/wp-content/plugins/add-to-facebook-plugin/facebook_share_icon.gif" alt="Share on Facebook" title="Share on Facebook" /></a><a href="http://www.facebook.com/share.php?u=http://www.dremi.info/tutorials/illustrator/glassy-ball-with-shadow.html" target="_blank" title="Share on Facebook">Share on Facebook</a></p><img src="http://www.dremi.info/?ak_action=api_record_view&id=829&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://www.dremi.info/tutorials/illustrator/glassy-ball-with-shadow.html/feed</wfw:commentRss>
		<slash:comments>15</slash:comments>
		</item>
	</channel>
</rss>

