<?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; logo tutorial</title>
	<atom:link href="http://www.pstut.info/tag/logo-tutorial/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>Web 2.0 Logo Design &#8211; Photoshop Graphic Design Tutorial 4</title>
		<link>http://www.pstut.info/photoshop-tutorials/creating-a-web-20-logo/</link>
		<comments>http://www.pstut.info/photoshop-tutorials/creating-a-web-20-logo/#comments</comments>
		<pubDate>Tue, 13 Nov 2007 20:20:46 +0000</pubDate>
		<dc:creator>Michael</dc:creator>
				<category><![CDATA[Intermediate Photoshop Tutorials]]></category>
		<category><![CDATA[creating a logo]]></category>
		<category><![CDATA[drawing tutorial]]></category>
		<category><![CDATA[how to create a logo]]></category>
		<category><![CDATA[icon]]></category>
		<category><![CDATA[logo]]></category>
		<category><![CDATA[logo creation]]></category>
		<category><![CDATA[logo tutorial]]></category>
		<category><![CDATA[logos]]></category>
		<category><![CDATA[Photoshop design tutorials]]></category>
		<category><![CDATA[web logo]]></category>
		<category><![CDATA[website logo]]></category>

		<guid isPermaLink="false">http://www.pstut.info/?p=49</guid>
		<description><![CDATA[I hear more and more people trying to create or attempt to recreate various Web 2.0 Logos for their web design.  Today in this web design Photoshop tutorial, we are going to use the basics of Photoshop and our tools to attempt to create ourselves a Web 2.0 logo. So start with the basics by creating a [...]]]></description>
			<content:encoded><![CDATA[<p>I hear more and more people trying to create or attempt to recreate various Web 2.0 Logos for their web design.  Today in this web design Photoshop tutorial, we are going to use the basics of Photoshop and our tools to attempt to create ourselves a Web 2.0 logo.<br />
<span id="more-49"></span><br />
So start with the basics by creating a background with a color-map.</p>
<p><img title="Web Logo Design with Photoshop" src="http://www.pstut.info/wp-content/uploads/2007/11/firststep.jpg" alt="web-logo-photoshop-image-1" /></p>
<blockquote><p>You can just copy mine onto your Photoshop to makes things easier.</p></blockquote>
<p><!--more--></p>
<p>Look over to your tool bar, and grab the Elliptic Marquee Tool.  Create a nice dark circle using the first color out of the two boxes in the color map.<br />
<img title="Web Logo Design with Photoshop Image 2" src="http://www.pstut.info/wp-content/uploads/2007/11/secondstep.jpg" alt="web-logo-photoshop-image-2" /></p>
<p>Now that we have the circle, let&#8217;s add some more parts to our logo.  Grab your Custom Shape Tool, and select the Rounded Rectangle and extend it from the left side of the circle to the right.  Make sure that your Rounded Rectangle is underneath the layer of the Circle.</p>
<p><img title="Web Logo with Photoshop Image 3" src="http://www.pstut.info/wp-content/uploads/2007/11/thirdstep.jpg" alt="web-logo-photoshop-image-3" /></p>
<p>Now it&#8217;s time to put our rectangle into shape.  Go to Edit &gt; Transform &gt; Select Skew.  Once selected, skew the rectangle to the left until it comes to be something like this:</p>
<p><img title="Web Logo with Photoshop Image 4" src="http://www.pstut.info/wp-content/uploads/2007/11/fourth-step.jpg" alt="web-logo-photoshop-image-4" /></p>
<p>Now we are going to get to the fun part.  You basically are looking at the blueprint of our logo, so our job is to start detailing now every piece of it.  We will begin with the circle.  I will apply certain layer properties that you can copy directly.  Please see below:</p>
<p><img title="Web Logo Design with Photoshop Image Fifth1" src="http://www.pstut.info/wp-content/uploads/2007/11/fifth1.jpg" alt="web-logo-photoshop-image-fifth1" /></p>
<p><img title="Web Logo Design with Photoshop Image Fifth2" src="http://www.pstut.info/wp-content/uploads/2007/11/fifth2.jpg" alt="web-logo-photoshop-image-fifth2" /><br />
<img title="Web Logo Design with Photoshop Image Fifth3" src="http://www.pstut.info/wp-content/uploads/2007/11/fifth3.jpg" alt="web-logo-photoshop-image-fifth3" /></p>
<p>Now that are all settings are set, you get your results!</p>
<p><img title="Web Logo Design with Photoshop Image 5" src="http://www.pstut.info/wp-content/uploads/2007/11/fifthr.jpg" alt="web-logo-photoshop-image-5" /></p>
<p>Okay, the base of our Circle is complete, and now it&#8217;s time to work on the &#8220;right wing,&#8221; which is our rounded rectangle.  Grab your Burn Tool, set it to size 15 air brush.  Now the Range should be Mid tones, and the Exposure should be set to 100%.  Stroke through the bottom half of the wing once using merely the tip of the Air Brush, and afterwards, the top with the same style.</p>
<p><img title="Web Logo Design with Photoshop Image 6" src="http://www.pstut.info/wp-content/uploads/2007/11/sixth.jpg" alt="web-logo-photoshop-image-6" /></p>
<p>Now we are getting closer to home.  Time to start filling in some text, and do some touch-ups!</p>
<p><img title="Web Logo Design with Photoshop Image Final" src="http://www.pstut.info/wp-content/uploads/2007/11/final.jpg" alt="web-logo-photoshop-image-final" /></p>
<p>Project complete! Hope that you enjoyed reading this tutorial as much as I enjoyed making it!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.pstut.info/photoshop-tutorials/creating-a-web-20-logo/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
<!-- This Quick Cache file was built for (  www.pstut.info/tag/logo-tutorial/feed/ ) in 0.98215 seconds, on Feb 7th, 2012 at 2:13 pm UTC. -->
<!-- This Quick Cache file will automatically expire ( and be re-built automatically ) on Feb 14th, 2012 at 2:13 pm UTC -->
<!-- +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ -->
<!-- Quick Cache Is Fully Functional :-) ... A Quick Cache file was just served for (  www.pstut.info/tag/logo-tutorial/feed/ ) in 0.01468 seconds, on Feb 8th, 2012 at 7:45 am UTC. -->
