<?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>Web Design Dev &#187; Top Photoshop Tutorials</title>
	<atom:link href="http://www.webdesigndev.com/tag/top-photoshop-tutorials/feed" rel="self" type="application/rss+xml" />
	<link>http://www.webdesigndev.com</link>
	<description></description>
	<lastBuildDate>Mon, 06 Feb 2012 16:30:17 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.2.1</generator>
		<item>
		<title>Top 20 Colour Application Photoshop Tutorials</title>
		<link>http://www.webdesigndev.com/photoshop/top-20-colour-application-photoshop-tutorials</link>
		<comments>http://www.webdesigndev.com/photoshop/top-20-colour-application-photoshop-tutorials#comments</comments>
		<pubDate>Fri, 22 May 2009 01:34:52 +0000</pubDate>
		<dc:creator>Web Design</dc:creator>
				<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[16 Bit Photoshop]]></category>
		<category><![CDATA[Basics Of Colour]]></category>
		<category><![CDATA[Colour Application]]></category>
		<category><![CDATA[Photoshop Colour Modes]]></category>
		<category><![CDATA[Photoshop Greyscale]]></category>
		<category><![CDATA[Photoshop Tutorials]]></category>
		<category><![CDATA[Top Colour Tutorials]]></category>
		<category><![CDATA[Top Photoshop Tutorials]]></category>
		<category><![CDATA[Understanding RBG]]></category>
		<category><![CDATA[Using Colour]]></category>
		<category><![CDATA[Web Colour Schemes]]></category>

		<guid isPermaLink="false">http://www.webdesigndev.com/?p=706</guid>
		<description><![CDATA[Some colours work really well together, whistle others dont. Using the right colours to apply to your designs can go a long way. Here is my compilation of 20 top colour application photoshop tutorials.]]></description>
			<content:encoded><![CDATA[<p>Picking the right colours for your design is crucial. Some colours work really well together, whistle others dont. Using the right colours to apply to your designs can go a long way. Here is my compilation of 20 top colour application photoshop tutorials.</p>
<h3>Understanding Photoshop Colour Modes</h3>
<p><img class="alignnone size-full wp-image-709" title="17" src="http://www.webdesigndev.com/wp-content/uploads/2009/05/17.png" alt="17" width="542" height="140" /></p>
<p style="text-align: center;"><span style="color: #888888;">* * * * *<br />
</span></p>
<h3>The Basics Of Colour</h3>
<p><a href="http://www.we-r-here.com/ps/tutorials/level_2/2-3.htm" target="_blank"><img class="alignnone size-full wp-image-710" title="21" src="http://www.webdesigndev.com/wp-content/uploads/2009/05/21.png" alt="21" width="542" height="140" /></a></p>
<p style="text-align: center;"><span style="color: #888888;">* * * * *</span></p>
<h3>Making Images Have The WOW Factor</h3>
<p><a href="http://www.digitalartsonline.co.uk/tutorials/index.cfm?featureID=1730" target="_blank"><img class="alignnone size-full wp-image-711" title="31" src="http://www.webdesigndev.com/wp-content/uploads/2009/05/31.png" alt="31" width="542" height="140" /></a></p>
<p style="text-align: center;"><span style="color: #888888;">* * * * *</span></p>
<h3>Awesome Photorealistic Colouring Techniques</h3>
<p><a href="http://psd.tutsplus.com/photo-effects-tutorials/awesome-photorealistic-coloring-techniques/" target="_blank"><img class="alignnone size-full wp-image-712" title="41" src="http://www.webdesigndev.com/wp-content/uploads/2009/05/41.png" alt="41" width="542" height="140" /></a></p>
<p style="text-align: center;"><span style="color: #888888;">* * * * *</span></p>
<h3>Choosing a Colour Scheme For The Web</h3>
<p><a href="http://shapeshed.com/journal/choosing_a_color_scheme_for_the_web/" target="_blank"><img class="alignnone size-full wp-image-713" title="51" src="http://www.webdesigndev.com/wp-content/uploads/2009/05/51.png" alt="51" width="542" height="140" /></a></p>
<p style="text-align: center;"><span style="color: #888888;">* * * * *</span></p>
<h3>Colour Sharpness</h3>
<p><img class="alignnone size-full wp-image-715" title="61" src="http://www.webdesigndev.com/wp-content/uploads/2009/05/61.png" alt="61" width="542" height="140" /></p>
<p style="text-align: center;"><span style="color: #888888;">* * * * *</span></p>
<h3>Custom Colour Swatches &amp; Sets</h3>
<p><a href="http://www.photoshopessentials.com/basics/custom-swatches/" target="_blank"><img class="alignnone size-full wp-image-716" title="71" src="http://www.webdesigndev.com/wp-content/uploads/2009/05/71.png" alt="71" width="542" height="140" /></a></p>
<p style="text-align: center;"><span style="color: #888888;">* * * * *</span></p>
<h3>Working With 16 Bit Images</h3>
<p><a href="http://www.photoshopessentials.com/essentials/16-bit/" target="_blank"><img class="alignnone size-full wp-image-717" title="81" src="http://www.webdesigndev.com/wp-content/uploads/2009/05/81.png" alt="81" width="542" height="140" /></a></p>
<p style="text-align: center;"><span style="color: #888888;">* * * * *</span></p>
<h3>Colour a Cartoon Sketch</h3>
<p><img class="alignnone size-full wp-image-718" title="91" src="http://www.webdesigndev.com/wp-content/uploads/2009/05/91.png" alt="91" width="542" height="140" /></p>
<p style="text-align: center;"><span style="color: #888888;">* * * * *</span></p>
<h3>Colour Line Art</h3>
<p><a href="http://www.melissaclifton.com/tutorial-lineart.html" target="_blank"><img class="alignnone size-full wp-image-719" title="101" src="http://www.webdesigndev.com/wp-content/uploads/2009/05/101.png" alt="101" width="542" height="140" /></a></p>
<div id="in_post_ad_middle_1" style="margin: 5px;padding: 0px;"><a href="http://www.wix.com/amazingwebsites/editoreasy?utm_campaign=af_webdesigndev.com&experiment_id=af_webdesigndev.com1middlepostnewLP" target="_blank" rel="nofollow">
<img src="http://www.webdesigndev.com/expressions_website3.gif" width="300" height="250" alt="create a free website" /></a></div><p style="text-align: center;"><span style="color: #888888;">* * * * *</span></p>
<h3>Colour Changing</h3>
<p><a href="http://www.tutorialmonkey.com/tm_tut3/Color_Changing" target="_blank"><img class="alignnone size-full wp-image-720" title="111" src="http://www.webdesigndev.com/wp-content/uploads/2009/05/111.png" alt="111" width="542" height="140" /></a></p>
<p style="text-align: center;"><span style="color: #888888;">* * * * *</span></p>
<h3>Understanding RBG</h3>
<p><img class="alignnone size-full wp-image-721" title="121" src="http://www.webdesigndev.com/wp-content/uploads/2009/05/121.png" alt="121" width="542" height="140" /></p>
<p style="text-align: center;"><span style="color: #888888;">* * * * *</span></p>
<h3>Colour a Black and White Photo</h3>
<p><a href="http://www.photoshopnerds.com/colorizing-a-black-and-white-photograph.htm" target="_blank"><img class="alignnone size-full wp-image-722" title="131" src="http://www.webdesigndev.com/wp-content/uploads/2009/05/131.png" alt="131" width="542" height="140" /></a></p>
<p style="text-align: center;"><span style="color: #888888;">* * * * *</span></p>
<h3>Colourizing Tutotorial</h3>
<p><a href="http://www.pure-graphics.org/page.php?id=81" target="_blank"><img class="alignnone size-full wp-image-723" title="141" src="http://www.webdesigndev.com/wp-content/uploads/2009/05/141.png" alt="141" width="542" height="140" /></a></p>
<p style="text-align: center;"><span style="color: #888888;">* * * * *</span></p>
<h3>Photoshop Duo Tones</h3>
<p><a href="http://tutorials.lombergar.com/quick_view_at_duotones.html" target="_blank"><img class="alignnone size-full wp-image-724" title="151" src="http://www.webdesigndev.com/wp-content/uploads/2009/05/151.png" alt="151" width="542" height="140" /></a></p>
<p style="text-align: center;"><span style="color: #888888;">* * * * *</span></p>
<h3>Understanding Greyscale</h3>
<p><a href="http://www.13dots.com/forum/index.php?showtopic=6228" target="_blank"><img class="alignnone size-full wp-image-725" title="161" src="http://www.webdesigndev.com/wp-content/uploads/2009/05/161.png" alt="161" width="542" height="140" /></a></p>
<p style="text-align: center;"><span style="color: #888888;">* * * * *</span></p>
<h3>Colouring Renders</h3>
<p><a href="http://thedobofdob.deviantart.com/art/Colouring-Renders-15089139" target="_blank"><img class="alignnone size-full wp-image-726" title="171" src="http://www.webdesigndev.com/wp-content/uploads/2009/05/171.png" alt="171" width="542" height="140" /></a></p>
<p style="text-align: center;"><span style="color: #888888;">* * * * *</span></p>
<h3>Discover Colour Reproduction</h3>
<p><img class="alignnone size-full wp-image-727" title="18" src="http://www.webdesigndev.com/wp-content/uploads/2009/05/18.png" alt="18" width="542" height="140" /></p>
<p style="text-align: center;"><span style="color: #888888;">* * * * *</span></p>
<h3>Customizing Colours</h3>
<p><a href="http://www.stealthdesignz.com/index2.php?page=photoshop/customride" target="_blank"><img class="alignnone size-full wp-image-728" title="19" src="http://www.webdesigndev.com/wp-content/uploads/2009/05/19.png" alt="19" width="542" height="140" /></a></p>
<p style="text-align: center;"><span style="color: #888888;">* * * * *</span></p>
<h3>Colour Tint Variations</h3>
<p><a href="http://www.dwphotoshop.com/photoshop/tint_variations.php" target="_blank"><img class="alignnone size-full wp-image-729" title="20" src="http://www.webdesigndev.com/wp-content/uploads/2009/05/20.png" alt="20" width="542" height="140" /></a></p>
<div style='clear:both'></div>]]></content:encoded>
			<wfw:commentRss>http://www.webdesigndev.com/photoshop/top-20-colour-application-photoshop-tutorials/feed</wfw:commentRss>
		<slash:comments>9</slash:comments>
		</item>
		<item>
		<title>Top 30 Photoshop Web Design Layout Tutorials</title>
		<link>http://www.webdesigndev.com/roundups/top-30-photoshop-web-design-layout-tutorials</link>
		<comments>http://www.webdesigndev.com/roundups/top-30-photoshop-web-design-layout-tutorials#comments</comments>
		<pubDate>Tue, 05 May 2009 14:55:59 +0000</pubDate>
		<dc:creator>Web Design</dc:creator>
				<category><![CDATA[Roundups]]></category>
		<category><![CDATA[Beautiful Photoshop Layouts]]></category>
		<category><![CDATA[Free Design Layout Tutorials]]></category>
		<category><![CDATA[Free Layout Tutorials]]></category>
		<category><![CDATA[Free Photoshop Layouts]]></category>
		<category><![CDATA[Layout Tutorials]]></category>
		<category><![CDATA[Photoshop Layout Tutorials]]></category>
		<category><![CDATA[Photoshop Template Tutorials]]></category>
		<category><![CDATA[Top 30 Photoshop Layouts]]></category>
		<category><![CDATA[Top Design Layouts]]></category>
		<category><![CDATA[Top Photoshop Tutorials]]></category>
		<category><![CDATA[Web Design Layout Tutorials]]></category>
		<category><![CDATA[Web Design Tutorials]]></category>

		<guid isPermaLink="false">http://www.webdesigndev.com/?p=385</guid>
		<description><![CDATA[I have picked out some of the best Photoshop layout tutorials, and mashed them together into a nice and tidy compilation. There are blog design layouts, portfolio layouts, and simply beautiful layout tutorials. Enjoy!]]></description>
			<content:encoded><![CDATA[<p>I have picked out some of the best Photoshop layout tutorials, and mashed them together into a nice and tidy compilation. There are blog design layouts, portfolio layouts, and simply beautiful layout tutorials. Enjoy!</p>
<h3><strong>Design Lab TV Layout</strong></h3>
<p>This layout has a really nice looking design. It uses nice vibrant colours, and has some nice effects.</p>
<p><a href="http://psdvibe.com/2009/03/04/design-lab-tv-styled-layout/" target="_blank"><img class="alignnone size-full wp-image-387" title="110" src="http://www.webdesigndev.com/wp-content/uploads/2009/05/110.jpg" alt="110" width="542" height="140" /></a></p>
<p style="text-align: center;"><span style="color: #888888;">* * * * *</span></p>
<h3><strong>Sleek Modern Portfolio Layout</strong></h3>
<p>I love the colours used with this layout. Its very simple and sleek.</p>
<p><a href="http://www.grafpedia.com/tutorials/sleek-modern-portfolio-layout" target="_blank"><img class="alignnone size-full wp-image-388" title="210" src="http://www.webdesigndev.com/wp-content/uploads/2009/05/210.jpg" alt="210" width="542" height="140" /></a></p>
<p style="text-align: center;"><span style="color: #888888;">* * * * *</span></p>
<h3><strong>Beautiful Elegant Blog Layout</strong></h3>
<p>This layout reminds me of a coffee shop, with the range of warm colours it uses.</p>
<p><a href="http://psdtemplate.com/psd-tutorials/make-an-elegant-blog-layout-in-photoshop.html" target="_blank"><img class="alignnone size-full wp-image-389" title="31" src="http://www.webdesigndev.com/wp-content/uploads/2009/05/31.jpg" alt="31" width="542" height="140" /></a></p>
<p style="text-align: center;"><span style="color: #888888;">* * * * *</span></p>
<h3><strong>Lush Blog Layout</strong></h3>
<p>This layout has a very nice menu, and you could customize the colours and the top header for your own site.</p>
<p><a href="http://monstertuts.com/elegant-website-layout/" target="_blank"><img class="alignnone size-full wp-image-390" title="41" src="http://www.webdesigndev.com/wp-content/uploads/2009/05/41.jpg" alt="41" width="542" height="140" /></a></p>
<p style="text-align: center;"><span style="color: #888888;">* * * * *</span></p>
<h3><strong>Business WordPress PSD Layout</strong></h3>
<p>The layout of this web design tutorial is really nice. Its a very clean and simple design.</p>
<p><a href="http://www.grafpedia.com/tutorials/create-business-wordpress-psd-layout" target="_blank"><img class="alignnone size-full wp-image-391" title="51" src="http://www.webdesigndev.com/wp-content/uploads/2009/05/51.jpg" alt="51" width="542" height="140" /></a></p>
<p style="text-align: center;"><span style="color: #888888;">* * * * *</span></p>
<h3><strong>Simple Video Blog Layout</strong></h3>
<p>This layout uses beautiful colours, and has a very simple design. It also features nice top buttons which include twitter, rss and also the contact us button. You could also add other social networking buttons such as facebook, or digg etc.</p>
<p><a href="http://hv-designs.co.uk/2009/04/10/simplistic-video-blog-layout/" target="_blank"><img class="alignnone size-full wp-image-392" title="61" src="http://www.webdesigndev.com/wp-content/uploads/2009/05/61.jpg" alt="61" width="542" height="140" /></a></p>
<p style="text-align: center;"><span style="color: #888888;">* * * * *</span></p>
<h3><strong>Nifty Dark Hosting Layout</strong></h3>
<p>Everything about this hosting template is customizable. And the colour scheme it uses is really nifty.</p>
<p><a href="http://www.grafpedia.com/tutorials/create-professional-dark-web-hosting-layout" target="_blank"><img class="alignnone size-full wp-image-393" title="71" src="http://www.webdesigndev.com/wp-content/uploads/2009/05/71.jpg" alt="71" width="542" height="140" /></a></p>
<p style="text-align: center;"><span style="color: #888888;">* * * * *</span></p>
<h3><strong>Web 2.0 Business Layout</strong></h3>
<p>Combining orange, grey and white has a really nice effect to it. And this is an awesome business layout.</p>
<p><a href="http://www.grafpedia.com/tutorials/create-web-20-business-layout" target="_blank"><img class="alignnone size-full wp-image-394" title="81" src="http://www.webdesigndev.com/wp-content/uploads/2009/05/81.jpg" alt="81" width="542" height="140" /></a></p>
<p style="text-align: center;"><span style="color: #888888;">* * * * *</span></p>
<h3><strong>Graphic Design Studio Layout</strong></h3>
<p>The streaky background to this layout design has an outstanding effect to it. I love the glass header and rounded corners aswell. Worth checking out.</p>
<p><a href="http://www.grafpedia.com/tutorials/graphic-design-studio-web-layout" target="_blank"><img class="alignnone size-full wp-image-395" title="91" src="http://www.webdesigndev.com/wp-content/uploads/2009/05/91.jpg" alt="91" width="542" height="140" /></a></p>
<p style="text-align: center;"><span style="color: #888888;">* * * * *</span></p>
<h3><strong>Wood Style Photoshop Layout</strong></h3>
<p>The woodwork in the header of this template, gives it a real natural feel, and i think the gray and orange go well together.</p>
<p><a href="http://hv-designs.co.uk/2009/03/24/web-design-layout-9/" target="_blank"><img class="alignnone size-full wp-image-396" title="101" src="http://www.webdesigndev.com/wp-content/uploads/2009/05/101.jpg" alt="101" width="542" height="140" /></a></p>
<p style="text-align: center;"><span style="color: #888888;">* * * * *</span></p>
<h3><strong>Typography Based Layout</strong></h3>
<p>This is a very different design, but is very appealing. This tutorial will teach you how to make it.</p>
<p><img class="alignnone size-full wp-image-397" title="111" src="http://www.webdesigndev.com/wp-content/uploads/2009/05/111.jpg" alt="111" width="542" height="140" /></p>
<p style="text-align: center;"><span style="color: #888888;">* * * * *</span></p>
<h3><strong>Blue WordPress Style Layout</strong></h3>
<p>This layout, comes with a nice sidebar which you can have many 125px ads on, and also is very editable.</p>
<p><a href="http://psdvibe.com/2009/03/22/myblues-wordpress-style-layout/" target="_blank"><img class="alignnone size-full wp-image-398" title="121" src="http://www.webdesigndev.com/wp-content/uploads/2009/05/121.jpg" alt="121" width="542" height="140" /></a></p>
<p style="text-align: center;"><span style="color: #888888;">* * * * *</span></p>
<h3><strong>Sleek and Beautiful Design</strong></h3>
<p>Learn how to create something this beautiful using Photoshop.</p>
<p><img class="alignnone size-full wp-image-399" title="131" src="http://www.webdesigndev.com/wp-content/uploads/2009/05/131.jpg" alt="131" width="542" height="140" /></p>
<p style="text-align: center;"><span style="color: #888888;">* * * * *</span></p>
<h3><strong>Dark Car Layout</strong></h3>
<p>The white, black and red go very well when it comes to websites. I love this layout! Just click the image below to view the tutorial.</p>
<p><a href="http://hv-designs.co.uk/2009/03/17/car-layout-4/" target="_blank"><img class="alignnone size-full wp-image-400" title="141" src="http://www.webdesigndev.com/wp-content/uploads/2009/05/141.jpg" alt="141" width="542" height="140" /></a></p>
<p style="text-align: center;"><span style="color: #888888;">* * * * *</span></p>
<h3><strong>Chocolate Pro WordPress Layout</strong></h3>
<p>This layout makes me feel like in looking at a chocolate bar. Really nice effect.</p>
<p><a href="http://psdvibe.com/2009/02/08/chocolate-pro-wordpress-style-layout/" target="_blank"><img class="alignnone size-full wp-image-401" title="151" src="http://www.webdesigndev.com/wp-content/uploads/2009/05/151.jpg" alt="151" width="542" height="140" /></a></p>
<div id="in_post_ad_middle_1" style="margin: 5px;padding: 0px;"><a href="http://www.wix.com/amazingwebsites/editoreasy?utm_campaign=af_webdesigndev.com&experiment_id=af_webdesigndev.com1middlepostnewLP" target="_blank" rel="nofollow">
<img src="http://www.webdesigndev.com/expressions_website3.gif" width="300" height="250" alt="create a free website" /></a></div><p style="text-align: center;"><span style="color: #888888;">* * * * *</span></p>
<h3><strong>Elegant Photoshop PSD Layout</strong></h3>
<p>The suit just makes this layout. Its worth checking out, and you could learn a thing or two extra if you are a Photoshop whiz.</p>
<p><a href="http://psdtemplate.com/psd-tutorials/create-an-elegant-photoshop-psd-template-for-wordpress.html" target="_blank"><img class="alignnone size-full wp-image-402" title="161" src="http://www.webdesigndev.com/wp-content/uploads/2009/05/161.jpg" alt="161" width="542" height="140" /></a></p>
<p style="text-align: center;"><span style="color: #888888;">* * * * *</span></p>
<h3><strong>Sleek Real Estate Photoshop Layout</strong></h3>
<p>Drop dead gorgeous real estate layout tutorial. You could customize this to the max, and still keep the colours.</p>
<p><a href="http://psdfan.com/tutorials/designing/design-a-sleek-real-estate-website/" target="_blank"><img class="alignnone size-full wp-image-403" title="171" src="http://www.webdesigndev.com/wp-content/uploads/2009/05/171.jpg" alt="171" width="542" height="140" /></a></p>
<p style="text-align: center;"><span style="color: #888888;">* * * * *</span></p>
<h3><strong>Green WordPress Design</strong></h3>
<p>This Photoshop layout gives me the sort of ozone / green feel. Lovely gradients!</p>
<p><a href="http://psdvibe.com/2009/03/02/greenpress-wordpress-theme-design/" target="_blank"><img class="alignnone size-full wp-image-404" title="181" src="http://www.webdesigndev.com/wp-content/uploads/2009/05/181.jpg" alt="181" width="542" height="140" /></a></p>
<p style="text-align: center;"><span style="color: #888888;">* * * * *</span></p>
<h3><strong>Personal Portfolio Vector Style Layout</strong></h3>
<p>Very simple personal portfolio layout. I would recommend this tutorial if you were a newbie to Photoshop.</p>
<p><img class="alignnone size-full wp-image-405" title="191" src="http://www.webdesigndev.com/wp-content/uploads/2009/05/191.jpg" alt="191" width="542" height="140" /></p>
<p style="text-align: center;"><span style="color: #888888;">* * * * *</span></p>
<h3><strong>Simple 2 Column Blog Layout</strong></h3>
<p>I love the range of colours that work very well together in this layout tutorial. This is worth checking out for all types of designers.</p>
<p><a href="http://psdvibe.com/2009/02/03/simple-2-column-blog-layout/" target="_blank"><img class="alignnone size-full wp-image-406" title="201" src="http://www.webdesigndev.com/wp-content/uploads/2009/05/201.jpg" alt="201" width="542" height="140" /></a></p>
<p style="text-align: center;"><span style="color: #888888;">* * * * *</span></p>
<h3><strong>Clean Grunge Blog Design</strong></h3>
<p>I love the messy paper style to this layout tutorial. Makes it look amazing! You could learn an awful lot from checking out this tutorial.</p>
<p><a href="http://psdfan.com/tutorials/designing/making-the-clean-grunge-blog-design/" target="_blank"><img class="alignnone size-full wp-image-407" title="211" src="http://www.webdesigndev.com/wp-content/uploads/2009/05/211.jpg" alt="211" width="542" height="140" /></a></p>
<p style="text-align: center;"><span style="color: #888888;">* * * * *</span></p>
<h3><strong>Funky Web Design Layout</strong></h3>
<p>This is a lovely sunset style layout design. I know its only the background, but the graphics of the actual website are very easily editable, to make it unique.</p>
<p><a href="http://www.flash-game-design.com/tutorials/modern-layout-15-photoshop-tutorial.html" target="_blank"><img class="alignnone size-full wp-image-408" title="221" src="http://www.webdesigndev.com/wp-content/uploads/2009/05/221.jpg" alt="221" width="542" height="140" /></a></p>
<p style="text-align: center;"><span style="color: #888888;">* * * * *</span></p>
<h3><strong>Colourful Web Layout</strong></h3>
<p>The gradient on the header of this makes the layout look really really nice.</p>
<p><a href="http://hv-designs.co.uk/2008/12/18/wordpress-layout-3/" target="_blank"><img class="alignnone size-full wp-image-409" title="231" src="http://www.webdesigndev.com/wp-content/uploads/2009/05/231.jpg" alt="231" width="542" height="140" /></a></p>
<p style="text-align: center;"><span style="color: #888888;">* * * * *</span></p>
<h3><strong>Game Blog Layout</strong></h3>
<p>The slime green colour on this layout really stands out.</p>
<p><a href="http://hv-designs.co.uk/2008/12/15/gaming-layout-4/" target="_blank"><img class="alignnone size-full wp-image-410" title="241" src="http://www.webdesigndev.com/wp-content/uploads/2009/05/241.jpg" alt="241" width="542" height="140" /></a></p>
<p style="text-align: center;"><span style="color: #888888;">* * * * *</span></p>
<h3><strong>Simple Hosting Layout</strong></h3>
<p>This layout is really nice if you own a small hosting company. Its a good place to lay the foundations, and then edit all the graphics as you go along to make it unique.</p>
<p><a href="http://www.freedivs.com/tutorials/Hosting%20Template/" target="_blank"><img class="alignnone size-full wp-image-411" title="251" src="http://www.webdesigndev.com/wp-content/uploads/2009/05/251.jpg" alt="251" width="542" height="140" /></a></p>
<p style="text-align: center;"><span style="color: #888888;">* * * * *</span></p>
<h3><strong>Paper Texture Web Layout</strong></h3>
<p>This has a very messy / clean aspect to it. I like how they work so well together.</p>
<p><a href="http://psd.tutsplus.com/tutorials/interface-tutorials/photoshop-paper-texture-from-scratch-then-create-a-grungy-web-design-with-it/" target="_blank"><img class="alignnone size-full wp-image-412" title="261" src="http://www.webdesigndev.com/wp-content/uploads/2009/05/261.jpg" alt="261" width="542" height="140" /></a></p>
<p style="text-align: center;"><span style="color: #888888;">* * * * *</span></p>
<h3><strong>Nice Purple Design Studio Layout</strong></h3>
<p>This is a very web 2.0 layout tutorial. The gradients on the buttons go well with the very clean and simple header.</p>
<p><a href="http://hv-designs.co.uk/2008/11/24/design-studio-layout-2/" target="_blank"><img class="alignnone size-full wp-image-413" title="271" src="http://www.webdesigndev.com/wp-content/uploads/2009/05/271.jpg" alt="271" width="542" height="140" /></a></p>
<p style="text-align: center;"><span style="color: #888888;">* * * * *</span></p>
<h3><strong>Interior Design Layout</strong></h3>
<p>The pink really makes this layout design stand out. I would really recommend looking at this design layout tutorial.</p>
<p><a href="http://hv-designs.co.uk/2008/10/26/interior-design-layout/" target="_blank"><img class="alignnone size-full wp-image-414" title="281" src="http://www.webdesigndev.com/wp-content/uploads/2009/05/281.jpg" alt="281" width="542" height="140" /></a></p>
<p style="text-align: center;"><span style="color: #888888;">* * * * *</span></p>
<h3><strong>Eco Theme Layout</strong></h3>
<p>This has the words green / eco friendly all over it. The green, gray and white go extremely well together.</p>
<p><a href="http://psdnewsbox.com/2008/10/16/tutorial-eco-theme-template/" target="_blank"><img class="alignnone size-full wp-image-415" title="291" src="http://www.webdesigndev.com/wp-content/uploads/2009/05/291.jpg" alt="291" width="542" height="140" /></a></p>
<p style="text-align: center;"><span style="color: #888888;">* * * * *</span></p>
<h3><strong>Personal Portfolio Layout</strong></h3>
<p>This is really good if you are starting up freelance design, and need a quick layout to showcase your work. You can edit many of the graphics to make your portfolio unique.</p>
<p><a href="http://hv-designs.co.uk/2008/10/03/personal-portfolio-layout-2/" target="_blank"><img class="alignnone size-full wp-image-416" title="301" src="http://www.webdesigndev.com/wp-content/uploads/2009/05/301.jpg" alt="301" width="542" height="140" /></a></p>
<div style='clear:both'></div>]]></content:encoded>
			<wfw:commentRss>http://www.webdesigndev.com/roundups/top-30-photoshop-web-design-layout-tutorials/feed</wfw:commentRss>
		<slash:comments>29</slash:comments>
		</item>
	</channel>
</rss>

<!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

Minified using disk: basic (Feed is rejected)
Page Caching using disk: basic
Object Caching 487/526 objects using disk: basic

Served from: www.webdesigndev.com @ 2012-02-13 01:07:41 -->
