<?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>ExtraTuts &#187; Photoshop</title>
	<atom:link href="http://www.extratuts.com/tag/photoshop-tutorials/feed" rel="self" type="application/rss+xml" />
	<link>http://www.extratuts.com</link>
	<description>ExtraTuts is a place where you&#039;ll find a daily updated best of the best resources in websites development and design. Our goal is to deliver you all you need to extend your creativity and enhance your job capabilities by tons of high quality and free  tutorials, resources in web design and development.</description>
	<lastBuildDate>Sun, 05 Sep 2010 15:48:12 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>25 attractive twitter background images</title>
		<link>http://www.extratuts.com/25-attractive-twitter-background-images-2</link>
		<comments>http://www.extratuts.com/25-attractive-twitter-background-images-2#comments</comments>
		<pubDate>Sat, 04 Sep 2010 07:31:26 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Freebies]]></category>
		<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[Roundups]]></category>
		<category><![CDATA[background]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[social network]]></category>
		<category><![CDATA[twitter]]></category>

		<guid isPermaLink="false">http://www.extratuts.com/?p=1001</guid>
		<description><![CDATA[Twitter is now one of   most visited social sites which easily helps you to catch up your friends updates and status or even follow people who share your interest , and of course it&#8217;s important to every one to make his profile attractive to other followers on twitter so here you are some attractive background [...]


Related posts:<ol><li><a href='http://www.extratuts.com/large-background-in-css' rel='bookmark' title='Permanent Link: Large Background in Css'>Large Background in Css</a></li>
<li><a href='http://www.extratuts.com/twitter-icon-design-tutorialswp-pluginsjquery-plugins-and-tutorials' rel='bookmark' title='Permanent Link: Twitter Icon design tutorials, WP Plugins, jQuery Plugins and tutorials'>Twitter Icon design tutorials, WP Plugins, jQuery Plugins and tutorials</a></li>
<li><a href='http://www.extratuts.com/design-a-beautiful-website-from-scratch' rel='bookmark' title='Permanent Link: Design a Beautiful Website From Scratch'>Design a Beautiful Website From Scratch</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: left; margin-right: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.extratuts.com%2F25-attractive-twitter-background-images-2"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.extratuts.com%2F25-attractive-twitter-background-images-2&amp;source=ExtraTuts&amp;style=normal&amp;service=bit.ly" height="61" width="50" /><br />
			</a>
		</div>
<p><a href="http://www.extratuts.com/wp-content/uploads/2010/09/twitter_logo.png"></a><a href="http://www.extratuts.com/wp-content/uploads/2010/09/twitter-logo.jpg"><img class="aligncenter size-full wp-image-1046" title="twitter logo" src="http://www.extratuts.com/wp-content/uploads/2010/09/twitter-logo.jpg" alt="twitter logo" width="600" height="225" /></a></p>
<p>Twitter is now one of   most visited social sites which easily helps   you to catch up your friends updates and status or even follow people   who share your interest , and of course it&#8217;s important to every one to   make his profile attractive to other followers on twitter so here you   are some attractive background sure it will help you to add your style   at your twitter profile .</p>
<p><span style="color: #0000ee;"><span style="text-decoration: underline;"><span style="color: #000000;"><br />
</span></span></span></p>
<p style="text-align: center;"><a href="http://www.extratuts.com/wp-content/uploads/2010/09/hearts_background_1.jpg"><img class="aligncenter size-full wp-image-1025" title="twitter background image" src="http://www.extratuts.com/wp-content/uploads/2010/09/hearts_background_1.jpg" alt="twitter background image" width="600" height="360" /></a></p>
<p style="text-align: center;"><a href="http://www.extratuts.com/wp-content/uploads/2010/09/heavy-starch-dl.jpg"><img class="aligncenter size-full wp-image-1026" title="twitter background image" src="http://www.extratuts.com/wp-content/uploads/2010/09/heavy-starch-dl.jpg" alt="twitter background image" width="600" height="360" /></a></p>
<p><a href="http://www.extratuts.com/wp-content/uploads/2010/09/green_polkadot_background_4.jpg"><img class="aligncenter size-full wp-image-1024" title="twitter background image" src="http://www.extratuts.com/wp-content/uploads/2010/09/green_polkadot_background_4.jpg" alt="twitter background image" width="600" height="360" /></a></p>
<p><a href="http://www.extratuts.com/wp-content/uploads/2010/09/flower_background_15.jpg"><img class="aligncenter size-full wp-image-1023" title="twitter background image" src="http://www.extratuts.com/wp-content/uploads/2010/09/flower_background_15.jpg" alt="twitter background image" width="600" height="360" /></a></p>
<p><a href="http://www.extratuts.com/wp-content/uploads/2010/09/blue_polkadot_background_2.jpg"><img class="aligncenter size-full wp-image-1022" title="twitter background image" src="http://www.extratuts.com/wp-content/uploads/2010/09/blue_polkadot_background_2.jpg" alt="twitter background image" width="600" height="360" /></a></p>
<p><a href="http://www.extratuts.com/wp-content/uploads/2010/09/4300279398_b466861960_o.jpg"><img class="aligncenter size-full wp-image-1021" title="twitter background image" src="http://www.extratuts.com/wp-content/uploads/2010/09/4300279398_b466861960_o.jpg" alt="twitter background image" width="600" height="360" /></a></p>
<p><a href="http://www.extratuts.com/wp-content/uploads/2010/09/4299531941_ac71c78ea7_o.jpg"><img class="aligncenter size-full wp-image-1020" title="twitter background image" src="http://www.extratuts.com/wp-content/uploads/2010/09/4299531941_ac71c78ea7_o.jpg" alt="twitter background image" width="600" height="360" /></a></p>
<p><a href="http://www.extratuts.com/wp-content/uploads/2010/09/4043443753_5a29db44a2_o.jpg"><img class="aligncenter size-full wp-image-1019" title="twitter background image" src="http://www.extratuts.com/wp-content/uploads/2010/09/4043443753_5a29db44a2_o.jpg" alt="twitter background image" width="600" height="360" /></a></p>
<p style="text-align: center;"><a href="http://www.extratuts.com/wp-content/uploads/2010/09/3248340057_9bf3fccae9_o.jpg"><img class="aligncenter" title="twitter background image" src="http://www.extratuts.com/wp-content/uploads/2010/09/3248340057_9bf3fccae9_o.jpg" alt="twitter background image" width="600" height="360" /></a></p>
<p><a href="http://www.extratuts.com/wp-content/uploads/2010/09/4040406103_2b22ae92d5_o.jpg"><img class="aligncenter size-full wp-image-1018" title="twitter background image" src="http://www.extratuts.com/wp-content/uploads/2010/09/4040406103_2b22ae92d5_o.jpg" alt="twitter background image" width="600" height="360" /></a></p>
<p><a href="http://www.extratuts.com/wp-content/uploads/2010/09/4035422219_82906c18ce_o.png"><img class="aligncenter size-full wp-image-1017" title="twitter background image" src="http://www.extratuts.com/wp-content/uploads/2010/09/4035422219_82906c18ce_o.png" alt="twitter background image" width="600" height="360" /></a></p>
<p><a href="http://www.extratuts.com/wp-content/uploads/2010/09/4035126704_9d12f44663_o.jpg"><img class="aligncenter size-full wp-image-1016" title="twitter background image" src="http://www.extratuts.com/wp-content/uploads/2010/09/4035126704_9d12f44663_o.jpg" alt="twitter background image" width="600" height="360" /></a></p>
<p><a href="http://www.extratuts.com/wp-content/uploads/2010/09/4033892656_077d38b063_o.jpg"><img class="aligncenter size-full wp-image-1015" title="twitter background image" src="http://www.extratuts.com/wp-content/uploads/2010/09/4033892656_077d38b063_o.jpg" alt="twitter background image" width="600" height="360" /></a></p>
<p><a href="http://www.extratuts.com/wp-content/uploads/2010/09/4033133321_4cf4012508_o.png"><img class="aligncenter size-full wp-image-1014" title="twitter background image" src="http://www.extratuts.com/wp-content/uploads/2010/09/4033133321_4cf4012508_o.png" alt="twitter background image" width="600" height="360" /></a></p>
<p><a href="http://www.extratuts.com/wp-content/uploads/2010/09/4019345275_5fd0715f4c_o.jpg"><img class="aligncenter size-full wp-image-1013" title="twitter background image" src="http://www.extratuts.com/wp-content/uploads/2010/09/4019345275_5fd0715f4c_o.jpg" alt="twitter background image" width="600" height="360" /></a></p>
<p><a href="http://www.extratuts.com/wp-content/uploads/2010/09/4014768828_fab5b2f429_o.jpg"><img class="aligncenter size-full wp-image-1012" title="twitter background image" src="http://www.extratuts.com/wp-content/uploads/2010/09/4014768828_fab5b2f429_o.jpg" alt="twitter background image" width="600" height="360" /></a></p>
<p><a href="http://www.extratuts.com/wp-content/uploads/2010/09/3619880875_16259a5bd8_o.jpg"><img class="aligncenter size-full wp-image-1008" title="twitter background image" src="http://www.extratuts.com/wp-content/uploads/2010/09/3619880875_16259a5bd8_o.jpg" alt="twitter background image" width="600" height="360" /></a></p>
<p><a href="http://www.extratuts.com/wp-content/uploads/2010/09/4012108481_44758e3081_o.jpg"><img class="aligncenter size-full wp-image-1011" title="twitter background image" src="http://www.extratuts.com/wp-content/uploads/2010/09/4012108481_44758e3081_o.jpg" alt="twitter background image" width="600" height="360" /></a></p>
<p><a href="http://www.extratuts.com/wp-content/uploads/2010/09/4012106279_14bd5fcea2_o.jpg"><img class="aligncenter size-full wp-image-1010" title="twitter background image" src="http://www.extratuts.com/wp-content/uploads/2010/09/4012106279_14bd5fcea2_o.jpg" alt="twitter background image" width="600" height="360" /></a></p>
<p><a href="http://www.extratuts.com/wp-content/uploads/2010/09/3770068422_986a523107_o.jpg"><img class="aligncenter size-full wp-image-1009" title="twitter background image" src="http://www.extratuts.com/wp-content/uploads/2010/09/3770068422_986a523107_o.jpg" alt="twitter background image" width="600" height="360" /></a></p>
<p><a href="http://www.extratuts.com/wp-content/uploads/2010/09/3576789583_71ff3f567d_o.jpg"><img class="aligncenter size-full wp-image-1007" title="twitter background image" src="http://www.extratuts.com/wp-content/uploads/2010/09/3576789583_71ff3f567d_o.jpg" alt="twitter background image" width="600" height="360" /></a></p>
<p><a href="http://www.extratuts.com/wp-content/uploads/2010/09/3493812485_2d22804a45_o.jpg"><img class="aligncenter size-full wp-image-1006" title="twitter background image" src="http://www.extratuts.com/wp-content/uploads/2010/09/3493812485_2d22804a45_o.jpg" alt="twitter background image" width="600" height="360" /></a></p>
<p><a href="http://www.extratuts.com/wp-content/uploads/2010/09/3251890286_9ee55bfb69_o.jpg"><img class="aligncenter size-full wp-image-1005" title="twitter background image" src="http://www.extratuts.com/wp-content/uploads/2010/09/3251890286_9ee55bfb69_o.jpg" alt="twitter background image" width="600" height="360" /></a></p>
<p><a href="http://www.extratuts.com/wp-content/uploads/2010/09/3251307392_e4c069209d_o.jpg"><img class="aligncenter size-full wp-image-1004" title="twitter background image" src="http://www.extratuts.com/wp-content/uploads/2010/09/3251307392_e4c069209d_o.jpg" alt="twitter background image" width="600" height="360" /></a></p>
<p><a href="http://www.extratuts.com/wp-content/uploads/2010/09/3249164006_505dff66c1_o.jpg"><img class="aligncenter size-full wp-image-1003" title="twitter background image" src="http://www.extratuts.com/wp-content/uploads/2010/09/3249164006_505dff66c1_o.jpg" alt="twitter background image" width="600" height="360" /></a></p>
<div class="zemanta-pixie" style="margin-top: 10px; height: 15px;">and finally here you are a nice site can help you design your won background profile yourself</div>
<div class="zemanta-pixie" style="margin-top: 10px; height: 15px;"><a href="http://www.freetwitterdesigner.com/"><img class="aligncenter size-full wp-image-1055" title="freetwitterdesigner-logo" src="http://www.extratuts.com/wp-content/uploads/2010/09/freetwitterdesigner-logo.jpg" alt="freetwitterdesigner-logo" width="505" height="89" /></a></div>
<div class="zemanta-pixie" style="margin-top: 10px; height: 15px;">hope you enjoy it &#8230;</div>


<p>Related posts:<ol><li><a href='http://www.extratuts.com/large-background-in-css' rel='bookmark' title='Permanent Link: Large Background in Css'>Large Background in Css</a></li>
<li><a href='http://www.extratuts.com/twitter-icon-design-tutorialswp-pluginsjquery-plugins-and-tutorials' rel='bookmark' title='Permanent Link: Twitter Icon design tutorials, WP Plugins, jQuery Plugins and tutorials'>Twitter Icon design tutorials, WP Plugins, jQuery Plugins and tutorials</a></li>
<li><a href='http://www.extratuts.com/design-a-beautiful-website-from-scratch' rel='bookmark' title='Permanent Link: Design a Beautiful Website From Scratch'>Design a Beautiful Website From Scratch</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.extratuts.com/25-attractive-twitter-background-images-2/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Top 6 Photoshop Text-Effect Tutorials : August 2009</title>
		<link>http://www.extratuts.com/top-6-photoshop-text-effect-tutorials-august-2009</link>
		<comments>http://www.extratuts.com/top-6-photoshop-text-effect-tutorials-august-2009#comments</comments>
		<pubDate>Wed, 02 Sep 2009 03:14:05 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[Roundups]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[designing]]></category>
		<category><![CDATA[photoshop tutorial]]></category>
		<category><![CDATA[text-effect]]></category>
		<category><![CDATA[text-effects]]></category>

		<guid isPermaLink="false">http://www.extratuts.com/?p=419</guid>
		<description><![CDATA[A roundup of the best six photoshop tutorials in august 2009 about making text-effects , you can share us by tweeting this post or digging it . 1. Brushed Silver Reflective Text Effect 2. Creating Cool Marble Text Effect 3. Create a fumed text effect in Photoshop 4. Recreate the Starcraft 2 Logo 5. Design [...]


Related posts:<ol><li><a href='http://www.extratuts.com/create-a-dark-and-sleek-web-layout-using-photoshop' rel='bookmark' title='Permanent Link: Create a Dark and Sleek Web Layout Using Photoshop'>Create a Dark and Sleek Web Layout Using Photoshop</a></li>
<li><a href='http://www.extratuts.com/how-to-design-a-colorful-web-layout-in-photoshop' rel='bookmark' title='Permanent Link: How To Design a Colorful Web Layout in Photoshop'>How To Design a Colorful Web Layout in Photoshop</a></li>
<li><a href='http://www.extratuts.com/25-best-practise-photoshop-layout-design-tutorials' rel='bookmark' title='Permanent Link: 25+ Best Practise Photoshop Layout Design Tutorials'>25+ Best Practise Photoshop Layout Design Tutorials</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: left; margin-right: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.extratuts.com%2Ftop-6-photoshop-text-effect-tutorials-august-2009"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.extratuts.com%2Ftop-6-photoshop-text-effect-tutorials-august-2009&amp;source=ExtraTuts&amp;style=normal&amp;service=bit.ly" height="61" width="50" /><br />
			</a>
		</div>
<p>A roundup of the best six photoshop tutorials in august 2009 about making text-effects , you can share us by tweeting this post or digging it <img src='http://www.extratuts.com/wp-includes/images/smilies/icon_smile.gif' alt=':)' class='wp-smiley' />  .</p>
<p style="text-align: center;"><span id="more-419"></span></p>
<h2>1. <a title="Brushed Silver Reflective Text Effect" rel="bookmark" href="http://tutorials.mysitemyway.com/brushed-silver-reflective-text-effect/">Brushed Silver Reflective Text Effect</a></h2>
<h2 style="text-align: center;"><a href="http://tutorials.mysitemyway.com/brushed-silver-reflective-text-effect/"><img class="image5" title="Visit Tutorial !" src="http://www.extratuts.com/wp-content/uploads/extutorials/5/1.jpg" alt="Brushed Silver Reflective Text Effect" width="590" height="170" /></a></h2>
<h2>2. <a title="Creating Cool Marble Text Effect" rel="bookmark" href="http://www.photoshopstar.com/text/creating-cool-marble-text-effect/">Creating Cool Marble Text Effect</a></h2>
<h2><a href="http://www.photoshopstar.com/text/creating-cool-marble-text-effect/"><img class="image5" title="Visit Tutorial !" src="http://www.extratuts.com/wp-content/uploads/extutorials/5/2.jpg" alt="Creating Cool Marble Text Effect" width="590" height="170" /></a></h2>
<h2>3. <a href="http://www.ourtuts.com/create-a-fumed-text-effect-in-photoshop/">Create a fumed text effect in Photoshop</a></h2>
<h2><a href="http://www.ourtuts.com/create-a-fumed-text-effect-in-photoshop/"><img class="image5" title="Visit Tutorial !" src="http://www.extratuts.com/wp-content/uploads/extutorials/5/3.jpg" alt="Create a fumed text effect in Photoshop" width="590" height="170" /></a></h2>
<h2>4. <a href="http://www.tutorialwiz.com/starcraft-2-logo">Recreate the Starcraft 2 Logo</a></h2>
<h2><a href="http://www.tutorialwiz.com/starcraft-2-logo"><img class="image5" title="Visit Tutorial !" src="http://www.extratuts.com/wp-content/uploads/extutorials/5/4.jpg" alt="Recreate the Starcraft 2 Logo" width="590" height="170" /></a></h2>
<h2>5. <a title="Design a Chilling and Icy Text Effect in Photoshop" rel="bookmark" href="http://www.psdvault.com/text-effects/design-a-chilling-and-icy-text-effect-in-photoshop/">Design a Chilling and Icy Text Effect in Photoshop</a></h2>
<h2><a href="http://www.psdvault.com/text-effects/design-a-chilling-and-icy-text-effect-in-photoshop/"><img class="image5" title="Visit Tutorial !" src="http://www.extratuts.com/wp-content/uploads/extutorials/5/5.jpg" alt="Design a Chilling and Icy Text Effect in Photoshop" width="590" height="170" /></a></h2>
<h2>6. <a href="http://www.blog.spoongraphics.co.uk/tutorials/create-a-trendy-galactic-poster-design-in-photoshop">Create a Trendy Galactic Poster Design in Photoshop</a></h2>
<h2><a href="http://www.blog.spoongraphics.co.uk/tutorials/create-a-trendy-galactic-poster-design-in-photoshop"><img class="image5" title="Visit Tutorial !" src="http://www.extratuts.com/wp-content/uploads/extutorials/5/6.jpg" alt="Create a Trendy Galactic Poster Design in Photoshop" width="590" height="170" /></a></h2>


<p>Related posts:<ol><li><a href='http://www.extratuts.com/create-a-dark-and-sleek-web-layout-using-photoshop' rel='bookmark' title='Permanent Link: Create a Dark and Sleek Web Layout Using Photoshop'>Create a Dark and Sleek Web Layout Using Photoshop</a></li>
<li><a href='http://www.extratuts.com/how-to-design-a-colorful-web-layout-in-photoshop' rel='bookmark' title='Permanent Link: How To Design a Colorful Web Layout in Photoshop'>How To Design a Colorful Web Layout in Photoshop</a></li>
<li><a href='http://www.extratuts.com/25-best-practise-photoshop-layout-design-tutorials' rel='bookmark' title='Permanent Link: 25+ Best Practise Photoshop Layout Design Tutorials'>25+ Best Practise Photoshop Layout Design Tutorials</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.extratuts.com/top-6-photoshop-text-effect-tutorials-august-2009/feed</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
		<item>
		<title>Create a grunge wordpress theme with Photoshop</title>
		<link>http://www.extratuts.com/create-a-grunge-wordpress-theme-with-photoshop</link>
		<comments>http://www.extratuts.com/create-a-grunge-wordpress-theme-with-photoshop#comments</comments>
		<pubDate>Sun, 09 Aug 2009 09:49:46 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[themes]]></category>
		<category><![CDATA[thteme]]></category>
		<category><![CDATA[Wordpress]]></category>

		<guid isPermaLink="false">http://www.extratuts.com/?p=265</guid>
		<description><![CDATA[This tutorial is going to show you how to create a nice looking layout using some textures to create a grunge web layout , this layout can be used as a wordpress layout and also can be used for another types of websites as a a grunge portfolio layout . Related posts:How To Design a [...]


Related posts:<ol><li><a href='http://www.extratuts.com/how-to-design-a-stunning-grunge-portfolio' rel='bookmark' title='Permanent Link: How To Design a Stunning Grunge Portfolio'>How To Design a Stunning Grunge Portfolio</a></li>
<li><a href='http://www.extratuts.com/create-a-dark-and-sleek-web-layout-using-photoshop' rel='bookmark' title='Permanent Link: Create a Dark and Sleek Web Layout Using Photoshop'>Create a Dark and Sleek Web Layout Using Photoshop</a></li>
<li><a href='http://www.extratuts.com/25-best-practise-photoshop-layout-design-tutorials' rel='bookmark' title='Permanent Link: 25+ Best Practise Photoshop Layout Design Tutorials'>25+ Best Practise Photoshop Layout Design Tutorials</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: left; margin-right: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.extratuts.com%2Fcreate-a-grunge-wordpress-theme-with-photoshop"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.extratuts.com%2Fcreate-a-grunge-wordpress-theme-with-photoshop&amp;source=ExtraTuts&amp;style=normal&amp;service=bit.ly" height="61" width="50" /><br />
			</a>
		</div>
<p>This tutorial is going to show you how to create a nice looking layout using some textures to create a grunge web layout , this layout can be used as a wordpress layout and also can be used for another types of websites as a a grunge portfolio layout .</p>
<p style="text-align: center;"><span id="more-265"></span></p>
<p style="text-align: center;"><a href="http://www.grafpedia.com/tutorials/create-grunge-wordpress-theme-photoshop"><img class="image5" title="Visit Tutorial !" src="http://www.extratuts.com/wp-content/uploads/wp-post-thumbnail/tutorial29.jpg" alt="Create a grunge wordpress theme with Photoshop" width="590" height="170" /></a></p>


<p>Related posts:<ol><li><a href='http://www.extratuts.com/how-to-design-a-stunning-grunge-portfolio' rel='bookmark' title='Permanent Link: How To Design a Stunning Grunge Portfolio'>How To Design a Stunning Grunge Portfolio</a></li>
<li><a href='http://www.extratuts.com/create-a-dark-and-sleek-web-layout-using-photoshop' rel='bookmark' title='Permanent Link: Create a Dark and Sleek Web Layout Using Photoshop'>Create a Dark and Sleek Web Layout Using Photoshop</a></li>
<li><a href='http://www.extratuts.com/25-best-practise-photoshop-layout-design-tutorials' rel='bookmark' title='Permanent Link: 25+ Best Practise Photoshop Layout Design Tutorials'>25+ Best Practise Photoshop Layout Design Tutorials</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.extratuts.com/create-a-grunge-wordpress-theme-with-photoshop/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>How To Correctly Use Bevels &amp; Drop Shadows in Photoshop</title>
		<link>http://www.extratuts.com/how-to-correctly-use-bevels-drop-shadows-in-photoshop</link>
		<comments>http://www.extratuts.com/how-to-correctly-use-bevels-drop-shadows-in-photoshop#comments</comments>
		<pubDate>Thu, 06 Aug 2009 04:42:32 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[Bevels]]></category>
		<category><![CDATA[Drop Shadows]]></category>
		<category><![CDATA[psd]]></category>

		<guid isPermaLink="false">http://www.extratuts.com/?p=251</guid>
		<description><![CDATA[This article direct you to the right way in the use of bevels &#38; drop shadows in photoshop , it also gives you some tips and shows you some clear examples using the effects . Related posts:How To Design a Colorful Web Layout in Photoshop How To Create a Drop Down Navigation Menu Top 6 [...]


Related posts:<ol><li><a href='http://www.extratuts.com/how-to-design-a-colorful-web-layout-in-photoshop' rel='bookmark' title='Permanent Link: How To Design a Colorful Web Layout in Photoshop'>How To Design a Colorful Web Layout in Photoshop</a></li>
<li><a href='http://www.extratuts.com/how-to-create-a-drop-down-navigation-menu' rel='bookmark' title='Permanent Link: How To Create a Drop Down Navigation Menu'>How To Create a Drop Down Navigation Menu</a></li>
<li><a href='http://www.extratuts.com/top-6-photoshop-text-effect-tutorials-august-2009' rel='bookmark' title='Permanent Link: Top 6 Photoshop Text-Effect Tutorials : August 2009'>Top 6 Photoshop Text-Effect Tutorials : August 2009</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: left; margin-right: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.extratuts.com%2Fhow-to-correctly-use-bevels-drop-shadows-in-photoshop"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.extratuts.com%2Fhow-to-correctly-use-bevels-drop-shadows-in-photoshop&amp;source=ExtraTuts&amp;style=normal&amp;service=bit.ly" height="61" width="50" /><br />
			</a>
		</div>
<p>This article direct you to the right way in the use of bevels &amp; drop shadows in photoshop , it also gives you some tips and shows you some clear examples using the effects .</p>
<p style="text-align: center;"><span id="more-251"></span></p>
<p style="text-align: center;"><a href="http://www.myinkblog.com/tutorials/how-to-correctly-use-bevels-drop-shadows-in-photoshop/"><img class="image5" title="Visit Tutorial !" src="http://www.extratuts.com/wp-content/uploads/wp-post-thumbnail/tutorial25.jpg" alt="How To Correctly Use Bevels &amp; Drop Shadows in Photoshop" width="590" height="170" /></a></p>


<p>Related posts:<ol><li><a href='http://www.extratuts.com/how-to-design-a-colorful-web-layout-in-photoshop' rel='bookmark' title='Permanent Link: How To Design a Colorful Web Layout in Photoshop'>How To Design a Colorful Web Layout in Photoshop</a></li>
<li><a href='http://www.extratuts.com/how-to-create-a-drop-down-navigation-menu' rel='bookmark' title='Permanent Link: How To Create a Drop Down Navigation Menu'>How To Create a Drop Down Navigation Menu</a></li>
<li><a href='http://www.extratuts.com/top-6-photoshop-text-effect-tutorials-august-2009' rel='bookmark' title='Permanent Link: Top 6 Photoshop Text-Effect Tutorials : August 2009'>Top 6 Photoshop Text-Effect Tutorials : August 2009</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.extratuts.com/how-to-correctly-use-bevels-drop-shadows-in-photoshop/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Using CSS Sprites and Photoshop : Create Menus With Images</title>
		<link>http://www.extratuts.com/using-css-sprites-and-photoshop-create-menus-with-images</link>
		<comments>http://www.extratuts.com/using-css-sprites-and-photoshop-create-menus-with-images#comments</comments>
		<pubDate>Tue, 04 Aug 2009 14:09:54 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[CSS & Xhtml]]></category>
		<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[css menu]]></category>
		<category><![CDATA[css menus]]></category>
		<category><![CDATA[sprite]]></category>
		<category><![CDATA[sprite technique]]></category>

		<guid isPermaLink="false">http://www.extratuts.com/?p=237</guid>
		<description><![CDATA[This tutorial will show you how to create a CSS menu with images using photoshop for the graphic creation ,  html and a css technique called CSS sprites ! Related posts:Create a Dark and Sleek Web Layout Using Photoshop Create a grunge wordpress theme with Photoshop Create a Cartoon Landscape Website With a little jQuery


Related posts:<ol><li><a href='http://www.extratuts.com/create-a-dark-and-sleek-web-layout-using-photoshop' rel='bookmark' title='Permanent Link: Create a Dark and Sleek Web Layout Using Photoshop'>Create a Dark and Sleek Web Layout Using Photoshop</a></li>
<li><a href='http://www.extratuts.com/create-a-grunge-wordpress-theme-with-photoshop' rel='bookmark' title='Permanent Link: Create a grunge wordpress theme with Photoshop'>Create a grunge wordpress theme with Photoshop</a></li>
<li><a href='http://www.extratuts.com/create-a-cartoon-landscape-website-with-a-little-jquery' rel='bookmark' title='Permanent Link: Create a Cartoon Landscape Website With a little jQuery'>Create a Cartoon Landscape Website With a little jQuery</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: left; margin-right: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.extratuts.com%2Fusing-css-sprites-and-photoshop-create-menus-with-images"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.extratuts.com%2Fusing-css-sprites-and-photoshop-create-menus-with-images&amp;source=ExtraTuts&amp;style=normal&amp;service=bit.ly" height="61" width="50" /><br />
			</a>
		</div>
<p>This tutorial will show you how to create a CSS menu with images using photoshop for the graphic creation ,  html and a css technique called <strong>CSS sprites !</strong></p>
<p style="text-align: center;"><span id="more-237"></span></p>
<p style="text-align: center;"><a href="http://www.bloggingcss.com/en/tutorials/css-menus-with-images-css-sprites/"><img class="image5" title="Visit Tutorial !" src="http://www.extratuts.com/wp-content/uploads/wp-post-thumbnail/tutorial22.jpg" alt="Using CSS Sprites and Photoshop : Create Menus With Images" width="590" height="170" /></a></p>


<p>Related posts:<ol><li><a href='http://www.extratuts.com/create-a-dark-and-sleek-web-layout-using-photoshop' rel='bookmark' title='Permanent Link: Create a Dark and Sleek Web Layout Using Photoshop'>Create a Dark and Sleek Web Layout Using Photoshop</a></li>
<li><a href='http://www.extratuts.com/create-a-grunge-wordpress-theme-with-photoshop' rel='bookmark' title='Permanent Link: Create a grunge wordpress theme with Photoshop'>Create a grunge wordpress theme with Photoshop</a></li>
<li><a href='http://www.extratuts.com/create-a-cartoon-landscape-website-with-a-little-jquery' rel='bookmark' title='Permanent Link: Create a Cartoon Landscape Website With a little jQuery'>Create a Cartoon Landscape Website With a little jQuery</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.extratuts.com/using-css-sprites-and-photoshop-create-menus-with-images/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Design a clean , shining and simple button using photoshop</title>
		<link>http://www.extratuts.com/design-a-clean-shining-and-simple-button-using-photoshop</link>
		<comments>http://www.extratuts.com/design-a-clean-shining-and-simple-button-using-photoshop#comments</comments>
		<pubDate>Wed, 29 Jul 2009 12:50:47 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[button]]></category>
		<category><![CDATA[designing]]></category>
		<category><![CDATA[tutorial]]></category>
		<category><![CDATA[tutorials]]></category>

		<guid isPermaLink="false">http://www.extratuts.com/?p=158</guid>
		<description><![CDATA[In this tutorial , you will learn how to make a stylish , clean and simple button for your website using photoshop in a few steps . Related posts:How To Design a Colorful Web Layout in Photoshop 25+ Best Practise Photoshop Layout Design Tutorials Create a Dark and Sleek Web Layout Using Photoshop


Related posts:<ol><li><a href='http://www.extratuts.com/how-to-design-a-colorful-web-layout-in-photoshop' rel='bookmark' title='Permanent Link: How To Design a Colorful Web Layout in Photoshop'>How To Design a Colorful Web Layout in Photoshop</a></li>
<li><a href='http://www.extratuts.com/25-best-practise-photoshop-layout-design-tutorials' rel='bookmark' title='Permanent Link: 25+ Best Practise Photoshop Layout Design Tutorials'>25+ Best Practise Photoshop Layout Design Tutorials</a></li>
<li><a href='http://www.extratuts.com/create-a-dark-and-sleek-web-layout-using-photoshop' rel='bookmark' title='Permanent Link: Create a Dark and Sleek Web Layout Using Photoshop'>Create a Dark and Sleek Web Layout Using Photoshop</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: left; margin-right: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.extratuts.com%2Fdesign-a-clean-shining-and-simple-button-using-photoshop"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.extratuts.com%2Fdesign-a-clean-shining-and-simple-button-using-photoshop&amp;source=ExtraTuts&amp;style=normal&amp;service=bit.ly" height="61" width="50" /><br />
			</a>
		</div>
<p>In this tutorial , you will learn how to make a stylish , clean and simple button for your website using photoshop in a few steps .</p>
<p style="text-align: center;"><span id="more-158"></span></p>
<p style="text-align: center;"><a href="http://www.psdvault.com/web-graphics/design-a-simple-yet-effective-clean-and-shining-button-for-your-website-in-photoshop/"><img class="image5" title="Visit Tutorial !" src="http://www.extratuts.com/wp-content/uploads/wp-post-thumbnail/tutorial16.jpg" alt="Design a clean , shining and simple button using photoshop" width="590" height="170" /></a></p>


<p>Related posts:<ol><li><a href='http://www.extratuts.com/how-to-design-a-colorful-web-layout-in-photoshop' rel='bookmark' title='Permanent Link: How To Design a Colorful Web Layout in Photoshop'>How To Design a Colorful Web Layout in Photoshop</a></li>
<li><a href='http://www.extratuts.com/25-best-practise-photoshop-layout-design-tutorials' rel='bookmark' title='Permanent Link: 25+ Best Practise Photoshop Layout Design Tutorials'>25+ Best Practise Photoshop Layout Design Tutorials</a></li>
<li><a href='http://www.extratuts.com/create-a-dark-and-sleek-web-layout-using-photoshop' rel='bookmark' title='Permanent Link: Create a Dark and Sleek Web Layout Using Photoshop'>Create a Dark and Sleek Web Layout Using Photoshop</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.extratuts.com/design-a-clean-shining-and-simple-button-using-photoshop/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>How To Desgin a WordPress Mockup Layout</title>
		<link>http://www.extratuts.com/how-to-desgin-a-wordpress-mockup-layout</link>
		<comments>http://www.extratuts.com/how-to-desgin-a-wordpress-mockup-layout#comments</comments>
		<pubDate>Thu, 02 Jul 2009 21:13:34 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[layouts]]></category>
		<category><![CDATA[tutorial]]></category>
		<category><![CDATA[tutorials]]></category>
		<category><![CDATA[web layout]]></category>
		<category><![CDATA[Wordpress]]></category>

		<guid isPermaLink="false">http://www.extratuts.com/?p=137</guid>
		<description><![CDATA[In this tutorial we will learn how to implement a Vimeo-like navigation with css and xhtml , this navigation includes a search box and drop down menu , easy to implement . Related posts:Create Vimeo-like top navigation with css and xhtml How To Create a Drop Down Navigation Menu Create a Dark and Sleek Web [...]


Related posts:<ol><li><a href='http://www.extratuts.com/create-vimeo-like-top-navigation-with-css-and-xhtml' rel='bookmark' title='Permanent Link: Create Vimeo-like top navigation with css and xhtml'>Create Vimeo-like top navigation with css and xhtml</a></li>
<li><a href='http://www.extratuts.com/how-to-create-a-drop-down-navigation-menu' rel='bookmark' title='Permanent Link: How To Create a Drop Down Navigation Menu'>How To Create a Drop Down Navigation Menu</a></li>
<li><a href='http://www.extratuts.com/create-a-dark-and-sleek-web-layout-using-photoshop' rel='bookmark' title='Permanent Link: Create a Dark and Sleek Web Layout Using Photoshop'>Create a Dark and Sleek Web Layout Using Photoshop</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: left; margin-right: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.extratuts.com%2Fhow-to-desgin-a-wordpress-mockup-layout"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.extratuts.com%2Fhow-to-desgin-a-wordpress-mockup-layout&amp;source=ExtraTuts&amp;style=normal&amp;service=bit.ly" height="61" width="50" /><br />
			</a>
		</div>
<p>In this tutorial we will learn how to implement a Vimeo-like navigation with css and xhtml , this navigation includes a search box and drop down menu , easy to implement .</p>
<p style="text-align: center;"><span id="more-137"></span></p>
<p style="text-align: center;"><a href="http://hv-designs.co.uk/2009/07/02/wordpress-layout-5"><img class="image5" title="Visit Tutorial !" src="http://www.extratuts.com/wp-content/uploads/wp-post-thumbnail/tutorial13.jpg" alt="How To Desgin a WordPress Mockup Layout" width="590" height="170" /></a></p>


<p>Related posts:<ol><li><a href='http://www.extratuts.com/create-vimeo-like-top-navigation-with-css-and-xhtml' rel='bookmark' title='Permanent Link: Create Vimeo-like top navigation with css and xhtml'>Create Vimeo-like top navigation with css and xhtml</a></li>
<li><a href='http://www.extratuts.com/how-to-create-a-drop-down-navigation-menu' rel='bookmark' title='Permanent Link: How To Create a Drop Down Navigation Menu'>How To Create a Drop Down Navigation Menu</a></li>
<li><a href='http://www.extratuts.com/create-a-dark-and-sleek-web-layout-using-photoshop' rel='bookmark' title='Permanent Link: Create a Dark and Sleek Web Layout Using Photoshop'>Create a Dark and Sleek Web Layout Using Photoshop</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.extratuts.com/how-to-desgin-a-wordpress-mockup-layout/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>How To Design a Stunning Grunge Portfolio</title>
		<link>http://www.extratuts.com/how-to-design-a-stunning-grunge-portfolio</link>
		<comments>http://www.extratuts.com/how-to-design-a-stunning-grunge-portfolio#comments</comments>
		<pubDate>Mon, 29 Jun 2009 09:43:26 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[grunge]]></category>
		<category><![CDATA[layout]]></category>
		<category><![CDATA[portfolio]]></category>

		<guid isPermaLink="false">http://www.extratuts.com/?p=119</guid>
		<description><![CDATA[In this photoshop tutorial, it will show you how to create a Stunning Grunge Portfolio , the Portfolio reflects your personality and your style , so Let&#8217;s Go ! Related posts:Create a grunge wordpress theme with Photoshop 25+ Best Practise Photoshop Layout Design Tutorials How To Design a Colorful Web Layout in Photoshop


Related posts:<ol><li><a href='http://www.extratuts.com/create-a-grunge-wordpress-theme-with-photoshop' rel='bookmark' title='Permanent Link: Create a grunge wordpress theme with Photoshop'>Create a grunge wordpress theme with Photoshop</a></li>
<li><a href='http://www.extratuts.com/25-best-practise-photoshop-layout-design-tutorials' rel='bookmark' title='Permanent Link: 25+ Best Practise Photoshop Layout Design Tutorials'>25+ Best Practise Photoshop Layout Design Tutorials</a></li>
<li><a href='http://www.extratuts.com/how-to-design-a-colorful-web-layout-in-photoshop' rel='bookmark' title='Permanent Link: How To Design a Colorful Web Layout in Photoshop'>How To Design a Colorful Web Layout in Photoshop</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: left; margin-right: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.extratuts.com%2Fhow-to-design-a-stunning-grunge-portfolio"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.extratuts.com%2Fhow-to-design-a-stunning-grunge-portfolio&amp;source=ExtraTuts&amp;style=normal&amp;service=bit.ly" height="61" width="50" /><br />
			</a>
		</div>
<p>In this photoshop tutorial, it will show you how to create a Stunning Grunge Portfolio , the Portfolio reflects your personality and your style , so Let&#8217;s Go !</p>
<p style="text-align: center;"><span id="more-119"></span></p>
<p><a href="http://desizntech.info/2009/05/how-to-create-a-stunning-grunge-portfolio/"><img class="image5" title="Visit Tutorial !" src="http://www.extratuts.com/wp-content/uploads/wp-post-thumbnail/tutorial9.jpg" alt="How To Design a Stunning Grunge Portfolio " width="590" height="170" /></a></p>


<p>Related posts:<ol><li><a href='http://www.extratuts.com/create-a-grunge-wordpress-theme-with-photoshop' rel='bookmark' title='Permanent Link: Create a grunge wordpress theme with Photoshop'>Create a grunge wordpress theme with Photoshop</a></li>
<li><a href='http://www.extratuts.com/25-best-practise-photoshop-layout-design-tutorials' rel='bookmark' title='Permanent Link: 25+ Best Practise Photoshop Layout Design Tutorials'>25+ Best Practise Photoshop Layout Design Tutorials</a></li>
<li><a href='http://www.extratuts.com/how-to-design-a-colorful-web-layout-in-photoshop' rel='bookmark' title='Permanent Link: How To Design a Colorful Web Layout in Photoshop'>How To Design a Colorful Web Layout in Photoshop</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.extratuts.com/how-to-design-a-stunning-grunge-portfolio/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>How To Design a Colorful Web Layout in Photoshop</title>
		<link>http://www.extratuts.com/how-to-design-a-colorful-web-layout-in-photoshop</link>
		<comments>http://www.extratuts.com/how-to-design-a-colorful-web-layout-in-photoshop#comments</comments>
		<pubDate>Wed, 24 Jun 2009 11:01:41 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[layout]]></category>
		<category><![CDATA[tutorial]]></category>
		<category><![CDATA[tutorials]]></category>

		<guid isPermaLink="false">http://www.extratuts.com/?p=103</guid>
		<description><![CDATA[In this tutorial you will learn how to design a clear , colorful and professional web layout using photoshop ,  this design can be used as a company or a personal site ! . Related posts:Create a Dark and Sleek Web Layout Using Photoshop 25+ Best Practise Photoshop Layout Design Tutorials How to Code a [...]


Related posts:<ol><li><a href='http://www.extratuts.com/create-a-dark-and-sleek-web-layout-using-photoshop' rel='bookmark' title='Permanent Link: Create a Dark and Sleek Web Layout Using Photoshop'>Create a Dark and Sleek Web Layout Using Photoshop</a></li>
<li><a href='http://www.extratuts.com/25-best-practise-photoshop-layout-design-tutorials' rel='bookmark' title='Permanent Link: 25+ Best Practise Photoshop Layout Design Tutorials'>25+ Best Practise Photoshop Layout Design Tutorials</a></li>
<li><a href='http://www.extratuts.com/how-to-code-a-dark-and-sleek-web-design-from-photoshop' rel='bookmark' title='Permanent Link: How to Code a Dark and Sleek Web Design from Photoshop'>How to Code a Dark and Sleek Web Design from Photoshop</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: left; margin-right: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.extratuts.com%2Fhow-to-design-a-colorful-web-layout-in-photoshop"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.extratuts.com%2Fhow-to-design-a-colorful-web-layout-in-photoshop&amp;source=ExtraTuts&amp;style=normal&amp;service=bit.ly" height="61" width="50" /><br />
			</a>
		</div>
<p>In this tutorial you will learn how to design a clear , colorful and professional web layout using photoshop ,  this design can be used as a company or a personal site ! .</p>
<p style="text-align: center;"><span id="more-103"></span></p>
<p><a href="http://www.tutorial9.net/photoshop/create-a-clean-and-colorful-web-layout-in-photoshop/"><img class="image5" title="Visit Tutorial !" src="http://www.extratuts.com/wp-content/uploads/wp-post-thumbnail/tutorial5.jpg" alt="How To Design a Colorful Web Layout in Photoshop" width="590" height="170" /></a></p>


<p>Related posts:<ol><li><a href='http://www.extratuts.com/create-a-dark-and-sleek-web-layout-using-photoshop' rel='bookmark' title='Permanent Link: Create a Dark and Sleek Web Layout Using Photoshop'>Create a Dark and Sleek Web Layout Using Photoshop</a></li>
<li><a href='http://www.extratuts.com/25-best-practise-photoshop-layout-design-tutorials' rel='bookmark' title='Permanent Link: 25+ Best Practise Photoshop Layout Design Tutorials'>25+ Best Practise Photoshop Layout Design Tutorials</a></li>
<li><a href='http://www.extratuts.com/how-to-code-a-dark-and-sleek-web-design-from-photoshop' rel='bookmark' title='Permanent Link: How to Code a Dark and Sleek Web Design from Photoshop'>How to Code a Dark and Sleek Web Design from Photoshop</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.extratuts.com/how-to-design-a-colorful-web-layout-in-photoshop/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Create a Dark and Sleek Web Layout Using Photoshop</title>
		<link>http://www.extratuts.com/create-a-dark-and-sleek-web-layout-using-photoshop</link>
		<comments>http://www.extratuts.com/create-a-dark-and-sleek-web-layout-using-photoshop#comments</comments>
		<pubDate>Tue, 23 Jun 2009 14:20:19 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[tutorial]]></category>
		<category><![CDATA[tutorials]]></category>
		<category><![CDATA[web layout]]></category>

		<guid isPermaLink="false">http://www.extratuts.com/?p=76</guid>
		<description><![CDATA[In this photoshop web design tutorial  you will learn how to create a dark and sleek web layout using photoshop with a navigation menu , this is the first part of two-parts that will show you how to create the design in Photoshop , the second part of the series will show you how to [...]


Related posts:<ol><li><a href='http://www.extratuts.com/how-to-code-a-dark-and-sleek-web-design-from-photoshop' rel='bookmark' title='Permanent Link: How to Code a Dark and Sleek Web Design from Photoshop'>How to Code a Dark and Sleek Web Design from Photoshop</a></li>
<li><a href='http://www.extratuts.com/how-to-design-a-colorful-web-layout-in-photoshop' rel='bookmark' title='Permanent Link: How To Design a Colorful Web Layout in Photoshop'>How To Design a Colorful Web Layout in Photoshop</a></li>
<li><a href='http://www.extratuts.com/how-to-desgin-a-wordpress-mockup-layout' rel='bookmark' title='Permanent Link: How To Desgin a WordPress Mockup Layout'>How To Desgin a WordPress Mockup Layout</a></li>
</ol>]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: left; margin-right: 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.extratuts.com%2Fcreate-a-dark-and-sleek-web-layout-using-photoshop"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.extratuts.com%2Fcreate-a-dark-and-sleek-web-layout-using-photoshop&amp;source=ExtraTuts&amp;style=normal&amp;service=bit.ly" height="61" width="50" /><br />
			</a>
		</div>
<p>In this photoshop web design tutorial  you will learn how to create a dark and sleek web layout using photoshop with a navigation menu , this is the first part of two-parts that will show you how to create the design in Photoshop , <a title="Second part" href="http://www.extratuts.com/how-to-code-a-dark-and-sleek-web-design-from-photoshop">the second part of the series</a> will show you how to build a web page with the Photoshop layout mockup using HTML/CSS and a little bit of jQuery.</p>
<p style="text-align: center;"><span id="more-76"></span></p>
<p><a href="http://sixrevisions.com/tutorials/photoshop-tutorials/create-a-dark-and-sleek-web-layout-using-photoshop/"><img class="image5" title="Visit Tutorial !" src="http://www.extratuts.com/wp-content/uploads/wp-post-thumbnail/tutorial2.jpg" alt="Visit Tutorial Create a Dark and Sleek Web Layout Using Photoshop" width="590" height="170" /></a></p>


<p>Related posts:<ol><li><a href='http://www.extratuts.com/how-to-code-a-dark-and-sleek-web-design-from-photoshop' rel='bookmark' title='Permanent Link: How to Code a Dark and Sleek Web Design from Photoshop'>How to Code a Dark and Sleek Web Design from Photoshop</a></li>
<li><a href='http://www.extratuts.com/how-to-design-a-colorful-web-layout-in-photoshop' rel='bookmark' title='Permanent Link: How To Design a Colorful Web Layout in Photoshop'>How To Design a Colorful Web Layout in Photoshop</a></li>
<li><a href='http://www.extratuts.com/how-to-desgin-a-wordpress-mockup-layout' rel='bookmark' title='Permanent Link: How To Desgin a WordPress Mockup Layout'>How To Desgin a WordPress Mockup Layout</a></li>
</ol></p>]]></content:encoded>
			<wfw:commentRss>http://www.extratuts.com/create-a-dark-and-sleek-web-layout-using-photoshop/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
