<?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>Rendered Pixels</title>
	<atom:link href="http://www.renderedpixels.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.renderedpixels.com</link>
	<description>E-mail design strategy, web design, marketing and more</description>
	<lastBuildDate>Wed, 06 Oct 2010 00:53:55 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1.3</generator>
		<item>
		<title>Creating Glass Buttons in Photoshop</title>
		<link>http://www.renderedpixels.com/2010/10/06/creating-glass-buttons-in-photoshop/</link>
		<comments>http://www.renderedpixels.com/2010/10/06/creating-glass-buttons-in-photoshop/#comments</comments>
		<pubDate>Wed, 06 Oct 2010 00:45:34 +0000</pubDate>
		<dc:creator>Zeus</dc:creator>
				<category><![CDATA[Photoshop Tutorials]]></category>
		<category><![CDATA[Buttons]]></category>

		<guid isPermaLink="false">http://renderedpixels.com/?p=25</guid>
		<description><![CDATA[One of the best things I consider myself good at making is making Glass buttons. In just a few simple steps you should be able to create these on your own. 1. First thing you want to do is set your canvas dimensions to a workable size. 2. I like to use the Rounded Rectangle [...]]]></description>
			<content:encoded><![CDATA[<p>One of the best things I consider myself good at making is making Glass buttons. In just a few simple steps you should be able to create these on your own.</p>
<p>1.	First thing you want to do is set your canvas dimensions to a workable size.</p>
<p>2.	I like to use the <span style="color: #f08d42;"><strong>Rounded Rectangle Tool</strong></span>, which lets me set how rounded I want the corners of my button to be. In this case, lets leave them at a 10px radius and create your shape.</p>
<p><img class="alignnone size-full wp-image-31" title="glass-buttons-in-photoshop_1" src="http://renderedpixels.com/wp-content/uploads/2010/10/glass-buttons-in-photoshop_1.jpg" alt="" width="498" height="408" /></p>
<p>3.	<span style="color: #f08d42;"><strong>Rasterize</strong></span> the layer. Then with the <span style="color: #f08d42;"><strong>Marquee Tool</strong></span> select the shape. Create a new layer and go to <strong><span style="color: #f08d42;">Select &gt; Modify &gt; Feather…</span> </strong>Let&#8217;s set the Feathering to 3.</p>
<p><strong><img class="alignnone size-full wp-image-33" title="glass-buttons-in-photoshop_3" src="http://renderedpixels.com/wp-content/uploads/2010/10/glass-buttons-in-photoshop_3.jpg" alt="" width="322" height="102" /></strong></p>
<p><strong><img class="alignnone size-full wp-image-32" title="glass-buttons-in-photoshop_2" src="http://renderedpixels.com/wp-content/uploads/2010/10/glass-buttons-in-photoshop_2.jpg" alt="" width="498" height="408" /></strong></p>
<p>4.	 Select the <span style="color: #f08d42;"><strong>Gradient Tool</strong></span>. What you want to do next is then make sure the color white is your foreground color. Apply the white gradient to inside of the shape, once you deselect you will then see a lighting effect you made on the shape.</p>
<p><img class="alignnone size-full wp-image-34" title="glass-buttons-in-photoshop_4" src="http://renderedpixels.com/wp-content/uploads/2010/10/glass-buttons-in-photoshop_4.jpg" alt="" width="498" height="408" /></p>
<p><img class="alignnone size-full wp-image-35" title="glass-buttons-in-photoshop_5" src="http://renderedpixels.com/wp-content/uploads/2010/10/glass-buttons-in-photoshop_5.jpg" alt="" width="498" height="408" /></p>
<p>5.	Click on your shape layer. Go to <span style="color: #f08d42;"><strong>Blending Options &gt; Gradient Overlay</strong></span> and play around with the <span style="color: #f08d42;"><strong>Opacity</strong></span> and <span style="color: #f08d42;"><strong>Scaling</strong></span> to give your glass button a more realistic look.</p>
<p><img class="alignnone size-full wp-image-36" title="glass-buttons-in-photoshop_6" src="http://renderedpixels.com/wp-content/uploads/2010/10/glass-buttons-in-photoshop_6.jpg" alt="" width="498" height="408" /></p>
<p><img class="alignnone size-full wp-image-37" title="glass-buttons-in-photoshop_7" src="http://renderedpixels.com/wp-content/uploads/2010/10/glass-buttons-in-photoshop_7.jpg" alt="" width="498" height="408" /></p>
<p><strong><span style="color: #f08d42;">Extra tips:</span> </strong>You can always make your button look more realistic, or rather, with more pop by moving your feathered layer down a bit and be sure to use the transforming option to manipulate the width and height. This makes the surface look more polished off.</p>
<p><img class="alignnone size-full wp-image-44" title="glass-buttons-in-photoshop_8" src="http://renderedpixels.com/wp-content/uploads/2010/10/glass-buttons-in-photoshop_81.jpg" alt="" width="498" height="408" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.renderedpixels.com/2010/10/06/creating-glass-buttons-in-photoshop/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

