<?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; Photoshop design tutorials</title>
	<atom:link href="http://www.pstut.info/tag/photoshop-design-tutorials/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>Pyramid Icon Design &#8211; Photoshop Graphic Design Tutorial 22</title>
		<link>http://www.pstut.info/photoshop-tutorials/pyramid-icon-design/</link>
		<comments>http://www.pstut.info/photoshop-tutorials/pyramid-icon-design/#comments</comments>
		<pubDate>Sun, 15 Jun 2008 17:29:13 +0000</pubDate>
		<dc:creator>Michael</dc:creator>
				<category><![CDATA[Intermediate Photoshop Tutorials]]></category>
		<category><![CDATA[3-d pyramid]]></category>
		<category><![CDATA[3-dimensional pyramid]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[design icon]]></category>
		<category><![CDATA[draw]]></category>
		<category><![CDATA[draw a pyramid]]></category>
		<category><![CDATA[drawing]]></category>
		<category><![CDATA[drawing tutorial]]></category>
		<category><![CDATA[Photoshop design tutorials]]></category>
		<category><![CDATA[pyramid]]></category>
		<category><![CDATA[pyramid icon]]></category>
		<category><![CDATA[pyramid image]]></category>
		<category><![CDATA[three-dimensional pyramid]]></category>

		<guid isPermaLink="false">http://www.pstut.info/?p=407</guid>
		<description><![CDATA[This graphic design Photoshop tutorial describes creation of a simple triangular icon design for a web design logo or icon.  I will walk you through how to use your pen tool to do this. There are many insights on how to use your Burn/Dodge Tool to create shades of lights and shadows in this Photoshop tutorial. &#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; [...]]]></description>
			<content:encoded><![CDATA[<p>This graphic design Photoshop tutorial describes creation of a simple triangular icon design for a web design logo or icon.  I will walk you through how to use your pen tool to do this. There are many insights on how to use your Burn/Dodge Tool to create shades of lights and shadows in this Photoshop tutorial.</p>
<p><span id="more-407"></span></p>
<p>&#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>Start off by preparing your document; you may use a pre-made background listed below.</p>
<p><a href="http://www.pstut.info/wp-content/uploads/tribg.jpg"><img class="alignnone size-full wp-image-409" title="Pyramid Icon with Photoshop Image Background" src="http://www.pstut.info/wp-content/uploads/tribg.jpg" alt="pyramid-icon-photoshop-image-background" width="500" height="500" /></a></p>
<p>Let&#8217;s begin by creating one of the sides to our pyramid. The pen tool settings are listed below the preview.</p>
<p><a href="http://www.pstut.info/wp-content/uploads/tri1.jpg"><img class="alignnone size-full wp-image-408" title="Pyramid Icon with Photoshop Image 1" src="http://www.pstut.info/wp-content/uploads/tri1.jpg" alt="pyramid-icon-photoshop-image-1" width="500" height="500" /></a></p>
<p><a href="http://www.pstut.info/wp-content/uploads/tripen.jpg"><img class="alignnone size-full wp-image-423" title="tripen" src="http://www.pstut.info/wp-content/uploads/tripen.jpg" alt="" width="500" height="32" /></a></p>
<p>Alright.  We have one of our sides.  Let&#8217;s begin adding the indent triangle inside.  Using the same pen tool settings, create a similar shape as mine inside.</p>
<p><a href="http://www.pstut.info/wp-content/uploads/tri2.jpg"><img class="alignnone size-full wp-image-410" title="Pyramid Icon with Photoshop Image 2" src="http://www.pstut.info/wp-content/uploads/tri2.jpg" alt="pyramid-icon-photoshop-image-2" width="500" height="500" /></a></p>
<p>It looks a little flat because we haven&#8217;t added the base to our newly-indented side of a pyramid. Let&#8217;s do that right now</p>
<p><a href="http://www.pstut.info/wp-content/uploads/tri3.jpg"><img class="alignnone size-full wp-image-411" title="Pyramid Icon with Photoshop Image 3" src="http://www.pstut.info/wp-content/uploads/tri3.jpg" alt="pyramid-icon-photoshop-image-3" width="500" height="500" /></a></p>
<p>Let&#8217;s polish our original side of the pyramid.  Take out your doge tool, set it to size 180 and Exposure to 50%, and begin brushing it following the diagram below:</p>
<p><a href="http://www.pstut.info/wp-content/uploads/tri4.jpg"><img class="alignnone size-full wp-image-412" title="Pyramid Icon with Photoshop Image 4" src="http://www.pstut.info/wp-content/uploads/tri4.jpg" alt="pyramid-icon-photoshop-image-4" width="500" height="500" /></a></p>
<p>Let&#8217;s add an overlay and lower the opacity so that we can make the lighting stand out more.</p>
<p><a href="http://www.pstut.info/wp-content/uploads/tri4overlay.jpg"><img class="alignnone size-full wp-image-413" title="Pyramid Icon with Photoshop Image 4 Overlay" src="http://www.pstut.info/wp-content/uploads/tri4overlay.jpg" alt="pyramid-icon-photoshop-image-4-overaly" width="500" height="368" /></a></p>
<p>Let&#8217;s go back to the indented pyramid and add some shadows to the base.  Following the diagram below, set your Burn tool to size 40 and begin brushing:</p>
<p><a href="http://www.pstut.info/wp-content/uploads/tri5shadow.jpg"><img class="alignnone size-full wp-image-415" title="Pyramid Icon with Photoshop Image 5 Shadow" src="http://www.pstut.info/wp-content/uploads/tri5shadow.jpg" alt="pyramid-icon-photoshop-image-5-shadow" width="500" height="499" /></a></p>
<p>Looking good.  Go back to your original layer of the big pyramid and duplicate it.  Then go to Edit &#8211; Transform &#8211; Flip Horizontal.</p>
<p><a href="http://www.pstut.info/wp-content/uploads/tri6.jpg"><img class="alignnone size-full wp-image-416" title="Pyramid Icon with Photoshop Image 6" src="http://www.pstut.info/wp-content/uploads/tri6.jpg" alt="pyramid-icon-photoshop-image-6" width="500" height="500" /></a></p>
<p>Time for detail once again except this time, we will begin with the shadows since we need to have a set direction of light.  Take out the Burn Tool.  Set the size to 180 and the Exposure at 50%, and start brushing following the diagram below:</p>
<p><a href="http://www.pstut.info/wp-content/uploads/tri6shadow.jpg"><img class="alignnone size-full wp-image-417" title="Pyramid Icon with Photoshop Image 6 Shadow" src="http://www.pstut.info/wp-content/uploads/tri6shadow.jpg" alt="pyramid-icon-photoshop-image-6-shadow" width="500" height="500" /></a></p>
<p>After that, drop the opacity to 70% and you should have something along the lines of this:</p>
<p><a href="http://www.pstut.info/wp-content/uploads/tri7.jpg"><img class="alignnone size-full wp-image-418" title="Pyramid Icon with Photoshop Image 7" src="http://www.pstut.info/wp-content/uploads/tri7.jpg" alt="pyramid-icon-photoshop-image-7" width="500" height="500" /></a></p>
<p>On top of the shadows, we need to fix up the light as well.  So take out your Dodge Tool and set the size to 180 and Exposure 50%.  Begin brushing following the diagram below:</p>
<p><a href="http://www.pstut.info/wp-content/uploads/tri8.jpg"><img class="alignnone size-full wp-image-419" title="Pyramid Icon with Photoshop Image 8" src="http://www.pstut.info/wp-content/uploads/tri8.jpg" alt="pyramid-icon-photoshop-image-8" width="500" height="499" /></a></p>
<p>Apply the same overlay as you have did in the previous step.  After that, duplicate the indented triangle and go to Edit &#8211; Transform &#8211; Flip Horizontal.  Now you&#8217;re pretty much done.  Take a look at what this pyramid came out to be:</p>
<p><a href="http://www.pstut.info/wp-content/uploads/trifinal.jpg"><img class="alignnone size-full wp-image-419" title="Pyramid Icon with Photoshop Image 9" src="http://www.pstut.info/wp-content/uploads/trifinal.jpg" alt="pyramid-icon-photoshop-image-9" width="500" height="499" /></a></p>
<p>That about wraps it all.  Hopefully it was a relatively easy tutorial to follow.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.pstut.info/photoshop-tutorials/pyramid-icon-design/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Open Book Tutorial &#8211; Photoshop Graphic Design Tutorial 21</title>
		<link>http://www.pstut.info/photoshop-tutorials/open-book-tutorial/</link>
		<comments>http://www.pstut.info/photoshop-tutorials/open-book-tutorial/#comments</comments>
		<pubDate>Tue, 13 May 2008 00:31:58 +0000</pubDate>
		<dc:creator>Michael</dc:creator>
				<category><![CDATA[Intermediate Photoshop Tutorials]]></category>
		<category><![CDATA[beautiful book]]></category>
		<category><![CDATA[beautiful book design]]></category>
		<category><![CDATA[book]]></category>
		<category><![CDATA[book design]]></category>
		<category><![CDATA[book image]]></category>
		<category><![CDATA[book pages]]></category>
		<category><![CDATA[classic book]]></category>
		<category><![CDATA[classic book design]]></category>
		<category><![CDATA[design tutorial]]></category>
		<category><![CDATA[drawing tutorial]]></category>
		<category><![CDATA[open book]]></category>
		<category><![CDATA[open book design]]></category>
		<category><![CDATA[open page design]]></category>
		<category><![CDATA[open pages]]></category>
		<category><![CDATA[Photoshop design tutorials]]></category>

		<guid isPermaLink="false">http://www.pstut.info/?p=388</guid>
		<description><![CDATA[In a series of simple steps for this Photoshop graphic design tutorial, I will teach you how to design a simple but an effective open book design that can be used either for your flash autobiography or as a splash page for your website and web designs.  This Photoshop tutorial can even be accomplished by beginners, so [...]]]></description>
			<content:encoded><![CDATA[<p>In a series of simple steps for this Photoshop graphic design tutorial, I will teach you how to design a simple but an effective open book design that can be used either for your flash autobiography or as a splash page for your website and web designs.  This Photoshop tutorial can even be accomplished by beginners, so go ahead and give it a try!</p>
<p><span id="more-388"></span></p>
<p>&#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 already prepared a background for you, so begin by copying it over to Photoshop.</p>
<p><a href="http://www.pstut.info/wp-content/uploads/bobg.jpg"><img class="alignnone size-full wp-image-404" title="Open Book Design with Photoshop Image Background" src="http://www.pstut.info/wp-content/uploads/bobg.jpg" alt="open-book-design-photoshop-image-background" width="500" height="384" /></a></p>
<p>So let&#8217;s begin by creating the hard cover of the book.  Grab your Rectangular Marquee Tool and create a rectangle approximately the size shown below.  Now select your Dodge Tool and set the radius over to 150; lightly dodge the tip of the cover.</p>
<p><a href="http://www.pstut.info/wp-content/uploads/bo1.jpg"><img class="alignnone size-full wp-image-389" title="Open Book Design with Photoshop Image 1" src="http://www.pstut.info/wp-content/uploads/bo1.jpg" alt="open-book-design-photoshop-image-1" width="500" height="384" /></a></p>
<p>We have our foundation now.  Let&#8217;s mold some detail into our cover.  Start applying the following layer styles over the cover:</p>
<p><a href="http://www.pstut.info/wp-content/uploads/bo1overlay.jpg"><img class="alignnone size-full wp-image-390" title="Open Book Design with Photoshop Image 1 Overlay" src="http://www.pstut.info/wp-content/uploads/bo1overlay.jpg" alt="open-book-design-photoshop-image-1-overlay" width="500" height="370" /></a></p>
<p>And now the shadows:</p>
<p><a href="http://www.pstut.info/wp-content/uploads/bo1shadow.jpg"><img class="alignnone size-full wp-image-391" title="Open Book Design with Photoshop Image 1 Shadow" src="http://www.pstut.info/wp-content/uploads/bo1shadow.jpg" alt="open-book-design-photoshop-image-1-shadow" width="500" height="370" /></a></p>
<p>Great.  Now let&#8217;s begin with our pages.  The idea is to create almost the same dimension rectangle except with an inch cropped off from the right.  So following the example below, create a white rectangle:</p>
<p><a href="http://www.pstut.info/wp-content/uploads/bo2.jpg"><img class="alignnone size-full wp-image-392" title="Open Book Design with Photoshop Image 2" src="http://www.pstut.info/wp-content/uploads/bo2.jpg" alt="open-book-design-photoshop-image-2" width="500" height="384" /></a></p>
<p>The base is there, so its time to add some detail.  Go to your layer styles and apply the following:</p>
<p><a href="http://www.pstut.info/wp-content/uploads/bo2shadow.jpg"><img class="alignnone size-full wp-image-394" title="Open Book Design with Photoshop Image 2 Shadow" src="http://www.pstut.info/wp-content/uploads/bo2shadow.jpg" alt="open-book-design-photoshop-image-2-shadow" width="500" height="370" /></a></p>
<p>Now the gradient overlay:</p>
<p><a href="http://www.pstut.info/wp-content/uploads/bo2gradient.jpg"><img class="alignnone size-full wp-image-393" title="Open Book Design with Photoshop Image 2 Gradient" src="http://www.pstut.info/wp-content/uploads/bo2gradient.jpg" alt="open-book-design-photoshop-image-2-gradient" width="500" height="370" /></a></p>
<p>Alright.  Now we have to resize it little by little and center vertically to the original page.  Make sure that the duplicate layers of the white page go underneath the original.  That way, the shadow creates depth and volume.</p>
<p><a href="http://www.pstut.info/wp-content/uploads/bo3.jpg"><img class="alignnone size-full wp-image-395" title="Open Book Design with Photoshop Image 3" src="http://www.pstut.info/wp-content/uploads/bo3.jpg" alt="open-book-design-photoshop-image-3" width="500" height="384" /></a></p>
<p>And continue to do that over a few times.</p>
<p><a href="http://www.pstut.info/wp-content/uploads/bo4.jpg"><img class="alignnone size-full wp-image-396" title="Open Book Design with Photoshop Image 4" src="http://www.pstut.info/wp-content/uploads/bo4.jpg" alt="open-book-design-photoshop-image-4" width="500" height="384" /></a></p>
<p>Okay.  So we are practically done here except now we have to actually add some detail to the white page since it looks really dull at the moment.  Go back to your Rectangular Marquee tool and create a graphical page inside the white page.  Follow my example:</p>
<p><a href="http://www.pstut.info/wp-content/uploads/bo5.jpg"><img class="alignnone size-full wp-image-397" title="Open Book Design with Photoshop Image 5" src="http://www.pstut.info/wp-content/uploads/bo5.jpg" alt="open-book-design-photoshop-image-5" width="500" height="384" /></a></p>
<p>Time to add a finish and some detail to our page by the uses of a Doge &amp; Burn Tool.  Begin by taking out your Doge Tool and setting the diameter to at least 250px and lightly dodging the tip of the brown page.</p>
<p><a href="http://www.pstut.info/wp-content/uploads/bo6.jpg"><img class="alignnone size-full wp-image-398" title="Open Book Design with Photoshop Image 6" src="http://www.pstut.info/wp-content/uploads/bo6.jpg" alt="open-book-design-photoshop-image-6" width="500" height="383" /></a></p>
<p>Put on the first layer of shadows as the foundation.  I used a Burn tip the size of 200 pixels</p>
<p><a href="http://www.pstut.info/wp-content/uploads/bo7.jpg"><img class="alignnone size-full wp-image-399" title="Open Book Design with Photoshop Image 7" src="http://www.pstut.info/wp-content/uploads/bo7.jpg" alt="open-book-design-photoshop-image-7" width="500" height="383" /></a></p>
<p>Finish it up with a second layer of shadows, except this time focus on adding more shadows to the right hand side.  In this, I used a burn tip the size of 85px.</p>
<p><a href="http://www.pstut.info/wp-content/uploads/bo8.jpg"><img class="alignnone size-full wp-image-400" title="Open Book Design with Photoshop Image 8" src="http://www.pstut.info/wp-content/uploads/bo8.jpg" alt="open-book-design-photoshop-image-8" width="500" height="383" /></a></p>
<p>Great.  Now you are pretty much done.  All you have to do is put all the layers into a set, duplicate it, and then Flip it Horizontally by going to Edit &#8211; Transform &#8211; Flip Horizontal.  Make sure you have the set highlighted so that you won&#8217;t have to go through every layer.</p>
<p>But wait, you will probably notice now that your right-hand side has a different gradient pattern on the white page than your left-hand side of the book.  No worries.  Go to the Layer Style Properties of your duplicated first white page and make sure that there is a check by Reverse:</p>
<p><a href="http://www.pstut.info/wp-content/uploads/bo9.jpg"><img class="alignnone size-full wp-image-401" title="Open Book Design with Photoshop Image 9" src="http://www.pstut.info/wp-content/uploads/bo9.jpg" alt="open-book-design-photoshop-image-9" width="500" height="370" /></a></p>
<p>Great, now for our final touch.  Take out the Burn Tool again and on the right-hand side layer of the brown page, add a layer of shadow.</p>
<p><a href="http://www.pstut.info/wp-content/uploads/b10.jpg"><img class="alignnone size-full wp-image-402" title="Open Book Design with Photoshop Image 10" src="http://www.pstut.info/wp-content/uploads/b10.jpg" alt="open-book-design-photoshop-image-10" width="500" height="383" /></a></p>
<p>And there you have it, a quick and easy way to design an open book that can probably be used for anything possible&#8211;whether it be a place holder for your poems or photographs this tutorial can serve your needs in a series of easy steps!</p>
<p><a href="http://www.pstut.info/wp-content/uploads/bofin.jpg"><img class="alignnone size-full wp-image-402" title="Open Book Design with Photoshop Image 11" src="http://www.pstut.info/wp-content/uploads/bofin.jpg" alt="open-book-design-photoshop-image-11" width="500" height="383" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.pstut.info/photoshop-tutorials/open-book-tutorial/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>3D Retro Strip Design &#8211; Photoshop Graphic Design Tutorial 20</title>
		<link>http://www.pstut.info/photoshop-tutorials/design-a-3d-retro-strip/</link>
		<comments>http://www.pstut.info/photoshop-tutorials/design-a-3d-retro-strip/#comments</comments>
		<pubDate>Sat, 10 May 2008 18:31:37 +0000</pubDate>
		<dc:creator>Michael</dc:creator>
				<category><![CDATA[Intermediate Photoshop Tutorials]]></category>
		<category><![CDATA[3-dimensional strip]]></category>
		<category><![CDATA[3d strip]]></category>
		<category><![CDATA[design tutorial]]></category>
		<category><![CDATA[drawing tutorial]]></category>
		<category><![CDATA[Photoshop design tutorials]]></category>
		<category><![CDATA[retro design]]></category>
		<category><![CDATA[retro strip]]></category>
		<category><![CDATA[three-dimensional strip]]></category>

		<guid isPermaLink="false">http://www.pstut.info/?p=372</guid>
		<description><![CDATA[Today, I was browsing around some web design templates and came upon quite an interesting concept, which gave me the idea for this graphic design Photoshop tutorial.  Basically, it&#8217;s quite a simple technique to use with a pen tool, but it does create some really sweet results.  Get ready in this web design tutorial to create a [...]]]></description>
			<content:encoded><![CDATA[<p>Today, I was browsing around some web design templates and came upon quite an interesting concept, which gave me the idea for this graphic design Photoshop tutorial.  Basically, it&#8217;s quite a simple technique to use with a pen tool, but it does create some really sweet results.  Get ready in this web design tutorial to create a 3D Retro Strip in a series of simple steps.</p>
<p><span id="more-372"></span></p>
<p>&#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; however, if you wish to make your own, please open a 500&#215;500 Document.</p>
<p><a href="http://www.pstut.info/wp-content/uploads/curvebg.jpg"><img class="alignnone size-full wp-image-374" title="3D Retro Strip Design with Photoshop Image Background" src="http://www.pstut.info/wp-content/uploads/curvebg.jpg" alt="3d-retro-curve-photoshop-image-background" width="500" height="500" /></a></p>
<p>Our first step is to create the foundation of the strip, which is the first layer before it bends to 3D. Following my outline and using the preferences listed below for the Pen Tool, create your own outline:</p>
<p><a href="http://www.pstut.info/wp-content/uploads/curve1.jpg"><img class="alignnone size-full wp-image-375" title="3D Retro Curve Design with Photoshop Image 1" src="http://www.pstut.info/wp-content/uploads/curve1.jpg" alt="3d-retro-curve-design-photoshop-image-1" width="500" height="500" /></a></p>
<p>Looking good.  Now that we have our foundation, let&#8217;s add some color to it in order to create variation and spacing of colors.  Using the same Pen Tool settings, follow the guide below to create a second color inside our main strip:</p>
<p><a href="http://www.pstut.info/wp-content/uploads/curve2.jpg"><img class="alignnone size-full wp-image-376" title="3D Retro Curve Design with Photoshop Image 2" src="http://www.pstut.info/wp-content/uploads/curve2.jpg" alt="3d-retro-curve-design-photoshop-image-2" width="500" height="500" /></a></p>
<p>Repeat the same step over twice again with the following colors (HINT: You can just duplicate and slide the layer over):</p>
<p><a href="http://www.pstut.info/wp-content/uploads/curve3.jpg"><img class="alignnone size-full wp-image-378" title="3D Retro Curve Design with Photoshop Image 3" src="http://www.pstut.info/wp-content/uploads/curve3.jpg" alt="3d-retro-curve-design-photoshop-image-3" width="500" height="500" /></a></p>
<p>Alrighty, now we are beginning to create the depth in our strip.  We will begin by creating the corner tip at the right-hand side of the main strip.  Following the guidelines below and using the same pen tool settings, create the foundation for our corner:</p>
<p><a href="http://www.pstut.info/wp-content/uploads/curve4.jpg"><img class="alignnone size-full wp-image-379" title="3D Retro Curve Design with Photoshop Image 4" src="http://www.pstut.info/wp-content/uploads/curve4.jpg" alt="3d-retro-curve-design-photoshop-image-4" width="499" height="500" /></a></p>
<p>Just like we did for the main strip, we need to add color to our foundation.  We have to make sure that our colors come in order, so first the beige then the light green:</p>
<p><a href="http://www.pstut.info/wp-content/uploads/curve5.jpg"><img class="alignnone size-full wp-image-380" title="3D Retro Curve Design with Photoshop Image 5" src="http://www.pstut.info/wp-content/uploads/curve5.jpg" alt="3d-retro-curve-design-photoshop-image-5" width="500" height="500" /></a></p>
<p>Okay, now let&#8217;s do the light shade of the green using the same simple technique:</p>
<p><a href="http://www.pstut.info/wp-content/uploads/curve6.jpg"><img class="alignnone size-full wp-image-381" title="3D Retro Curve Design with Photoshop Image 6" src="http://www.pstut.info/wp-content/uploads/curve6.jpg" alt="3d-retro-curve-design-photoshop-image-6" width="500" height="500" /></a></p>
<p>I don&#8217;t know if you guys noticed, but the idea was to pick a color a shade darker so that we can create depth.  As you can see, we managed to do that just right.  In order to save the work with the pen tool and time, using the original layer of the strip, we will duplicate it, move it up to the tip of the corner, and cut off the leftovers.  Not to get you confused, I added a preview of what should have been done before the clipping occured:</p>
<p><a href="http://www.pstut.info/wp-content/uploads/curve7.jpg"><img class="alignnone size-full wp-image-382" title="3D Retro Curve Design with Photoshop Image 7" src="http://www.pstut.info/wp-content/uploads/curve7.jpg" alt="3d-retro-curve-design-photoshop-image-7" width="500" height="499" /></a></p>
<p>Using the same method, let&#8217;s duplicate our colored strips from the main base over to the sub-base of the strip.  In other words, here is what you should have:</p>
<p><a href="http://www.pstut.info/wp-content/uploads/curve8.jpg"><img class="alignnone size-full wp-image-383" title="3D Retro Curve Design with Photoshop Image 8" src="http://www.pstut.info/wp-content/uploads/curve8.jpg" alt="3d-retro-curve-design-photoshop-image-8" width="500" height="500" /></a></p>
<p>Now that we have set up our colors and aligned our strip, we already can see the 3D Effect; however, let&#8217;s add some glare to it.  Take the base and change the color to white, and then Rasterize it (Make sure its a duplicate).  Now using your Eraser Tool with a diameter set to 100px, erase everything off besides the top, so it should look like a fade.  When you&#8217;re done, just set it to overlay.</p>
<p><a href="http://www.pstut.info/wp-content/uploads/curve9.jpg"><img class="alignnone size-full wp-image-384" title="3D Retro Curve Design with Photoshop Image 9" src="http://www.pstut.info/wp-content/uploads/curve9.jpg" alt="3d-retro-curve-design-photoshop-image-9" width="500" height="500" /></a></p>
<p>You&#8217;re pretty much done.  After playing around a little, I came up with this result:</p>
<p><a href="http://www.pstut.info/wp-content/uploads/curvefinal.jpg"><img class="alignnone size-full wp-image-384" title="3D Retro Curve Design with Photoshop Image 10" src="http://www.pstut.info/wp-content/uploads/curvefinal.jpg" alt="3d-retro-curve-design-photoshop-image-10" width="500" height="500" /></a></p>
<p>This is a quite simple tutorial; however, it gives a nice introduction to the way that you can create simple, but effective, 3D objects that can make your layout just POP.  The inspiration came from a layout that I found on Monster Templates.  Take a look below:</p>
<p><a href="http://www.pstut.info/wp-content/uploads/curveinsp.jpg"><img class="alignnone size-full wp-image-387" title="curveinsp" src="http://www.pstut.info/wp-content/uploads/curveinsp.jpg" alt="" width="500" height="428" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.pstut.info/photoshop-tutorials/design-a-3d-retro-strip/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<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>
		<item>
		<title>News Feed Table &#8211; Photoshop Graphic Design Tutorial 14</title>
		<link>http://www.pstut.info/photoshop-tutorials/web-20-news-feed-table/</link>
		<comments>http://www.pstut.info/photoshop-tutorials/web-20-news-feed-table/#comments</comments>
		<pubDate>Mon, 21 Jan 2008 16:39:18 +0000</pubDate>
		<dc:creator>Michael</dc:creator>
				<category><![CDATA[Intermediate Photoshop Tutorials]]></category>
		<category><![CDATA[news feed table]]></category>
		<category><![CDATA[Photoshop design tutorials]]></category>
		<category><![CDATA[web 2.0]]></category>
		<category><![CDATA[web design]]></category>
		<category><![CDATA[web template]]></category>
		<category><![CDATA[web theme]]></category>

		<guid isPermaLink="false">http://www.pstut.info/tutorials/web-20-news-feed-table/</guid>
		<description><![CDATA[I was really fond of the Web 2.0 search table that they had on Health Pages before they updated their web design.  It was very similar to the Web 2.0 table that will be making today, so the credit goes to HealthPages.  What&#8217;s good is that it shows the common trend of Web 2.0, and a lot of [...]]]></description>
			<content:encoded><![CDATA[<p>I was really fond of the Web 2.0 search table that they had on Health Pages before they updated their web design.  It was very similar to the Web 2.0 table that will be making today, so the credit goes to HealthPages.  What&#8217;s good is that it shows the common trend of Web 2.0, and a lot of people are trying to accomplish that, so why not throw a Photoshop web design tutorial out there!</p>
<p><span id="more-239"></span></p>
<p>&#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>Let&#8217;s begin by creating a background.  You may use mine or create your own.</p>
<p><img title="News Feed Table with Photoshop Image 1" src="http://www.pstut.info/wp-content/uploads/2008/01/newsfirststep.jpg" alt="news-feed-table-photoshop-image-1" /></p>
<p>Begin by creating the base of the table.  Use your Rounded Shape Tool with an 8px radius, and a background of #a22727.</p>
<p><img title="News Feed Table with Photoshop Image 2" src="http://www.pstut.info/wp-content/uploads/2008/01/newssecondstep.jpg" alt="news-feed-table-photoshop-image-2" /></p>
<p>Duplicate the layer, and set the color to white. Rasterize the shape, and using your Eraser Tool with the size of 100px, fade out everything but the tip.  It should create a nice-looking gradient.  Set it to overlay, and here it is:<img title="News Feed Table with Photoshop Image 4" src="http://www.pstut.info/wp-content/uploads/2008/01/newsfourthstep.jpg" alt="news-feed-table-photoshop-image-4" /></p>
<p>The glare will work well here, so grab your rounded shape rectangle and create an inner rectangle inside right up to the middle of your newly-created gradient from the first step.  Go to Edit Transform, and Skew it from left hand side and right hand side.  Drop the opacity 32% and overlay it.</p>
<p><img title="News Feed Table with Photoshop Image 3" src="http://www.pstut.info/wp-content/uploads/2008/01/newsthirdstep.jpg" alt="news-feed-table-photoshop-image-3" /></p>
<p>We need to name our feed box.  Recent or Latest Releases both work.  Throw that on, and add a drop shadow effect that is listed below:</p>
<p><img title="News Feed Table with Photoshop Image Fifth Effect" src="http://www.pstut.info/wp-content/uploads/2008/01/newsfiftheffect.jpg" alt="news-feed-table-photoshop-image-fifth-effect" /></p>
<p><img title="News Feed Table with Photoshop Image 5" src="http://www.pstut.info/wp-content/uploads/2008/01/newsfifthstep.jpg" alt="news-feed-table-photoshop-image-5" /></p>
<p>Our base is prepped and ready now.  We will now begin to work on the content holder, so take out your Round Shape Rectangle with the same settings, except with a white background.  Throw it on somewhere in the middle and paste a drop shadow layer style on it listed below:</p>
<p><img title="News Feed Table with Photoshop Sixth Effect" src="http://www.pstut.info/wp-content/uploads/2008/01/newssixthstepeffects.jpg" alt="news-feed-table-photoshop-sixth-effect" /></p>
<p><img title="News Feed Table with Photoshop Image 6" src="http://www.pstut.info/wp-content/uploads/2008/01/newssixthstep.jpg" alt="news-feed-table-photoshop-image-6" /></p>
<p>In this, we will create the tabs for the selection of feeds.  I used white for the selected tab and yellow for the available options.  Using your rounded shape rectangle, create three shapes on top of your content holder, and cut off the round edges to connect them all together.  Make sure that the end tips both from left and right are not cut.</p>
<p><img title="News Feed Table with Photoshop Image 7" src="http://www.pstut.info/wp-content/uploads/2008/01/newsseventhstep.jpg" alt="news-feed-table-photoshop-image-7" /></p>
<p>Apply a gradient overlay on your white tab:</p>
<p><img title="News Feed Table with Photoshop Image Seventh Effects" src="http://www.pstut.info/wp-content/uploads/2008/01/newsseventhstepeffects.jpg" alt="news-feed-table-photoshop-image-seveth-effects" /></p>
<p>Time to add some dummy text! In the content place holder, it&#8217;s usually used to make the title nice and large.  I used Arial Black size 14px with the color of #7d7d7d.  In my context area, I actually used Arial 12px with 75% of the #7d7d7d color.</p>
<p><img title="News Feed Table with Photoshop Image 8" src="http://www.pstut.info/wp-content/uploads/2008/01/newseightstep.jpg" alt="news-feed-table-photoshop-image-8" /></p>
<p>Label the little tabs now.  Mine go Tech News | Apple Feed | Tutorials.  For Tech News, I used a darkish grey color (#454545), and for the two other yellow tabs, I used cf6100.  Also, after you are done labeling, apply the following effect to your text:</p>
<p><img title="News Feed Table with Photoshop Ninth Effects" src="http://www.pstut.info/wp-content/uploads/2008/01/newsnintheffects.jpg" alt="news-feed-table-photoshop-ninth-effects" /></p>
<p><img title="News Feed Table with Photoshop Image 9" src="http://www.pstut.info/wp-content/uploads/2008/01/newsninthstep.jpg" alt="news-feed-table-photoshop-image-9" /></p>
<p>We need to implement a feature so that the user can move around between the articles, so grab your round shape rectangle, set the color to white, and apply the following layer styles.  After, place PREVIOUS in Arial Black size 11px.</p>
<p><img title="News Feed Table with Photoshop Image Eleven Inner" src="http://www.pstut.info/wp-content/uploads/2008/01/newseleveninner.jpg" alt="news-feed-table-photoshop-image-eleven-inner" /></p>
<p><img title="News Feed Table with Photoshop Image Eleven Stroke" src="http://www.pstut.info/wp-content/uploads/2008/01/newselevenstroke.jpg" alt="news-feed-table-photoshop-image-eleven-stroke" /></p>
<p><img title="News Feed Table with Photoshop Eleven Gradient" src="http://www.pstut.info/wp-content/uploads/2008/01/newselevengradient.jpg" alt="news-feed-table-photoshop-eleven-gradient" /></p>
<p><img title="News Feed Table with Photoshop Image 11" src="http://www.pstut.info/wp-content/uploads/2008/01/newselevenresults.jpg" alt="news-feed-table-photoshop-image-11" /></p>
<p>Duplicate all the steps, or just the layers, to create a next button as well!  Now let&#8217;s create a small editing interface for our users.  Grab your round-shaped rectangle, set the color to black, and overlay it with 50%.  Make three buttons underneath the content holder.</p>
<p><img title="News Feed Table with Photoshop Image 12" src="http://www.pstut.info/wp-content/uploads/2008/01/newstweleve.jpg" alt="news-feed-table-photoshop-image-12" /></p>
<p>Throw in some features like Zoom | Edit | Delete.  The text of the color should be white under an overlay and 47% opacity.  I used Arial Black size 14px.  After you have added the text, you are done pretty much.</p>
<p><img title="News Feed Table with Photoshop Image Final" src="http://www.pstut.info/wp-content/uploads/2008/01/newsfinal.jpg" alt="news-feed-table-photoshop-image-final" /></p>
<p>I hope that this tutorial will come in handy for your designs!  Thank you for reading.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.pstut.info/photoshop-tutorials/web-20-news-feed-table/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Step Up 2 Poster &#8211; Photoshop Graphic Design Tutorial 13</title>
		<link>http://www.pstut.info/photoshop-tutorials/step-up-2-poster/</link>
		<comments>http://www.pstut.info/photoshop-tutorials/step-up-2-poster/#comments</comments>
		<pubDate>Sun, 20 Jan 2008 01:26:46 +0000</pubDate>
		<dc:creator>Michael</dc:creator>
				<category><![CDATA[Intermediate Photoshop Tutorials]]></category>
		<category><![CDATA[Photoshop design tutorials]]></category>
		<category><![CDATA[poster]]></category>

		<guid isPermaLink="false">http://www.pstut.info/tutorials/step-up-2-poster/</guid>
		<description><![CDATA[To show some support for this good movie, this Photoshop tutorial outlines how to design and create the cool poster that they are using.  It is relatively simple, since we are going to be using ready-to-use brushes and stencils. &#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; Begin by dowloading and adding the following brush sets: BreakdanceBrush Grunge Brush Set &#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; Once you [...]]]></description>
			<content:encoded><![CDATA[<p>To show some support for this good movie, this Photoshop tutorial outlines how to design and create the cool poster that they are using.  It is relatively simple, since we are going to be using ready-to-use brushes and stencils.</p>
<p><span id="more-228"></span></p>
<p>&#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>Begin by dowloading and adding the following brush sets:</p>
<ul>
<li><a href="http://dennisdriessen.deviantart.com/art/Breakdance-Brush-Pack-27292979" target="_blank">BreakdanceBrush</a></li>
<li><a href="http://tackybrush.deviantart.com/art/Grunge-Brushes-003-34997378" target="_blank">Grunge Brush Set</a></li>
</ul>
<p>&#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>Once you get those brushes, create a document the size of 600&#215;300 and set the background to black.</p>
<p><img src="http://www.pstut.info/wp-content/uploads/2008/01/step2first.jpg" alt="step2first.jpg" /></p>
<p>Now in your Break dance Brush set that you just added, select the following brush with the color #67c6d8, and then input it on the background.  Set it to be a little smaller size so that you can fit it on the background.</p>
<p><img src="http://www.pstut.info/wp-content/uploads/2008/01/step2second.jpg" alt="step2second.jpg" /></p>
<p>Looking good.  Now here is where the fun part comes in.  Select your Grunge Brush Set that you just added, and use different brushes all around.  Everybody will have a unique picture since there is no limit to how much mess you can add, although remember to create a new layer and set the color to #67c6d8.</p>
<p><img src="http://www.pstut.info/wp-content/uploads/2008/01/step2third.jpg" alt="step2third.jpg" /></p>
<p>Now let&#8217;s add some shadows of grunge, set the color to black and apply the same brush set all over the stencil.  Make sure that you create a new layer!</p>
<p><img src="http://www.pstut.info/wp-content/uploads/2008/01/step2fourth.jpg" alt="step2fourth.jpg" /></p>
<p>You are basically done with the stencil and grunge.  The next step is to mess with some funky text. What I did was basically take Arial Black, create all the letters separately piece by piece, and set them to different sizes.  I also used the Edit &gt; Free Transform to tilt some of the letters around.   Apply those techniques, and you should get something like this:</p>
<p><img src="http://www.pstut.info/wp-content/uploads/2008/01/step2fifth.jpg" alt="step2fifth.jpg" /></p>
<p>Create a new layer, and once again use your Grunge Brush now to add some white mess to the letters. In the end, the results will be something like mine:</p>
<p><img src="http://www.pstut.info/wp-content/uploads/2008/01/step2sixth.jpg" alt="step2sixth.jpg" /></p>
<p>You are done with the main effect.  If you want to add some side credits/links, then you can.  I used Base 04 Font and Eraser Dust.  Both can be found on DaFont.com, so just search for them!  Here is what i got</p>
<p><img src="http://www.pstut.info/wp-content/uploads/2008/01/step2final.jpg" alt="step2final.jpg" /></p>
<p><strong>Original </strong></p>
<p><img src="http://www.pstut.info/wp-content/uploads/2008/01/soriginal.jpg" alt="soriginal.jpg" /></p>
<p>Thanks for viewing!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.pstut.info/photoshop-tutorials/step-up-2-poster/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
<!-- This Quick Cache file was built for (  www.pstut.info/tag/photoshop-design-tutorials/feed/ ) in 0.89456 seconds, on Feb 5th, 2012 at 1:45 am UTC. -->
<!-- This Quick Cache file will automatically expire ( and be re-built automatically ) on Feb 12th, 2012 at 1:45 am UTC -->
