<?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>Guntingbatukertas.com &#187; hue saturation</title>
	<atom:link href="http://guntingbatukertas.com/tag/hue-saturation/feed/" rel="self" type="application/rss+xml" />
	<link>http://guntingbatukertas.com</link>
	<description>Kumpulan Tip, Trik dan Tutorial Indonesia</description>
	<lastBuildDate>Sat, 02 Apr 2011 21:03:56 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1</generator>
		<item>
		<title>Tutorial Photoshop Membuat Button 3D Glossy</title>
		<link>http://guntingbatukertas.com/desain/tutorial-photoshop-membuat-button-3d-glossy/</link>
		<comments>http://guntingbatukertas.com/desain/tutorial-photoshop-membuat-button-3d-glossy/#comments</comments>
		<pubDate>Mon, 23 Feb 2009 18:19:16 +0000</pubDate>
		<dc:creator>salsabel</dc:creator>
				<category><![CDATA[Desain]]></category>
		<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[Adobe Photoshop]]></category>
		<category><![CDATA[adobe photoshop tutorial]]></category>
		<category><![CDATA[glossy 3d button]]></category>
		<category><![CDATA[hue saturation]]></category>
		<category><![CDATA[membuat tombol 3 dimensi]]></category>
		<category><![CDATA[rectangle tool]]></category>
		<category><![CDATA[rounded rectangle]]></category>
		<category><![CDATA[Template Web]]></category>
		<category><![CDATA[tutorial photoshop]]></category>

		<guid isPermaLink="false">http://www.guntingbatukertas.com/?p=538</guid>
		<description><![CDATA[Anda ingin bisa membuat sendiri tombol navigasi yang menarik? Silakan ikuti ulasan detail ini untuk mengetahui langkah demi langkah menciptakan button 3 dimensi yang berkilau.]]></description>
			<content:encoded><![CDATA[<p><a href="http://www.guntingbatukertas.com/wp-content/uploads/2009/02/glowing-3d-button.gif"><img class="alignright size-full wp-image-558" title="glowing-3d-button" src="http://www.guntingbatukertas.com/wp-content/uploads/2009/02/glowing-3d-button.gif" alt="glowing-3d-button" width="218" height="85" /></a>Anda pengen memperkaya web dengan tampilan yang wah? Ini saatnya Anda mengasah lagi kemampuan anda memanipulasi gambar dengan Program Pengolah Gambar. Kali ini saya mengulas cara membuat Button atau tombol tiga dimensi bernuansa glossy dengan Photoshop. Simak juga <a title="membuat button menarik" href="http://www.guntingbatukertas.com/desain/membuat-button-dengan-tekstur-plastik-menarik/">tutorial Photoshop yang lain di sini</a>.</p>
<p>Anda sudah siap? Mari kita mulai</p>
<p><span id="more-538"></span></p>
<ol>
<li> Buka Photoshop kemudian buka dokumen baru dengan ukuran sesuka Anda. Di sini saya menentukan ukuran 400&#215;200 px.<br />
<a href="http://www.guntingbatukertas.com/wp-content/uploads/2009/02/glowing-3d-button1.gif"><img class="alignnone size-full wp-image-540" title="glowing-3d-button1" src="http://www.guntingbatukertas.com/wp-content/uploads/2009/02/glowing-3d-button1.gif" alt="glowing-3d-button1" width="433" height="266" /></a></li>
<li>Isi kanvas kosong ini dengan warna abu-abu gelap, di sini saya gunakan warna <strong>#4C4C4C.</strong> Pilih <strong>Rounded Rectangle Tool</strong>:<br />
<a href="http://www.guntingbatukertas.com/wp-content/uploads/2009/02/glowing-3d-button2.gif"><img class="alignnone size-full wp-image-541" title="glowing-3d-button2" src="http://www.guntingbatukertas.com/wp-content/uploads/2009/02/glowing-3d-button2.gif" alt="glowing-3d-button2" width="204" height="122" /></a></li>
<li>Pastikan setting Toolbar Anda terlihat seperti ini:<br />
<a href="http://www.guntingbatukertas.com/wp-content/uploads/2009/02/glowing-3d-button2a.gif"><img class="alignnone size-full wp-image-559" title="glowing-3d-button2a" src="http://www.guntingbatukertas.com/wp-content/uploads/2009/02/glowing-3d-button2a.gif" alt="glowing-3d-button2a" width="640" height="27" /></a></li>
<li>Saya menggunakan warna <strong>#D32424</strong> tapi Anda bebas menggunakan warna yang Anda suka.<br />
<a href="http://www.guntingbatukertas.com/wp-content/uploads/2009/02/glowing-3d-button3.gif"><img class="alignnone size-full wp-image-542" title="glowing-3d-button3" src="http://www.guntingbatukertas.com/wp-content/uploads/2009/02/glowing-3d-button3.gif" alt="glowing-3d-button3" width="320" height="102" /></a></li>
<li>Rasterize Layer yang barusan Anda buat dengan <strong>Klik kanan Layer &gt; Rasterize Layer</strong>, kemudian gandakan dengan <strong>Klik kanan Layer &gt; Duplicate Layer</strong>. Ganti nama kedua layar dengan <strong>&#8220;Button Atas&#8221; </strong>(Layer yang di Atas) dan <strong>&#8220;Button Dasar&#8221;</strong> (Layer di bawah). Seharusnya Anda akan mendapatkan hasil seperti ini<a href="http://www.guntingbatukertas.com/wp-content/uploads/2009/02/glowing-3d-button4.gif"><img class="alignnone size-full wp-image-543" title="glowing-3d-button4" src="http://www.guntingbatukertas.com/wp-content/uploads/2009/02/glowing-3d-button4.gif" alt="glowing-3d-button4" width="206" height="188" /></a></li>
<li>Sekarang saatnya kita tambakan efek 3 dimensi. Sebelumnya, Anda perlu membuat warna dasar button Anda sedikit lebih gelap daripada Button Atas.<br />
Pilih Button Dasar, Pilih menu <strong>Image &gt; Adjustments &gt; Hue/Saturation</strong> (atau tekan dan<strong> Control+U</strong>) untuk membuka Jendela <strong>Hue/Saturation</strong>. Tentukan <strong>&#8220;Lightness&#8221;</strong> menjadi <strong>-35</strong>. Anda tidak akan langsung melihat perubahannya sampai proses berikutnya.<br />
<a href="http://www.guntingbatukertas.com/wp-content/uploads/2009/02/glowing-3d-button5.gif"><img class="alignnone size-full wp-image-544" title="glowing-3d-button5" src="http://www.guntingbatukertas.com/wp-content/uploads/2009/02/glowing-3d-button5.gif" alt="glowing-3d-button5" width="329" height="254" /></a></li>
<li>Sekarang tetap dengan layer <strong>Button Dasar</strong> tetap terpilih, tekan <strong>Panah Bawah Keyboard Anda 10 kali</strong> untuk memindah tampilan dasar button<strong> 10 pixel</strong> ke bawah. Hasilnya kurang lebih seperti ini:<br />
<a href="http://www.guntingbatukertas.com/wp-content/uploads/2009/02/glowing-3d-button6.gif"><img class="alignnone size-full wp-image-545" title="glowing-3d-button6" src="http://www.guntingbatukertas.com/wp-content/uploads/2009/02/glowing-3d-button6.gif" alt="glowing-3d-button6" width="320" height="102" /></a></li>
<li>Sekarang, tambahkan detail pada Button Atas. Pilih Button Atas pada <strong>Kotak Layer</strong> (Kanan). Tekan <strong>Ctrl + Klik</strong> pada layer tersebut. Pilih Menu <strong>Select &gt; Modify &gt; Contract</strong>, dan tentukan nilainya menjadi <strong>1px</strong>.<br />
Selanjutnya pilih Burn Tool:<br />
<a href="http://www.guntingbatukertas.com/wp-content/uploads/2009/02/glowing-3d-button7.gif"><img class="alignnone size-full wp-image-546" title="glowing-3d-button7" src="http://www.guntingbatukertas.com/wp-content/uploads/2009/02/glowing-3d-button7.gif" alt="glowing-3d-button7" width="140" height="65" /></a></li>
<li>Tentukan setting-nya di taskbar atas sebagai berikut:<br />
<strong>Brush=65, Range=Midtones, Exposure-75% </strong>:</li>
<li>Klik di luar area seleksi. Tekan tombol <strong>Shift dan drag Burn Tool</strong> ke arah kanan, melewati seleksi Anda seperti ini:<br />
<a href="http://www.guntingbatukertas.com/wp-content/uploads/2009/02/glowing-3d-button8.gif"><img class="alignnone size-full wp-image-547" title="glowing-3d-button8" src="http://www.guntingbatukertas.com/wp-content/uploads/2009/02/glowing-3d-button8.gif" alt="glowing-3d-button8" width="320" height="102" /></a></li>
<li>Selanjutnya, mari kita tambahkan efek blend pada<strong> Button Atas</strong>. <strong>Deselect Layer</strong> <strong>(Ctrl + D)</strong>, Klik pada <strong>Button Atas </strong>dalam Layer Palette. Pilih menu <strong>Layer &gt; Layer Styles &gt; Inner Glow</strong> dan atur settingnya sebagai berikut:<br />
<a href="http://www.guntingbatukertas.com/wp-content/uploads/2009/02/glowing-3d-button9.gif"><img class="alignnone size-full wp-image-548" title="glowing-3d-button9" src="http://www.guntingbatukertas.com/wp-content/uploads/2009/02/glowing-3d-button9.gif" alt="glowing-3d-button9" width="480" height="358" /></a></li>
<li>Lakukan hal yang sama pada <strong>Button Dasar</strong> dengan setting beikut ini:<br />
<a href="http://www.guntingbatukertas.com/wp-content/uploads/2009/02/glowing-3d-button10.gif"><img class="alignnone size-full wp-image-549" title="glowing-3d-button10" src="http://www.guntingbatukertas.com/wp-content/uploads/2009/02/glowing-3d-button10.gif" alt="glowing-3d-button10" width="480" height="358" /></a></li>
<li>Selanjutnya kita tambahkan efek cahaya pada button. Pertama, pilih <strong>Brush Tool</strong>, dan tentukan dengan setting berikut ini:<br />
<a href="http://www.guntingbatukertas.com/wp-content/uploads/2009/02/glowing-3d-button12.gif"><img class="alignnone size-full wp-image-551" title="glowing-3d-button12" src="http://www.guntingbatukertas.com/wp-content/uploads/2009/02/glowing-3d-button12.gif" alt="glowing-3d-button12" width="206" height="222" /></a></li>
<li>Pastikan, warna Foreground dan Background Anda pada posisi <strong>default (Hitam dan Putih)</strong>, jika Anda tidak yakin, tekan tombol<strong> &#8216;D&#8217;</strong>. Kemudian tekan<strong> &#8216;X&#8217;</strong> untuk menukar posisi keduanya. Sekarang, pilih <strong>Pen Tool</strong> pastikan Anda memilih <strong>&#8220;Paths&#8221;</strong>, bukan<strong> &#8220;Shape</strong>&#8220;. Untuk menentukan pilihan ini, pilih ikon <strong>Pen Tool Bar</strong> di bagian atas:<br />
<a href="http://www.guntingbatukertas.com/wp-content/uploads/2009/02/glowing-3d-button14a.gif"><img class="alignnone size-full wp-image-560" title="glowing-3d-button14a" src="http://www.guntingbatukertas.com/wp-content/uploads/2009/02/glowing-3d-button14a.gif" alt="glowing-3d-button14a" width="341" height="50" /></a></li>
<li>Buat path dari titik kiri ke kanan seperti gambar berikut:<br />
<a href="http://www.guntingbatukertas.com/wp-content/uploads/2009/02/glowing-3d-button14.gif"><img class="alignnone size-full wp-image-553" title="glowing-3d-button14" src="http://www.guntingbatukertas.com/wp-content/uploads/2009/02/glowing-3d-button14.gif" alt="glowing-3d-button14" width="320" height="102" /></a></li>
<li>Sekarang buat layer baru kemudian Pilih <strong>Path Selection Tool</strong> (atau tekan<strong> &#8216;A&#8217;</strong>) dan klik kanan pada <strong>Path</strong>, kemudian pilih ke bawah hingga ke bagian <strong>&#8220;Stroke Path&#8230;&#8221;</strong>. Tentukan settingnya seperti berikut ini:<br />
<a href="http://www.guntingbatukertas.com/wp-content/uploads/2009/02/glowing-3d-button15a.gif"><img class="alignnone size-full wp-image-561" title="glowing-3d-button15a" src="http://www.guntingbatukertas.com/wp-content/uploads/2009/02/glowing-3d-button15a.gif" alt="glowing-3d-button15a" width="441" height="33" /></a></li>
<li>Selanjutnya, klik kanan pada <strong>Path </strong>sekali lagi dan pilih <strong>&#8220;Delete Path&#8221;</strong>. Sekarang, button kita akan tampak kurang lebih seperti ini:<br />
<a href="http://www.guntingbatukertas.com/wp-content/uploads/2009/02/glowing-3d-button16.gif"><img class="alignnone size-full wp-image-555" title="glowing-3d-button16" src="http://www.guntingbatukertas.com/wp-content/uploads/2009/02/glowing-3d-button16.gif" alt="glowing-3d-button16" width="320" height="102" /></a></li>
<li>Mari kita tambahkan beberapa detail lagi. Pilih<strong> Dodge tool </strong>dan tentukan settingnya seperti ini:<br />
<a href="http://www.guntingbatukertas.com/wp-content/uploads/2009/02/glowing-3d-button16b.gif"><img class="alignnone size-full wp-image-563" title="glowing-3d-button16b" src="http://www.guntingbatukertas.com/wp-content/uploads/2009/02/glowing-3d-button16b.gif" alt="glowing-3d-button16b" width="441" height="33" /></a></li>
<li>Sekarang, pilih Layer Button Atas dengan menekan <strong>Ctrl + Klik</strong> pada Layer.</li>
<li>Dengan <strong>Dodge Tool</strong>, Klik pada tengah-tengah button kurang lebih 2 kali. Jangan terlalu banyak karena akibatnya bisa berabe.<br />
<a href="http://www.guntingbatukertas.com/wp-content/uploads/2009/02/glowing-3d-button17.gif"><img class="alignnone size-medium wp-image-556" title="glowing-3d-button17" src="http://www.guntingbatukertas.com/wp-content/uploads/2009/02/glowing-3d-button17-300x96.gif" alt="glowing-3d-button17" width="300" height="96" /></a></li>
<li>Untuk sentuhan terakhir, pilih Burn tool dan pilih<strong> Button Dasar</strong>. Pastikan <strong>Burn Setting</strong> seperti ini:<br />
<a href="http://www.guntingbatukertas.com/wp-content/uploads/2009/02/glowing-3d-button16a.gif"><img class="alignnone size-full wp-image-562" title="glowing-3d-button16a" src="http://www.guntingbatukertas.com/wp-content/uploads/2009/02/glowing-3d-button16a.gif" alt="glowing-3d-button16a" width="378" height="29" /></a></li>
<li>Selanjutnya, gambar dua garis di dua sisi luar button seperti gambar berikut (Button Atas tidak tampak). Seperti ini:<br />
<a href="http://www.guntingbatukertas.com/wp-content/uploads/2009/02/glowing-3d-button18.gif"><img class="alignnone size-full wp-image-557" title="glowing-3d-button18" src="http://www.guntingbatukertas.com/wp-content/uploads/2009/02/glowing-3d-button18.gif" alt="glowing-3d-button18" width="320" height="102" /></a></li>
<li>Selesai! Anda telah berhasil. Selanjutnya Anda bisa tambahkan polesan ekstra seperti yang saya lakukan pada button Saya sehingga tampak seperti ini:<br />
<a href="http://www.guntingbatukertas.com/wp-content/uploads/2009/02/glowing-3d-button19.gif"><img class="alignnone size-full wp-image-539" title="glowing-3d-button19" src="http://www.guntingbatukertas.com/wp-content/uploads/2009/02/glowing-3d-button19.gif" alt="glowing-3d-button19" width="320" height="102" /></a></li>
</ol>
<p>Anda puas dengan hasil Anda?</p>
<div class="shr-publisher-538"></div>]]></content:encoded>
			<wfw:commentRss>http://guntingbatukertas.com/desain/tutorial-photoshop-membuat-button-3d-glossy/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
	</channel>
</rss>

