<?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>Graphic Design Tutorials &#124; Web Design, Icons, Logos &#187; glassy logobox</title>
	<atom:link href="http://www.pstut.info/tag/glassy-logobox/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.pstut.info</link>
	<description>Graphics design tutorials on intermediate level Photoshop for web design, icons, logos, and text effects.</description>
	<lastBuildDate>Tue, 27 Dec 2011 16:59:55 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3</generator>
		<item>
		<title>Rectangular Glassy Logo &#8211; Photoshop Graphic Design Tutorial 18</title>
		<link>http://www.pstut.info/photoshop-tutorials/glassy-logobox/</link>
		<comments>http://www.pstut.info/photoshop-tutorials/glassy-logobox/#comments</comments>
		<pubDate>Fri, 28 Mar 2008 20:50:33 +0000</pubDate>
		<dc:creator>Michael</dc:creator>
				<category><![CDATA[Intermediate Photoshop Tutorials]]></category>
		<category><![CDATA[glassy design]]></category>
		<category><![CDATA[glassy logobox]]></category>
		<category><![CDATA[logo]]></category>
		<category><![CDATA[Photoshop design tutorials]]></category>

		<guid isPermaLink="false">http://www.pstut.info/tutorials/glassy-logobox/</guid>
		<description><![CDATA[I was lurking around the web for graphic design inspiration, and saw a rectangular glassy logo web design concept on Monster Templates, so I decided, &#8220;Hey, why not make a Photoshop tutorial?&#8221;  So basically, we will learn in this Photoshop tutorial how to use our airbrush to achieve a very cool glass effect. &#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230; I have prepared a [...]]]></description>
			<content:encoded><![CDATA[<p>I was lurking around the web for graphic design inspiration, and saw a rectangular glassy logo web design concept on Monster Templates, so I decided, &#8220;Hey, why not make a Photoshop tutorial?&#8221;  So basically, we will learn in this Photoshop tutorial how to use our airbrush to achieve a very cool glass effect.</p>
<p><span id="more-340"></span>&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;</p>
<p>I have prepared a background for you to work on to save some time.  Go ahead and take it over to your Photoshop.</p>
<p><img title="Rectangular Glassy Logo Design with Photoshop Image Background" src="http://www.pstut.info/wp-content/uploads/glassbackground.jpg" alt="rectangular-glassy-logo-design-photoshop-image background" /></p>
<p>Our first step is to outline our base of the glassbox, so go ahead and take out your rounded rectangle and set the size to 12.  Make sure that the background is white.</p>
<p><img title="Rectangular Glassy Logo Design with Photoshop Image 1" src="http://www.pstut.info/wp-content/uploads/glassfirst.jpg" alt="rectangular-glassy-logo-design-photoshop-image-1" /></p>
<p>Drop the opacity of our current outline down to eight percent.</p>
<p><img title="Rectangular Glassy Logo Design with Photoshop Image 2" src="http://www.pstut.info/wp-content/uploads/glasssecond.jpg" alt="rectangular-glassy-logo-design-photoshop-image-2" /></p>
<p>It&#8217;s barely visible now and that&#8217;s good.  Don&#8217;t worry, you did nothing wrong.  Duplicate the same outline except now clear it of all layer styles, and take out your Eraser Tool.  Set the tip to aproximately the size of 1450 and following the diagram, below erase all the white area.  Make sure that you use the airbrush tip, not just the typical brush.  Otherwise, you will have a different effect.</p>
<p><img title="Rectangular Glassy Logo Design with Photoshop Image 3" src="http://www.pstut.info/wp-content/uploads/glassthird.jpg" alt="rectangular-glassy-logo-design-photoshop-image-3" /></p>
<p>So now after airbrushing off the tip, you should have something along the lines of this:</p>
<p><img title="Rectangular Glassy Logo Design with Photoshop Image 4" src="http://www.pstut.info/wp-content/uploads/glassfourth.jpg" alt="rectangular-glassy-logo-design-photoshop-image-4" /></p>
<p>Duplicate the following layer.  Let&#8217;s call it the highlight, and flip it vertically.  Place it to the top of our outline now.  So something along the lines of this:</p>
<p><img src="http://www.pstut.info/wp-content/uploads/glassfifth.jpg" alt="rectangular-glassy-logo-design-photoshop-image-5 title=" /></p>
<p>Let&#8217;s add some lining highlights to our glassbox, so go back to your original outline and make a copy. Clear it of all the layer styles and using your Eraser Tool with the size tip of 50, follow the diagram below to take off all the unnecessary white.</p>
<p><img src="http://www.pstut.info/wp-content/uploads/glasssixth.jpg" alt="rectangular-glassy-logo-design-photoshop-image-6 title=" /></p>
<p>After that, take that layer and flip it vertically, and align closer to the bottom.  It should look something like this:</p>
<p><img title="Rectangular Glassy Logo Design with Photoshop Image 7" src="http://www.pstut.info/wp-content/uploads/glassseventh.jpg" alt="rectangular-glassy-logo-design-photoshop-image-7" /></p>
<p>Duplicate it once again, and just move it to the top.</p>
<p><img title="Rectangular Glassy Logo Design with Photoshop Image 8" src="http://www.pstut.info/wp-content/uploads/glasseight.jpg" alt="rectangular-glassy-logo-design-photoshop-image-8" /></p>
<p>Add the logo or text that you wish to have, similar to what we have below:<img title="Rectangular Glassy Logo Design with Photoshop Image 9" src="http://www.pstut.info/wp-content/uploads/glassninth.jpg" alt="rectangular-glassy-logo-design-photoshop-image-9" /></p>
<p>Duplicate our original outline again, and following the Diagram below using your Elliptical Tool, cut out a curve.</p>
<p><img title="Rectangular Glassy Logo Design with Photoshop Image 10" src="http://www.pstut.info/wp-content/uploads/glasstenth.jpg" alt="rectangular-glassy-logo-design-photoshop-image-10" /></p>
<p>Lower the opacity to 8%, and you are now done.</p>
<p><img title="Rectangular Glassy Logo Design with Photoshop Image 11" src="http://www.pstut.info/wp-content/uploads/glasseleventh.jpg" alt="rectangular-glassy-logo-design-photoshop-image-11" /></p>
<p>Below are two examples side by side.  A logo/text:</p>
<p><img title="Rectangular Glassy Logo Design with Photoshop Image Final" src="http://www.pstut.info/wp-content/uploads/glassfinal.jpg" alt="rectangular-glassy-logo-design-photoshop-image-final" /></p>
<p>Thank you for reading, and I hope that you enjoyed this tutorial!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.pstut.info/photoshop-tutorials/glassy-logobox/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
<!-- This Quick Cache file was built for (  www.pstut.info/tag/glassy-logobox/feed/ ) in 0.32781 seconds, on Feb 8th, 2012 at 7:46 am UTC. -->
<!-- This Quick Cache file will automatically expire ( and be re-built automatically ) on Feb 15th, 2012 at 7:46 am UTC -->
