<?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; Design</title>
	<atom:link href="http://www.pstut.info/tag/design/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>GunMetal Metallic Interface &#8211; Photoshop Graphic Design Tutorial 19</title>
		<link>http://www.pstut.info/photoshop-tutorials/simple-gunmetal-interface/</link>
		<comments>http://www.pstut.info/photoshop-tutorials/simple-gunmetal-interface/#comments</comments>
		<pubDate>Sat, 10 May 2008 01:06:04 +0000</pubDate>
		<dc:creator>Michael</dc:creator>
				<category><![CDATA[Intermediate Photoshop Tutorials]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[gunmetal]]></category>
		<category><![CDATA[Interface]]></category>
		<category><![CDATA[metallic]]></category>
		<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[Tutor]]></category>

		<guid isPermaLink="false">http://www.pstut.info/?p=356</guid>
		<description><![CDATA[Today, I&#8217;m going to show you a rather simple Photoshop graphic design tutorial to make a metallic interface.  Hopefully, it gives a good foundation to those who are interested in designing metallic interfaces with Photoshop.  As a small news update, I am working on a new layout for Photoshop Tutor and some new Photoshop tutorials, so stay tuned.  I [...]]]></description>
			<content:encoded><![CDATA[<p>Today, I&#8217;m going to show you a rather simple Photoshop graphic design tutorial to make a metallic interface.  Hopefully, it gives a good foundation to those who are interested in designing metallic interfaces with Photoshop.  As a small news update, I am working on a new layout for Photoshop Tutor and some new Photoshop tutorials, so stay tuned.  I understand that it&#8217;s been a rough couple of months!</p>
<p><span id="more-356"></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>So let&#8217;s start with creating our document, I have prepped a background for you guys already, if you wish to use it.</p>
<p><a href="http://www.pstut.info/wp-content/uploads/metbase.jpg"><img class="alignnone size-full wp-image-357" title="Gunmetal Interface Design with Photoshop Image Background" src="http://www.pstut.info/wp-content/uploads/metbase.jpg" alt="gunmetal-interface-design-photoshop-image-background" width="500" height="500" /></a></p>
<p>Now by grabbing your Rectangular Marquee tool, create a new layer and an outline for the frame of the interface.</p>
<p><a href="http://www.pstut.info/wp-content/uploads/metfirst.jpg"><img class="alignnone size-full wp-image-358" title="Gunmetal Interface Design with Photoshop Image 1" src="http://www.pstut.info/wp-content/uploads/metfirst.jpg" alt="gunmetal-interface-design-photoshop-image-1" width="500" height="500" /></a></p>
<p>Using the preferences below, apply a stroke to the outline:</p>
<p><a href="http://www.pstut.info/wp-content/uploads/metfirsta.jpg"><img class="alignnone size-full wp-image-359" title="Gunmetal Interface Design with Photoshop Image Firsta" src="http://www.pstut.info/wp-content/uploads/metfirsta.jpg" alt="gunmetal-interface-design-photoshop-image-firsta" width="321" height="318" /></a></p>
<p>Great, now we have the border for our interface.  So let&#8217;s start adding the detail touches so that we can make it look more metal-like.  Using our Dodge Tool with a diameter set to 45px, start stroking the left edge of the frame as shown below.  Apply the following effect over and over with different sizes along the other edges.</p>
<p><a href="http://www.pstut.info/wp-content/uploads/metsecond.jpg"><img class="alignnone size-full wp-image-360" title="Gunmetal Interface Design with Photoshop Image 2" src="http://www.pstut.info/wp-content/uploads/metsecond.jpg" alt="gunmetal-interface-design-photoshop-image-2" width="500" height="500" /></a></p>
<p>Eventually, your results should come out to be looking along the lines of this:</p>
<p><a href="http://www.pstut.info/wp-content/uploads/metseconda.jpg"><img class="alignnone size-full wp-image-361" title="Gunmetal Interface Design with Photoshop Image Seconda" src="http://www.pstut.info/wp-content/uploads/metseconda.jpg" alt="gunmetal-interface-design-photoshop-image-seconda" width="500" height="500" /></a></p>
<p>Now that we have the feel of the metallic frame, let&#8217;s work on our Gun Metal background.  Simply begin by taking out the Rectangular Marquee tool and creating another rectangle inside the current frame, approximately 2px-3px apart.</p>
<p><a href="http://www.pstut.info/wp-content/uploads/metthird.jpg"><img class="alignnone size-full wp-image-362" title="Gunmetal Interface Design with Photoshop Image 3" src="http://www.pstut.info/wp-content/uploads/metthird.jpg" alt="gunmetal-interface-design-photoshop-image-3" width="500" height="500" /></a></p>
<p>Follow that up with adding some noise:</p>
<p><a href="http://www.pstut.info/wp-content/uploads/metthirda.jpg"><img class="alignnone size-full wp-image-363" title="Gunmetal Interface Design with Photoshop Image Thirda" src="http://www.pstut.info/wp-content/uploads/metthirda.jpg" alt="gunmetal-interface-design-photoshop-image-thirda" width="322" height="425" /></a></p>
<p>Good.  Let&#8217;s move on to our shadows.  Go to your Layer &#8211; Layer Style &#8211; Inner Shadow and apply the following preferences:</p>
<p><a href="http://www.pstut.info/wp-content/uploads/metthirdshadow.jpg"><img class="alignnone size-full wp-image-365" title="Gunmetal Interface Design with Photoshop Image Third Shadow" src="http://www.pstut.info/wp-content/uploads/metthirdshadow.jpg" alt="gunmetal-interface-design-photoshop-image-third-shadow" width="500" height="370" /></a></p>
<p>For the final touch, let&#8217;s add a little bit of bevel.  Look below:</p>
<p><a href="http://www.pstut.info/wp-content/uploads/metthirdbevel1.jpg"><img class="alignnone size-full wp-image-366" title="Gunmetal Interface Design with Photoshop Third Bevel1" src="http://www.pstut.info/wp-content/uploads/metthirdbevel1.jpg" alt="gunmetal-interface-design-photoshop-image-third-bevel1" width="500" height="370" /></a></p>
<p>Okay, now to fix a little bit of the lighting, we are going to duplicate the layer and clear it off all styles.  (Clear Layer Styles.)  Following that, grab your Dodge Tool, and set the diameter to approximately 125px and stroke in the direction shown below, gradually decreasing.</p>
<p><a href="http://www.pstut.info/wp-content/uploads/metfourtha.jpg"><img class="alignnone size-full wp-image-367" title="Gunmetal Interface Design Photoshop Image 4" src="http://www.pstut.info/wp-content/uploads/metfourtha.jpg" alt="gunmetal-interface-design-photoshop-image-4" width="500" height="500" /></a></p>
<p>After that, set the Blending options in Layer &#8211; Layer Style to Overlay, and drop the opacity to 25%.  You should be looking at aproximately the same results on your screen:</p>
<p><a href="http://www.pstut.info/wp-content/uploads/metfinal.jpg"><img class="alignnone size-full wp-image-368" title="Gunmetal Interface Design with Photoshop Image Final" src="http://www.pstut.info/wp-content/uploads/metfinal.jpg" alt="gunmetal-interface-design-photoshop-image-final" width="500" height="500" /></a></p>
<p>You can really do a lot with this tutorial using different shapes and methods.  This is just the basic introduction, the same way that you start to learn animation with the beginner&#8217;s step of adapting the color to change under a sequence of frames.</p>
<p><a href="http://www.pstut.info/wp-content/uploads/metfinal2.jpg"><img class="alignnone size-full wp-image-368" title="Gunmetal Interface Design with Photoshop Image Final 2" src="http://www.pstut.info/wp-content/uploads/metfinal2.jpg" alt="gunmetal-interface-design-photoshop-image-final-2" width="500" height="500" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.pstut.info/photoshop-tutorials/simple-gunmetal-interface/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Royal Interface &#8211; Photoshop Graphic Design Tutorial 17</title>
		<link>http://www.pstut.info/photoshop-tutorials/royal-interface/</link>
		<comments>http://www.pstut.info/photoshop-tutorials/royal-interface/#comments</comments>
		<pubDate>Wed, 26 Mar 2008 01:24:08 +0000</pubDate>
		<dc:creator>Michael</dc:creator>
				<category><![CDATA[Intermediate Photoshop Tutorials]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Details]]></category>
		<category><![CDATA[Interface]]></category>
		<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[Royal]]></category>
		<category><![CDATA[Tutor]]></category>
		<category><![CDATA[Tutorial]]></category>

		<guid isPermaLink="false">http://www.pstut.info/tutorials/royal-interface/</guid>
		<description><![CDATA[Today, we are going to design something along the lines of a Royal Interface graphic design in this Photoshop tutorial.  I think that the idea mainly came from the Casino itself, and I am not sure whether this interface has a purpose; however, it does teach a few techniques. &#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;&#8230;.. Let&#8217;s begin by setting up our [...]]]></description>
			<content:encoded><![CDATA[<p>Today, we are going to design something along the lines of a Royal Interface graphic design in this Photoshop tutorial.  I think that the idea mainly came from the Casino itself, and I am not sure whether this interface has a purpose; however, it does teach a few techniques.</p>
<p><span id="more-325"></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;&#8230;..</p>
<p>Let&#8217;s begin by setting up our environment.  As usual, I have already premade a background for you guys to use so that you may just design over it.</p>
<p><img title="Royal Interface Design with Photoshop Image Background" src="http://www.pstut.info/wp-content/uploads/royalbackground.jpg" alt="royal-interface-design-photoshop-image-background" /></p>
<p>Now grab your Rounded Rectangle Tool, set the radius to 8, and fill it in with the hex displayed below:</p>
<p><img title="Royal Interface Design with Photoshop Image 1" src="http://www.pstut.info/wp-content/uploads/royfirst.jpg" alt="royal-interface-design-photoshop-image-1" /></p>
<p>Our base of the interface is now ready, so let&#8217;s begin slowly adding layers of detail.  Our first layer would be to add some shadows.  So duplicate the original layer that you have just made and following the guidelines below, apply your burn tool with the Range set to Mid tones and Exposure at 100%.</p>
<p><img title="Royal Interface Design with Photoshop Image 2" src="http://www.pstut.info/wp-content/uploads/roysecond.jpg" alt="royal-interface-design-photoshop-image-2" /></p>
<p>Now let&#8217;s add detail to our shadowing.  We will begin with the Inner Shadow.  Please apply the settings listed below:</p>
<p><img title="Royal Interface Design-Photoshop Image Second Inner Shadow" src="http://www.pstut.info/wp-content/uploads/roysecondinnersh.jpg" alt="royal-interface-design-photoshop-image-second-inner-shadow" /></p>
<p>Good.  We are working our way up to the pattern.  You will need to choose a pattern that you may like.  However, below I have attached mine.</p>
<p><img title="Royal Interface Design with Photoshop Image Second Pattern" src="http://www.pstut.info/wp-content/uploads/roysecondpattern.jpg" alt="royal-interface-design-photoshop-image-second-pattern" /></p>
<p>We have our base of shadows and patterns.  Let&#8217;s add some depth by adding a darker shadow.  Using the same technique with the burn tools described above, duplicate the original layer of the base and setting your size approximately to 200, burn over the orange until it turns into a dark brown/orange. After that, grab your eraser tool and take off all the unnecessary orange on top, leaving just the shadow.</p>
<p><img title="Royal Interface Design with Photoshop Image Third Shadow" src="http://www.pstut.info/wp-content/uploads/roythirdshadow.jpg" alt="royal-interface-design-photoshop-image-third-shadow" /></p>
<p>Just for the final touch, we need a little bit of glare.  So duplicate your original base, set it to white, and slice it about 3/4 in.  After that, set the opacity down to 10%.</p>
<p><img title="Royal Interface Design with Photoshop Image 4" src="http://www.pstut.info/wp-content/uploads/royfourth.jpg" alt="royal-interface-design-photoshop-image-4" /></p>
<p>Looking good there.  It&#8217;s time to create our interface&#8217;s display.  Go back to your Rounded Rectangle Tool, and create a rounded rectangle inside your current one, except with a size 10 radius.  The hex for the color is listed inside.</p>
<p><img title="Royal Interface Design with Photoshop Image 5" src="http://www.pstut.info/wp-content/uploads/royfifth.jpg" alt="royal-interface-design-photoshop-image-5" /></p>
<p>We need to spice up our display, so below, I have listed a set of effects that I have applied to that specific layer.  Apply the same settings over, and we will take a look at our results:</p>
<p>Drop Shadow</p>
<p><img src="http://www.pstut.info/wp-content/uploads/royfifthdrop.jpg" alt="royfifthdrop.jpg" /></p>
<p>Inner Shadow</p>
<p><img src="http://www.pstut.info/wp-content/uploads/royfifthinner.jpg" alt="royfifthinner.jpg" /></p>
<p>Wood Trim</p>
<p><img src="http://www.pstut.info/wp-content/uploads/royfifthpattern.jpg" alt="royfifthpattern.jpg" /></p>
<p>Take a look at what you have.  Throw some text on it, and there you have it-your very own royal interface.</p>
<p><img src="http://www.pstut.info/wp-content/uploads/royfinal.jpg" alt="royfinal.jpg" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.pstut.info/photoshop-tutorials/royal-interface/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Valentine&#8217;s Day eCard &#8211; Photoshop Graphic Design Tutorial 16</title>
		<link>http://www.pstut.info/photoshop-tutorials/happy-valentines-day-e-card-design/</link>
		<comments>http://www.pstut.info/photoshop-tutorials/happy-valentines-day-e-card-design/#comments</comments>
		<pubDate>Wed, 13 Feb 2008 16:44:54 +0000</pubDate>
		<dc:creator>Michael</dc:creator>
				<category><![CDATA[Intermediate Photoshop Tutorials]]></category>
		<category><![CDATA[Card]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Design Valentines Card]]></category>
		<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[Tutor]]></category>
		<category><![CDATA[Tutorial]]></category>
		<category><![CDATA[Valentines]]></category>

		<guid isPermaLink="false">http://www.pstut.info/tutorials/happy-valentines-day-e-card-design/</guid>
		<description><![CDATA[It&#8217;s one day before Valentine&#8217;s Day, and I am sure that many of you guys out there are trying to find quick ways to impress your lover and say Happy Valentine&#8217;s day in a creative way.  Whether it&#8217;s a Valentine&#8217;s note or card, this graphic design Photoshop tutorial will show you how to design a beautiful and effective [...]]]></description>
			<content:encoded><![CDATA[<p>It&#8217;s one day before Valentine&#8217;s Day, and I am sure that many of you guys out there are trying to find quick ways to impress your lover and say Happy Valentine&#8217;s day in a creative way.  Whether it&#8217;s a Valentine&#8217;s note or card, this graphic design Photoshop tutorial will show you how to design a beautiful and effective poster for your valentine.</p>
<p><span id="more-299"></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;..</p>
<p>Let&#8217;s begin by establishing our working environment.  I have prepared a background for you guys, so will free to use it.  If you would like to create your own, feel free to do that as well.</p>
<p><img title="Valentine Card Design with Photoshop Image 1" src="http://www.pstut.info/wp-content/uploads/val1.jpg" alt="valentine-card-design-photoshop-image-1" /></p>
<p>Now let&#8217;s upload some brushes that we will use to light up the background a little.  I have attached an image below of where you need to go to upload the Assorted Brushes.  Once you have them uploaded by selecting random sets place them all around.  After that, apply the overlay effect that is listed below along with the results.</p>
<p><img title="Valentine Card Design with Photoshop Image Two Brush" src="http://www.pstut.info/wp-content/uploads/val2brush.jpg" alt="valentine-card-design-photoshop-image-two-brush" /></p>
<p><strong>Overlay effect </strong></p>
<p><img title="Valentine Card Design with Photoshop Image Two Overlay" src="http://www.pstut.info/wp-content/uploads/val2overlay.jpg" alt="valentine-card-design-with-photoshop-image-two-overlay" /></p>
<p><strong>Results </strong></p>
<p><img title="Valentine Card Design with Photoshop Image 2" src="http://www.pstut.info/wp-content/uploads/val2.jpg" alt="valentine-card-design-photoshop-image-2" /></p>
<p>Let&#8217;s add some more of the dust that I used.  The dust is basically a small round brush with the tip size ranging from 1-8 px.  Randomizing is the best way to go, as it creates a nice effect.  So in the previous step, we worked with a white color.  Select the black now, and add some more of the dust.  Then overlay with the same effect, except this time drop the opacity to 25%.</p>
<p><img title="Valentine Card Design with Photoshop Image Two Dark" src="http://www.pstut.info/wp-content/uploads/val2dark.jpg" alt="valentine-card-design-with-photoshop-image-two-dark" /></p>
<p>Here is where the fun part comes in.  We now will begin to design the actual heart, so go to your Custom Shapes and select the heart brush.  I have attached a quick snapshot of which brush specifically to select.</p>
<p><strong>Brush </strong></p>
<p><img title="Valentine Card Design with Photoshop Image Three Shape" src="http://www.pstut.info/wp-content/uploads/val3shape.jpg" alt="valentine-card-design-photoshop-image-three-shape" /></p>
<p><img title="Valentine Card Design with Photoshop Image 3" src="http://www.pstut.info/wp-content/uploads/val3.jpg" alt="valentine-card-design-photoshop-image-3" /></p>
<p>We have to add some 3D effects to make our heart look more realistic.  I have listed various effects below, so start applying each one of them in the order given.</p>
<p><img title="Valentine Card Design with Photoshop Image Three Shadow" src="http://www.pstut.info/wp-content/uploads/val3shadow.jpg" alt="valentine-card-design-photoshop-image-three-shadow" /></p>
<p><img title="Valentine Card Design with Photoshop Image Three Bevel" src="http://www.pstut.info/wp-content/uploads/val3bevel.jpg" alt="valentine-card-design-photoshop-image-three-bevel" /></p>
<p><img title="Valentine Card Design with Photoshop Image Three Overlay" src="http://www.pstut.info/wp-content/uploads/val3overlay.jpg" alt="valentine-card-design-photoshop-image-three-overlay" /></p>
<p><strong>Results </strong></p>
<p><img title="Valentine Card Design with Photoshop Image 3" src="http://www.pstut.info/wp-content/uploads/val3results.jpg" alt="valentine-card-design-photoshop-image-3" /></p>
<p>Duplicate the heart now, and create various sizes all around to create the effect sort of like &#8221;love is all around&#8221;.  Here is the pattern that I used in creating my hearts:</p>
<p><img title="Valentine Card Design with Photoshop Image 4" src="http://www.pstut.info/wp-content/uploads/val4.jpg" alt="valentine-card-design-photoshop-image-4" /></p>
<p>Go back to your Custom Shapes, and from the list, select the Ribbon.  Flip it vertically by going to Edit Transform &#8211; Flip Vertical.  Make sure you set the background to white.</p>
<p><img title="Valentine Card Design with Photoshop Image 5" src="http://www.pstut.info/wp-content/uploads/val5.jpg" alt="valentine-card-design-photoshop-image-5" /></p>
<p>Let&#8217;s apply a nice gradient overlay and drop shadows to give it more depth.</p>
<p><img title="Valentine Card Design with Photoshop Image Five Shadow" src="http://www.pstut.info/wp-content/uploads/val5shadow.jpg" alt="valentine-card-design-photoshop-image-five-shadow" /></p>
<p><img title="Valentine Card Design with Photoshop Image Five Gradient" src="http://www.pstut.info/wp-content/uploads/val5gradient.jpg" alt="valentine-card-design-photoshop-image-five-gradient" /></p>
<p><strong>Results</strong></p>
<p><img title="Valentine Card Design with Photoshop Image 5" src="http://www.pstut.info/wp-content/uploads/val5results.jpg" alt="valentine-card-design-photoshop-image-5" /></p>
<p>It&#8217;s time to personalize your heart.  You can go with the original &#8220;I love you,&#8221; or anything creative that you may want your special one to see.  Below, I have listed what effects I used to create the warped effect.  To those who might not be familiar with Warp text effects, once you have selected your text, it will be the second button from the right.</p>
<p><img title="Valentine Card Design with Photoshop Image Six Warp" src="http://www.pstut.info/wp-content/uploads/val6warp.jpg" alt="valentine-card-design-photoshop-image-six-warp" /></p>
<p><img title="Valentine Card Design with Photoshop Image Six Effect" src="http://www.pstut.info/wp-content/uploads/val6effect.jpg" alt="valentine-card-design-photoshop-image-six-effect" /></p>
<p><strong>Results </strong></p>
<p><img title="Valentine Card Design with Photoshop Image 6" src="http://www.pstut.info/wp-content/uploads/val6.jpg" alt="valentine-card-design-image-6" /></p>
<p>You can always add some text into the ribbon.  For example, I went with &#8220;You have my heart&#8221;.  I used the hex #b73636 for the text color, and the drop shadow effect is listed below.</p>
<p><img title="Valentine Card Design with Photoshop Image Seven Effect" src="http://www.pstut.info/wp-content/uploads/val7effect.jpg" alt="valentine-card-design-photoshop-image-seven-effect" /></p>
<p><img title="Valentine Card Design with Photoshop Image Final" src="http://www.pstut.info/wp-content/uploads/valfinal.jpg" alt="valentine-card-design-photoshop-image-final" /></p>
<p>And there you have it, a quick and simple but effective card that might just melt your lover&#8217;s heart <img src='http://www.pstut.info/wp-includes/images/smilies/icon_wink.gif' alt=';)' class='wp-smiley' /> </p>
]]></content:encoded>
			<wfw:commentRss>http://www.pstut.info/photoshop-tutorials/happy-valentines-day-e-card-design/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
<!-- This Quick Cache file was built for (  www.pstut.info/tag/design/feed/ ) in 0.88282 seconds, on Feb 6th, 2012 at 4:05 pm UTC. -->
<!-- This Quick Cache file will automatically expire ( and be re-built automatically ) on Feb 13th, 2012 at 4:05 pm UTC -->
<!-- +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -->
<!-- Quick Cache Is Fully Functional :-) ... A Quick Cache file was just served for (  www.pstut.info/tag/design/feed/ ) in 0.03998 seconds, on Feb 7th, 2012 at 7:17 am UTC. -->
