<?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>PhotoShop Yag &#187; glossy</title>
	<atom:link href="http://www.psyag.com/tag/glossy/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.psyag.com</link>
	<description>Photoshop Tips, Tutorials for beginners and advanced</description>
	<lastBuildDate>Sun, 10 Apr 2011 12:37:30 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>Glossy Web 2.0 Button in Photoshop</title>
		<link>http://www.psyag.com/buttons/glossy-web-2-0-button-in-photoshop/</link>
		<comments>http://www.psyag.com/buttons/glossy-web-2-0-button-in-photoshop/#comments</comments>
		<pubDate>Wed, 17 Feb 2010 21:18:39 +0000</pubDate>
		<dc:creator>Ravi</dc:creator>
				<category><![CDATA[Buttons]]></category>
		<category><![CDATA[glossy]]></category>

		<guid isPermaLink="false">http://www.psyag.com/?p=251</guid>
		<description><![CDATA[In this Photoshop tutorial, we will make a glossy web 2.0 type button. It is very simple and will hardy take 10 minute to complete this button.

Below is the preview of final image.
<a href="http://www.psyag.com/wp-content/uploads/2010/02/glossy-button1.jpg"></a>
<strong>Step 1:</strong>
Create a new document in Adobe Photoshop (File New).
<a href="http://www.psyag.com/wp-content/uploads/2010/02/68.jpg"></a>
<strong>Step</strong>&#8230;]]></description>
			<content:encoded><![CDATA[<p>In this Photoshop tutorial, we will make a glossy web 2.0 type button. It is very simple and will hardy take 10 minute to complete this button.<br />
<span id="more-251"></span><br />
Below is the preview of final image.<br />
<a href="http://www.psyag.com/wp-content/uploads/2010/02/glossy-button1.jpg"><img class="alignnone size-full wp-image-252" title="glossy-button" src="http://www.psyag.com/wp-content/uploads/2010/02/glossy-button1.jpg" alt="glossy-button" width="300" height="300" /></a></p>
<p><strong>Step 1:</strong><br />
Create a new document in Adobe Photoshop (File New).<br />
<a href="http://www.psyag.com/wp-content/uploads/2010/02/68.jpg"><img class="alignnone size-full wp-image-222" title="new document in photoshop" src="http://www.psyag.com/wp-content/uploads/2010/02/68.jpg" alt="new document in photoshop" width="347" height="213" /></a></p>
<p><strong>Step 2:</strong><br />
Create a new layer (Layer &gt;&gt; New &gt;&gt; Layer)<br />
Select &#8220;<strong>paint bucket tool</strong>&#8220;.<br />
<a href="http://www.psyag.com/wp-content/uploads/2010/02/691.jpg"><img class="alignnone size-full wp-image-227" title="paint bucket tool" src="http://www.psyag.com/wp-content/uploads/2010/02/691.jpg" alt="paint bucket tool" width="241" height="239" /></a></p>
<p>And fill the layer with color <strong>#6f200b</strong><br />
<a href="http://www.psyag.com/wp-content/uploads/2010/02/70.jpg"><img class="alignnone size-full wp-image-224" title="after filling color" src="http://www.psyag.com/wp-content/uploads/2010/02/70.jpg" alt="after filling color" width="300" height="300" /></a></p>
<p><strong>Step 3:</strong><br />
Right click the layer and select &#8220;Blending options&#8221; as shown in below image.<br />
<a href="http://www.psyag.com/wp-content/uploads/2010/02/71.jpg"><img class="alignnone size-full wp-image-225" title="Blending options" src="http://www.psyag.com/wp-content/uploads/2010/02/71.jpg" alt="Blending options" width="299" height="346" /></a></p>
<p>Apply following layer styles.<br />
<a href="http://www.psyag.com/wp-content/uploads/2010/02/72.jpg"><img class="alignnone size-full wp-image-229" title="gradient layer style" src="http://www.psyag.com/wp-content/uploads/2010/02/72.jpg" alt="gradient layer style" width="488" height="363" /></a></p>
<p>After applying layer style, it will look like this.<br />
<a href="http://www.psyag.com/wp-content/uploads/2010/02/80.jpg"><img class="alignnone size-full wp-image-255" title="after gradient style" src="http://www.psyag.com/wp-content/uploads/2010/02/80.jpg" alt="after gradient style" width="301" height="302" /></a></p>
<p><strong>Step 4:</strong><br />
Create a new layer (Layer &gt;&gt; New &gt;&gt; Layer).<br />
Select &#8220;Rounded Rectangle Tool&#8221; and set radius to 8px.<br />
<a href="http://www.psyag.com/wp-content/uploads/2010/02/81.jpg"><img class="alignnone size-full wp-image-258" title="Rounded rectangle tool" src="http://www.psyag.com/wp-content/uploads/2010/02/81.jpg" alt="Rounded rectangle tool" width="267" height="232" /></a></p>
<p>Set color to #9ea709 Press and hold shift key and draw a shape as show below.<br />
<a href="http://www.psyag.com/wp-content/uploads/2010/02/82.jpg"><img class="alignnone size-full wp-image-260" title="rectangular shape" src="http://www.psyag.com/wp-content/uploads/2010/02/82.jpg" alt="rectangular shape" width="301" height="300" /></a></p>
<p><strong>Step 5:</strong><br />
Right Click rectangular shape layer, and select &#8220;Blending options&#8221;. Apply following layer style.<br />
<a href="http://www.psyag.com/wp-content/uploads/2010/02/83.jpg"><img class="alignnone size-full wp-image-262" title="drop shadow" src="http://www.psyag.com/wp-content/uploads/2010/02/83.jpg" alt="drop shadow" width="610" height="454" /></a></p>
<p><a href="http://www.psyag.com/wp-content/uploads/2010/02/84.jpg"><img class="alignnone size-full wp-image-263" title="inner glow" src="http://www.psyag.com/wp-content/uploads/2010/02/84.jpg" alt="inner glow" width="610" height="454" /></a></p>
<p><a href="http://www.psyag.com/wp-content/uploads/2010/02/85.jpg"><img class="alignnone size-full wp-image-264" title="gradient style" src="http://www.psyag.com/wp-content/uploads/2010/02/85.jpg" alt="gradient style" width="610" height="454" /></a></p>
<p><strong>Step 6:</strong><br />
Pres and hold ctrl key and click on the rounded rectangular shape layer.<br />
<a href="http://www.psyag.com/wp-content/uploads/2010/02/86.jpg"><img class="alignnone size-full wp-image-266" title="86" src="http://www.psyag.com/wp-content/uploads/2010/02/86.jpg" alt="86" width="365" height="257" /></a></p>
<p>This will load the rectangular shape.<br />
<a href="http://www.psyag.com/wp-content/uploads/2010/02/87.jpg"><img class="alignnone size-full wp-image-267" title="load shape" src="http://www.psyag.com/wp-content/uploads/2010/02/87.jpg" alt="load shape" width="299" height="295" /></a></p>
<p>Now go to <strong>Select &gt;&gt; Modify &gt;&gt; Contract</strong><br />
and contract by 2px<br />
<a href="http://www.psyag.com/wp-content/uploads/2010/02/88.jpg"><img class="alignnone size-full wp-image-269" title="contract selection" src="http://www.psyag.com/wp-content/uploads/2010/02/88.jpg" alt="contract selection" width="396" height="400" /></a></p>
<p>Create a New layer (Layer &gt;&gt; New &gt;&gt; Layer).<br />
Select &#8220;Elliptical Marquee Tool&#8221; and set to &#8220;Intersect with selection&#8221;<br />
<a href="http://www.psyag.com/wp-content/uploads/2010/02/89.jpg"><img class="alignnone size-full wp-image-270" title="Elliptical marquee tool" src="http://www.psyag.com/wp-content/uploads/2010/02/89.jpg" alt="Elliptical marquee tool" width="269" height="178" /></a></p>
<p>And make selection like shown below.<br />
<a href="http://www.psyag.com/wp-content/uploads/2010/02/90.jpg"><img class="alignnone size-full wp-image-271" title="90" src="http://www.psyag.com/wp-content/uploads/2010/02/90.jpg" alt="90" width="300" height="302" /></a><br />
Fill the selection with #ffffff color and set opacity to 20%.</p>
<p>Now our image look like this:<br />
<a href="http://www.psyag.com/wp-content/uploads/2010/02/911.jpg"><img class="alignnone size-full wp-image-281" title="91" src="http://www.psyag.com/wp-content/uploads/2010/02/911.jpg" alt="91" width="297" height="296" /></a></p>
<p><strong>Step 7:</strong><br />
Right click green rounded rectangular shape layer and select duplicate layer. This will create a duplicate layer.<br />
<a href="http://www.psyag.com/wp-content/uploads/2010/02/921.jpg"><img class="alignnone size-full wp-image-279" title="duplicate layer" src="http://www.psyag.com/wp-content/uploads/2010/02/921.jpg" alt="duplicate layer" width="352" height="290" /></a></p>
<p>Drag the duplicate shape just below the original shape. Right click duplicate layer and select &#8220;Blending options&#8221;. Remove all previous layer style and apply only below layer style.<br />
<a href="http://www.psyag.com/wp-content/uploads/2010/02/93.jpg"><img class="alignnone size-full wp-image-283" title="gradient" src="http://www.psyag.com/wp-content/uploads/2010/02/93.jpg" alt="gradient" width="547" height="560" /></a></p>
<p>Now our image looks like this:<br />
<a href="http://www.psyag.com/wp-content/uploads/2010/02/94.jpg"><img class="alignnone size-full wp-image-285" title="94" src="http://www.psyag.com/wp-content/uploads/2010/02/94.jpg" alt="94" width="300" height="298" /></a></p>
<p><strong>Step 8:</strong><br />
Create a new layer. Select &#8220;Text Tool&#8221; and type some text.</p>
<p>Below is the final image of this tutorial.<br />
<a href="http://www.psyag.com/wp-content/uploads/2010/02/glossy-button1.jpg"><img class="alignnone size-full wp-image-252" title="glossy-button" src="http://www.psyag.com/wp-content/uploads/2010/02/glossy-button1.jpg" alt="glossy-button" width="300" height="300" /></a></p>
<p><strong><a href="http://www.psyag.com/wp-content/uploads/2010/02/glossy-button1.zip">Download PSD file of this tutorial</a> FREE !!</strong></p>
]]></content:encoded>
			<wfw:commentRss>http://www.psyag.com/buttons/glossy-web-2-0-button-in-photoshop/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
	</channel>
</rss>

