<?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>VISUALmagz: Your Creative Booster &#187; den</title>
	<atom:link href="http://visualmagz.com/author/den/feed/" rel="self" type="application/rss+xml" />
	<link>http://visualmagz.com</link>
	<description>VISUALmagz: Your Creative Booster</description>
	<lastBuildDate>Mon, 10 May 2010 10:57:16 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>Desain Menu Dengan Fireworks</title>
		<link>http://visualmagz.com/web-design/desain-menu-dengan-fireworks/</link>
		<comments>http://visualmagz.com/web-design/desain-menu-dengan-fireworks/#comments</comments>
		<pubDate>Mon, 07 Dec 2009 08:10:31 +0000</pubDate>
		<dc:creator>den</dc:creator>
				<category><![CDATA[Tutorial]]></category>
		<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://visualmagz.com/?p=248</guid>
		<description><![CDATA[Bagaimana cara membuat desain menu website yang cantik? berikut ini langkah-langkahnya. Saya menggunakan Adobe Fireworks]]></description>
			<content:encoded><![CDATA[<p>Kali ini saya akan menjelaskan langkah-langkah mendesain sebuah menu website. Saya menggunakan Adobe Fireworks, software yang sudah saya pakai ± 3 tahun untuk mendesain website. Desain menu yang kita akan kita bahas ini bergaya modern. Sebagai referensi / inspirasi silahkan baca:</p>
<ul>
<li><a href="http://www.smashingmagazine.com/2008/02/26/navigation-menus-trends-and-examples/">Navigation Menus: Trends and Examples</a></li>
<li><a href="http://www.smashingmagazine.com/2009/02/04/50-beautiful-and-user-friendly-navigation-menus/">50 Beautiful And User-Friendly Navigation Menus</a></li>
</ul>
<h3>Hasil akhirnya:</h3>
<p><img src="http://i678.photobucket.com/albums/vv143/visualmagz/13-final.png" border="0" alt="Desain Menu Dengan Fireworks" class="border" /></p>
<h3>Langkah Langkah sebagai berikut:</h3>
<p><strong>Langkah #1</strong>. Pertama-tama buatlah sebuah bar dengan &#8220;Rectangle Tool&#8221;<br />
<img src="http://i678.photobucket.com/albums/vv143/visualmagz/01.png" alt="01" class="border" /></p>
<p><strong>Langkah #2</strong>. Kemudian pilih [Gradient] &#8211; [Linear] &#8211; atur 2 warna gradasinya.<br />
<img src="http://i678.photobucket.com/albums/vv143/visualmagz/02.png" alt="02" class="border" /></p>
<p><strong>Langkah #3</strong>. Buatlah 2 buah garis horisontal, masing-masing <em>height :1pixel</em>. Salah satu berwarna lebih terang dan lainnya berwarna lebih gelap. Letakan kedua garis tersebut di bagian bawah bar. Untuk menghemat waktu, copy-paste 2 garis tadi lalu letakkan pula diatas bar.<br />
<img src="http://i678.photobucket.com/albums/vv143/visualmagz/03.png" alt="03" class="border" /></p>
<p><strong>Langkah #4</strong>. Ketikkan <em>menu item</em> yang diinginkan<br />
<img src="http://i678.photobucket.com/albums/vv143/visualmagz/04.png" alt="04" class="border" /></p>
<p><strong>Langkah #5</strong>. Sekarang kita harus membuat pemisah antara setiap <em>menu item</em>. Langkahnya serupa dengan <strong>#3</strong>, yaitu membuat 2 garis, salah satu berwarna lebih terang dan lainnya berwarna lebih gelap, hanya saja kali ini dengan posisi vertikal, masing-masing <em>width:1pixel</em>.<br />
<img src="http://i678.photobucket.com/albums/vv143/visualmagz/05.png" alt="05" class="border" /></p>
<p><strong>Langkah #6</strong>. Kita akan mulai membuat efek <em>mouse hover</em>.<br />
Buatlah bar, menyerupai <strong>langkah #1</strong> dengan <em>width</em> yang menyesuaikan salah satu <em>menu item</em>.<br />
<img src="http://i678.photobucket.com/albums/vv143/visualmagz/06.png" alt="06" class="border" /></p>
<p><strong>Langkah #7</strong>. Kemudian pilih [Gradient] &#8211; [Linear] &#8211; atur 2 warna gradasinya. Catatan: warna lebih gelap dari bar <strong>langkah #1</strong>.<br />
<img src="http://i678.photobucket.com/albums/vv143/visualmagz/08.png" alt="07" class="border" /></p>
<p><strong>Langkah #8</strong>. Membuat efek <em>shadow</em> sebanyak 2 kali, langkahnya sbb: [Filter] &#8211; [Shadow &#038; Glow] &#8211; [Inner Glow].<br />
<img src="http://i678.photobucket.com/albums/vv143/visualmagz/07.png" alt="08" class="border" /> <img src="http://i678.photobucket.com/albums/vv143/visualmagz/10.png" alt="08" class="border" /> </p>
<p><strong>Begini hasil sementara:</strong><br />
<img src="http://i678.photobucket.com/albums/vv143/visualmagz/11.png" alt="hasil sementara" class="border" /></p>
<p><strong>Langkah #9</strong>. Sentuhan akhir adalah dengan memberi efek shadow yang diletakkan di bawah dan diatas menu bar.<br />
<img src="http://i678.photobucket.com/albums/vv143/visualmagz/12.png" alt="09" class="border" /></p>
<h3>Hasil akhirnya:</h3>
<p>Sebuah design menu website sudah selesai!<br />
<img src="http://i678.photobucket.com/albums/vv143/visualmagz/13-final.png" border="0" alt="Desain Menu Dengan Fireworks" class="border" /></p>
<p><strong><a href="http://visualmagz.com/wp-content/uploads/2009/12/menu_final.png.zip">Download file hasil akhir format .PNG Fireworks</a></strong></p>
<p><em>ps: artikel selanjutnya akan dijelaskan tutorial mengubah desain menu ini menjadi css &#038; xhtml</em></p>
]]></content:encoded>
			<wfw:commentRss>http://visualmagz.com/web-design/desain-menu-dengan-fireworks/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>Tips Photography Infrared Untuk Pemula</title>
		<link>http://visualmagz.com/photography/tips-photography-infrared-untuk-pemula/</link>
		<comments>http://visualmagz.com/photography/tips-photography-infrared-untuk-pemula/#comments</comments>
		<pubDate>Mon, 16 Nov 2009 03:01:07 +0000</pubDate>
		<dc:creator>den</dc:creator>
				<category><![CDATA[Photography]]></category>

		<guid isPermaLink="false">http://visualmagz.com/?p=233</guid>
		<description><![CDATA[Post-process sangat menentukan hasil akhir dari photo infrared. Dari yang paling simple yaitu hanya butuh color swap, sampai masking untuk mengangkat warna tertentu lebih detail.]]></description>
			<content:encoded><![CDATA[<p><img src="http://img.skitch.com/20091114-mwwyi8t4ufg8i9mpnenjct1yr9.jpg" alt="Contoh Infrared" class="border" width="500" /></p>
<p>Seminggu yang lalu kamera Canon 400D saya akhirnya datang juga setelah <em>dioprek</em> oleh <a href="http://myinfrared.net/">Pak Dibyo (myinfrared.net)</a>. Saya memilih versi <strong>Travel IR</strong> karena tidak ingin <em>post-process</em> yang ruwet. Pada infrared versi Travel IR ini tampaknya <em>skin tone</em> relatif normal, warna biru sangat kuat (langit) dan warna hijau berubah total (daun).</p>
<p><em>Post-process</em> sangat menentukan hasil akhir dari photo infrared. Dari yang paling simple yaitu hanya butuh color swap, sampai <em>masking</em> untuk mengangkat warna tertentu lebih detail. Pada kesempatan lain saya akan bahas secara detail bagaimana langkah-langkah <em>masking</em> dan <em>color selection</em> di Photoshop.</p>
<p>Berikut ini 2 hal yang patut diingat oleh pemula <em>infrared photography</em>:</p>
<ul>
<li><strong>Custom White balance</strong>. Memudahkan kamu mendapat warna yang lebih kontras sehingga memudahkan <em>post-process</em></li>
<li><strong>Color-Mixer</strong>, <strong>Hue/Saturation</strong> dan <strong>Color Balance</strong>. Kombinasi dari ketiga tool tersebut adalah dasar <em>post-process</em> di Photoshop</li>
</ul>
<p>Untuk photo <em>human interest</em>, beberapa photographer biasanya memilih untuk menetralkan <em>skin tone</em> kemudian bermain dengan warna lain sebagai foreground. Sedangkan variasi warna lebih mudah dimainkan untuk photo <em>landscape</em>. </p>
<h3>Inspirasi:</h3>
<ul>
<li><a href="http://www.flickr.com/search/?q=infrared+indonesia&#038;z=e&#038;ss=2&#038;s=int">Photo infrared Indonesia di Flickr</a></li>
<li><a href="http://gallery.cinfrared.net/">Cinfrared Gallery</a></li>
<li><a href="http://www.fotografer.net/isi/forum/topik.php?id=562890">Versi-versi IR di fotografer.net</a></li>
</ul>
<p><img src="http://img.skitch.com/20091114-jiq2kiiw2r3ejp577dd31qnsb9.jpg" alt="Infrared portrait" class="border" width="500" /></p>
]]></content:encoded>
			<wfw:commentRss>http://visualmagz.com/photography/tips-photography-infrared-untuk-pemula/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>The longest solar eclipse of the century</title>
		<link>http://visualmagz.com/sidenote/the-longest-solar-eclipse-of-the-century/</link>
		<comments>http://visualmagz.com/sidenote/the-longest-solar-eclipse-of-the-century/#comments</comments>
		<pubDate>Sat, 25 Jul 2009 18:08:55 +0000</pubDate>
		<dc:creator>den</dc:creator>
				<category><![CDATA[Sidenote]]></category>

		<guid isPermaLink="false">http://visualmagz.com/?p=63</guid>
		<description><![CDATA[The longest solar eclipse of the century (The Big Picture) a total solar eclipse that crossed nearly half the Earth &#8211; through India, Nepal, Bangladesh, Bhutan, Myanmar and China]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.boston.com/bigpicture/2009/07/the_longest_solar_eclipse_of_t.html">The longest solar eclipse of the century (The Big Picture)</a> <span class="blogText bigText">a total solar eclipse that crossed nearly half the Earth &#8211; through India, Nepal, Bangladesh, Bhutan, Myanmar and China</span></p>
]]></content:encoded>
			<wfw:commentRss>http://visualmagz.com/sidenote/the-longest-solar-eclipse-of-the-century/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>30 Free System Tools for a Better Mac</title>
		<link>http://visualmagz.com/sidenote/30-free-system-tools-for-a-better-mac/</link>
		<comments>http://visualmagz.com/sidenote/30-free-system-tools-for-a-better-mac/#comments</comments>
		<pubDate>Mon, 13 Jul 2009 16:05:40 +0000</pubDate>
		<dc:creator>den</dc:creator>
				<category><![CDATA[Sidenote]]></category>

		<guid isPermaLink="false">http://visualmagz.com/?p=58</guid>
		<description><![CDATA[30 Free System Tools for a Better Mac]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.usingmac.com/2009/7/8/mac-free-system-tools">30 Free System Tools for a Better Mac</a></p>
]]></content:encoded>
			<wfw:commentRss>http://visualmagz.com/sidenote/30-free-system-tools-for-a-better-mac/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Phoenix :: Add-ons for Firefox</title>
		<link>http://visualmagz.com/sidenote/phoenix-add-ons-for-firefox/</link>
		<comments>http://visualmagz.com/sidenote/phoenix-add-ons-for-firefox/#comments</comments>
		<pubDate>Mon, 13 Jul 2009 03:54:48 +0000</pubDate>
		<dc:creator>den</dc:creator>
				<category><![CDATA[Sidenote]]></category>

		<guid isPermaLink="false">http://visualmagz.com/?p=53</guid>
		<description><![CDATA[Phoenix Add-ons Firefox. An editor with real time syntax highlighting which allows edit, run and test CSS, HTML and JavaScript code.]]></description>
			<content:encoded><![CDATA[<p><a href="https://addons.mozilla.org/en-US/firefox/addon/11708/">Phoenix Add-ons Firefox</a>. An editor with real time syntax highlighting which allows edit, run and test CSS, HTML and JavaScript code.</p>
]]></content:encoded>
			<wfw:commentRss>http://visualmagz.com/sidenote/phoenix-add-ons-for-firefox/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Helveticons Folders</title>
		<link>http://visualmagz.com/sidenote/helveticons-folders/</link>
		<comments>http://visualmagz.com/sidenote/helveticons-folders/#comments</comments>
		<pubDate>Mon, 13 Jul 2009 03:35:51 +0000</pubDate>
		<dc:creator>den</dc:creator>
				<category><![CDATA[Sidenote]]></category>

		<guid isPermaLink="false">http://visualmagz.com/?p=48</guid>
		<description><![CDATA[Helveticons Folders, 22 icons tersedia untuk Mac &#38; Windows]]></description>
			<content:encoded><![CDATA[<p><a href="https://helveticons.appspot.com/purchased/Helveticons_Folders.zip">Helveticons Folders</a>, 22 icons tersedia untuk Mac &amp; Windows</p>
]]></content:encoded>
			<wfw:commentRss>http://visualmagz.com/sidenote/helveticons-folders/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Goodies by PixelResort</title>
		<link>http://visualmagz.com/sidenote/goodies-by-pixelresort/</link>
		<comments>http://visualmagz.com/sidenote/goodies-by-pixelresort/#comments</comments>
		<pubDate>Sun, 12 Jul 2009 03:47:40 +0000</pubDate>
		<dc:creator>den</dc:creator>
				<category><![CDATA[Sidenote]]></category>

		<guid isPermaLink="false">http://visualmagz.com/?p=43</guid>
		<description><![CDATA[Goodies by PixelResort, download gratis icon dan wallpaper, tersedia untuk Mac &#038; Windows]]></description>
			<content:encoded><![CDATA[<p><a href="http://pixelresort.com/goodies/">Goodies by PixelResort</a>, download gratis icon dan wallpaper, tersedia untuk Mac &#038; Windows</p>
]]></content:encoded>
			<wfw:commentRss>http://visualmagz.com/sidenote/goodies-by-pixelresort/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Kurve Icon Set</title>
		<link>http://visualmagz.com/sidenote/kurve-icon-set/</link>
		<comments>http://visualmagz.com/sidenote/kurve-icon-set/#comments</comments>
		<pubDate>Sun, 12 Jul 2009 03:43:22 +0000</pubDate>
		<dc:creator>den</dc:creator>
				<category><![CDATA[Sidenote]]></category>

		<guid isPermaLink="false">http://visualmagz.com/sidenote/kurve-icon-set/</guid>
		<description><![CDATA[Kurve Icon Set terdiri dari 67 icon folder untuk mempercantik interface Mac]]></description>
			<content:encoded><![CDATA[<p><a href="http://macthemes2.net/forum/viewtopic.php?id=16796992">Kurve Icon Set</a> terdiri dari 67 icon folder untuk mempercantik interface Mac</p>
]]></content:encoded>
			<wfw:commentRss>http://visualmagz.com/sidenote/kurve-icon-set/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Konsep Framing Dalam Photography</title>
		<link>http://visualmagz.com/photography/konsep-framing-dalam-photography/</link>
		<comments>http://visualmagz.com/photography/konsep-framing-dalam-photography/#comments</comments>
		<pubDate>Sat, 11 Jul 2009 05:37:34 +0000</pubDate>
		<dc:creator>den</dc:creator>
				<category><![CDATA[Photography]]></category>

		<guid isPermaLink="false">http://visualmagz.com/?p=35</guid>
		<description><![CDATA[Sebuah photo mempunyai nilai seni ketika sang photographer dengan cerdas mengemas framing-nya, setidaknya begitulah menurut saya. “Draw Attention” itulah intinya. Framing dalam photography bisa dilakukan dengan bermacam gaya, dan biasanya tergantung pada “foreground” di sekitar object.]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.flickr.com/photos/dieyoung/3451396737/" title="Floating Market by dieyoung~, on Flickr"><img src="http://farm4.static.flickr.com/3298/3451396737_da4b8a72e6.jpg" width="500" height="333" alt="Floating Market" class="border" /></a></p>
<p>Sebuah photo mempunyai nilai seni ketika sang photographer dengan cerdas mengemas framing-nya, setidaknya begitulah menurut saya. &#8220;Draw Attention&#8221; itulah intinya. Framing dalam photography bisa dilakukan dengan bermacam gaya, dan biasanya tergantung pada &#8220;foreground&#8221; di sekitar object. </p>
<p>Tidak berpengaruh kamera apa yang anda pakai, istilah &#8220;the man behind the gear&#8221; sangatlah berperan dalam hal ini. Bahkan hanya bermodal kamera film tustel atau Lomo / Holga, photo anda akan terlihat lebih menarik bila melakukan teknik framing dengan baik.</p>
<p>Ingat, istilah &#8220;frame&#8221; disini tidak selalu berati &#8220;bingkai&#8221; secara harafiah&#8221;.</p>
<h3>Beberapa tujuan menggunakan teknik framing</h3>
<ul>
<li>Menuntun mata untuk fokus pada point yang anda maksud.</li>
<li>Memberi pesan tentang sikon di sekitar object</li>
<li>Dengan bermain Depth Of Field memperjelas level object dengan fouregound</li>
</ul>
<p>Secara teknikal tidak ada batasan tertentu dalam membuat &#8220;framing&#8221;. Seringlah berlatih dan lebih jeli melihat ruang disekitar object anda.</p>
<p><a href="http://www.flickr.com/photos/dieyoung/3418085247/" title="China Town After Midnight by dieyoung~, on Flickr"><img src="http://farm4.static.flickr.com/3157/3418085247_b9564b1534_m.jpg" width="240" height="160" alt="China Town After Midnight" class="border" /></a> <a href="http://www.flickr.com/photos/kakilangit/3500440481/" title="Terminal 3"><img src="http://farm4.static.flickr.com/3653/3500440481_44a1634174_m.jpg" width="240" height="160" alt="Terminal 3" class="border" /></a> <a href="http://www.flickr.com/photos/iyay/3004973357/" title="Escort"><img src="http://farm4.static.flickr.com/3236/3004973357_6ffa808899_m.jpg" width="240" height="160" alt="Escort" class="border" /></a> <a href="http://www.flickr.com/photos/dieyoung/3692450215/" title="Night Market by dieyoung~, on Flickr"><img src="http://farm3.static.flickr.com/2567/3692450215_bb69a1ec0a_m.jpg" width="240" height="160" alt="Night Market" class="border" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://visualmagz.com/photography/konsep-framing-dalam-photography/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
	</channel>
</rss>
