<?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; drawing</title>
	<atom:link href="http://www.pstut.info/tag/drawing/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>Safety Icon Design &#8211; Photoshop Graphic Design Tutorial 6</title>
		<link>http://www.pstut.info/photoshop-tutorials/designing-a-safety-icon/</link>
		<comments>http://www.pstut.info/photoshop-tutorials/designing-a-safety-icon/#comments</comments>
		<pubDate>Thu, 22 Nov 2007 18:02:07 +0000</pubDate>
		<dc:creator>Michael</dc:creator>
				<category><![CDATA[Intermediate Photoshop Tutorials]]></category>
		<category><![CDATA[be careful]]></category>
		<category><![CDATA[be safe]]></category>
		<category><![CDATA[caution]]></category>
		<category><![CDATA[drawing]]></category>
		<category><![CDATA[drawing tutorial]]></category>
		<category><![CDATA[exercise caution]]></category>
		<category><![CDATA[Photoshop design tutorials]]></category>
		<category><![CDATA[safe]]></category>
		<category><![CDATA[safety]]></category>
		<category><![CDATA[safety icon]]></category>
		<category><![CDATA[safety image]]></category>
		<category><![CDATA[safety is key]]></category>
		<category><![CDATA[safety is number one]]></category>
		<category><![CDATA[safety sign]]></category>
		<category><![CDATA[safety signs]]></category>
		<category><![CDATA[take care]]></category>

		<guid isPermaLink="false">http://www.pstut.info/tutorials/designing-a-safety-iocn/</guid>
		<description><![CDATA[I was thinking about how to add to the list of Photoshop icon designs that I am working on.   Many of you have already read my &#8220;Creating a Calendar&#8221; icon.  Anyways, a new family member has arrived, and it is the Safety Icon.  Once you complete this Photoshop tutorial, you will have the following results: Let&#8217;s begin with the first [...]]]></description>
			<content:encoded><![CDATA[<p>I was thinking about how to add to the list of Photoshop icon designs that I am working on.   Many of you have already read my &#8220;Creating a Calendar&#8221; icon.  Anyways, a new family member has arrived, and it is the Safety Icon.  Once you complete this Photoshop tutorial, you will have the following results:<br />
<span id="more-89"></span><br />
Let&#8217;s begin with the first and foremost basic step, which is creating the environment or the background for our icon.  I have overlayed and added some shadows to my background so that you can just save my background, and start working straight from it.</p>
<p><img title="Safety Icon Design with Photoshop Image 1" src="http://www.pstut.info/wp-content/uploads/2007/11/sone.jpg" alt="safety-icon-photoshop-image-1" /></p>
<p>Our first step would be creating a custom shape, which will be the Diamond Card from your Custom Shape Tool&#8217;s selection.  So grab that shape, set the background to white, and create an average size icon to the left-hand side of your background.</p>
<p><img title="Safety Icon Design with Photoshop Image 2" src="http://www.pstut.info/wp-content/uploads/2007/11/stwo.jpg" alt="safety-icon-photoshop-image-2" /></p>
<p><img title="Safety Icon Design with Photoshop Image Two1" src="http://www.pstut.info/wp-content/uploads/2007/11/stwo1.jpg" alt="safety-icon-photoshop-image-Two1" /></p>
<p>Now that we have our shape, let&#8217;s add some base to it so that it will look more bulky.  I have put together a list of Layer Styles that you should apply, so go to Layer &gt; Layer Style &gt; &#8230; and begin!</p>
<p><img title="Safety Icon Design with Photoshop Image 3" src="http://www.pstut.info/wp-content/uploads/2007/11/sthree.jpg" alt="safety-icon-photoshop-image-3" /></p>
<p><img title="Safety Icon Design with Photoshop Image Three1" src="http://www.pstut.info/wp-content/uploads/2007/11/sthree1.jpg" alt="safety-icon-photoshop-image-Three1" /></p>
<p><img title="Safety Icon Design with Photoshop Image Three2" src="http://www.pstut.info/wp-content/uploads/2007/11/sthree2.jpg" alt="safety-icon-photoshop-image-Three2" /></p>
<p>Looking good.  Our base is complete, so let&#8217;s begin to add details that will start the finish cut of our icon.  Grab the same Diamond Card Shape, and create the same icon, except smaller and inside the base of our icon.  Oh, and set the background to #ff6c00.</p>
<p><img title="Safety Icon Design with Photoshop Image 4" src="http://www.pstut.info/wp-content/uploads/2007/11/sfour.jpg" alt="safety-icon-photoshop-image-4" /></p>
<p>We are getting closer to home, so now that we have the finish cut of our icon, let&#8217;s put some more detail on it.  Duplicate the shape that you have just created, and apply the following Layer Style:</p>
<p><img title="Safety Icon Design with Photoshop Image Five1" src="http://www.pstut.info/wp-content/uploads/2007/11/sfive1.jpg" alt="safety-icon-photoshop-image-Five1" /></p>
<p><strong>Results </strong></p>
<p><img title="Safety Icon Design with Photoshop Image 5" src="http://www.pstut.info/wp-content/uploads/2007/11/sfive.jpg" alt="safety-icon-photoshop-image-5" /></p>
<p>Duplicate the same shape again, and clear all layer styles.  Now rasterize the shape, and grab your Burn Tool.  Start touching the left-hand side of the orange diamond.  Then grab the Eraser Tool to do some minor touch-up on the areas that stood out a little.</p>
<p><strong>Results </strong><br />
<img title="Safety Icon Design with Photoshop Image 6" src="http://www.pstut.info/wp-content/uploads/2007/11/ssix.jpg" alt="safety-icon-photoshop-image-6" /></p>
<p>Now let&#8217;s add some shine to it.  Duplicate the original orange diamond again, clear off any layer styles, and grab your Dodge Tool.  Set the size to 110. and touch up on the top side of the diamond. Grab your Eraser Tool, and finish touching up on the areas that stand out.</p>
<p><strong>Results </strong></p>
<p><img title="Safety Icon Design with Photoshop Image 7" src="http://www.pstut.info/wp-content/uploads/2007/11/sseven.jpg" alt="safety-icon-photoshop-image-7" /></p>
<p>We are almost in shape.  A few more details, and our icon is ready to be used.  Duplicate the orange diamond again, set the background to white, and rasterize it.  Then grab your Eliptical Marquee Tool, and cut off a nice chunk.  You can follow my guides beneath.  Once you have cut the shape, set the Blending Options to Overlay.  Use your Eraser Tool to touch up on the areas that stand out.</p>
<p><img title="Safety Icon Design with Photoshop Image Eight1" src="http://www.pstut.info/wp-content/uploads/2007/11/s81.jpg" alt="safety-icon-photoshop-image-eight1" /></p>
<p><img title="Safety Icon Design with Photoshop Image Eight2" src="http://www.pstut.info/wp-content/uploads/2007/11/s82.jpg" alt="safety-icon-photoshop-image-eight2" /></p>
<p><strong>Results</strong></p>
<p><img title="Safety Icon Design with Photoshop Image Eight3" src="http://www.pstut.info/wp-content/uploads/2007/11/s83.jpg" alt="safety-icon-photoshop-image-eight3" /></p>
<p>You can give yourself a nice pat on the back as we have just completed the most difficult part of the tutorial.  Everything else should go with an ease, so let&#8217;s get to it.  Go back to your Custom Shape Tool, and from the list, select School.  Place the shape in the center of the orange diamond, and go to Edit &#8211; Transform &#8211; Flip Horizontal.</p>
<p><strong>Results </strong></p>
<p><img title="Safety Icon Design with Photoshop Image 9" src="http://www.pstut.info/wp-content/uploads/2007/11/s9.jpg" alt="safety-icon-photoshop-image-9" /></p>
<p>Let&#8217;s add some detail to our newly-installed shape.  Go to your Layer &#8211; Layer Style, and apply the following styles:</p>
<p><img title="Safety Icon Design with Photoshop Image 10" src="http://www.pstut.info/wp-content/uploads/2007/11/s10.jpg" alt="safety-icon-photoshop-image-10" /></p>
<p><strong>Results </strong></p>
<p><img title="Safety Icon Design with Photoshop Image 11" src="http://www.pstut.info/wp-content/uploads/2007/11/s11.jpg" alt="safety-icon-photoshop-image-11" /></p>
<p>You are now done.  You can go ahead and duplicate the icons and resize them.  After playing around a little, I got this:</p>
<p><img title="Safety Icon Design with Photoshop Image 12" src="http://www.pstut.info/wp-content/uploads/2007/11/sfinal.jpg" alt="safety-icon-photoshop-image-12" /></p>
]]></content:encoded>
			<wfw:commentRss>http://www.pstut.info/photoshop-tutorials/designing-a-safety-icon/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
<!-- This Quick Cache file was built for (  www.pstut.info/tag/drawing/feed/ ) in 2.74609 seconds, on Feb 7th, 2012 at 7:20 am UTC. -->
<!-- This Quick Cache file will automatically expire ( and be re-built automatically ) on Feb 14th, 2012 at 7:20 am UTC -->
