<?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; The Top Web Design Tutorials</title>
	<atom:link href="http://www.webdesigndev.com/tag/the-top-web-design-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 30 Photoshop Tutorials of 2009</title>
		<link>http://www.webdesigndev.com/roundups/top-30-photoshop-tutorials-of-2009</link>
		<comments>http://www.webdesigndev.com/roundups/top-30-photoshop-tutorials-of-2009#comments</comments>
		<pubDate>Mon, 02 Nov 2009 11:37:18 +0000</pubDate>
		<dc:creator>Web Design</dc:creator>
				<category><![CDATA[Roundups]]></category>
		<category><![CDATA[30 Of The Best Tutorials]]></category>
		<category><![CDATA[Best Photoshop Tutorials]]></category>
		<category><![CDATA[Best Tutorials Of 2009]]></category>
		<category><![CDATA[Photoshop Web Design Layouts]]></category>
		<category><![CDATA[The Top Web Design Tutorials]]></category>
		<category><![CDATA[Top 30 Photoshop Tutorials Of 2009]]></category>
		<category><![CDATA[Top Tutorials 2009]]></category>
		<category><![CDATA[Tutorial Compilation]]></category>
		<category><![CDATA[Tutorial Showcase]]></category>

		<guid isPermaLink="false">http://www.webdesigndev.com/?p=3969</guid>
		<description><![CDATA[With only 2 months left of 2009, and the year coming to a close very soon, I thought it would be a good idea to showcase a list of the top 30 Photoshop tutorials of 2009. These tutorials are perfect for both beginners, and advanced Photoshop designers wanting to learn a few more tips.]]></description>
			<content:encoded><![CDATA[<p>With only 2 months left of 2009, and the year coming to a close very soon, I thought it would be a good idea to showcase a list of the top 30 Photoshop tutorials of 2009. These tutorials are perfect for both beginners, and advanced Photoshop designers wanting to learn a few more tips.</p>
<p>Of course the top 30 listed here are my opinion, but if you think that some other tutorials deserved to make the list, or you want to tell us what you think of the list, then feel free to drop in a comment below to this post. We would love to hear what you think of our selection of the top 30.</p>
<h3>Boxed Art Web Design Tutorial</h3>
<p>Learn how to make this really swish website design using PhotoShop.</p>
<p><a href="http://blog.boxedart.com/network-updates/boxedart/how-it-was-made-boxedart-website-design-tutorial/" target="_blank"><img class="alignnone size-full wp-image-3972" title="1" src="http://www.webdesigndev.com/wp-content/uploads/2009/10/160.jpg" alt="1" width="674" height="255" /></a></p>
<p style="text-align: center;"><span style="color: #888888;">* * * * *</span></p>
<h3>Abstract Glowing Tutorial</h3>
<p>Here is a tutorial that teaches you how to create this beautiful abstract glowing object.</p>
<p><a href="http://www.adobetutorialz.com/articles/30970084/1/Abstract-Glowing-Background" target="_blank"><img class="alignnone size-full wp-image-3973" title="2" src="http://www.webdesigndev.com/wp-content/uploads/2009/10/228.jpg" alt="2" width="674" height="295" /></a></p>
<p style="text-align: center;"><span style="color: #888888;">* * * * *</span></p>
<h3>Texture Layer Blending</h3>
<p>Learn how to blend textures with photos in PhotoShop.</p>
<p><a href="http://adamwignall.wordpress.com/2009/09/22/texture-layer-blending/" target="_blank"><img class="alignnone size-full wp-image-3974" title="3" src="http://www.webdesigndev.com/wp-content/uploads/2009/10/315.jpg" alt="3" width="674" height="200" /></a></p>
<p style="text-align: center;"><span style="color: #888888;">* * * * *</span></p>
<h3>Magazine WordPress Theme</h3>
<p>Create a magazine styled WordPress theme from the grounds up using PhotoShop.</p>
<p><a href="http://www.adobetutorialz.com/articles/30970078/1/Create-a-Magazine-Wordpress-Theme-from-Scratch-in-Photoshop" target="_blank"><img class="alignnone size-full wp-image-3975" title="4" src="http://www.webdesigndev.com/wp-content/uploads/2009/10/415.jpg" alt="4" width="674" height="231" /></a></p>
<p style="text-align: center;"><span style="color: #888888;">* * * * *</span></p>
<h3>Sleek Web Portfolio</h3>
<p>Learn how to create this bright colored web portfolio in PhotoShop.</p>
<p><a href="http://www.grafpedia.com/tutorials/design-simple-sleek-web-portfolio" target="_blank"><img class="alignnone size-full wp-image-3976" title="5" src="http://www.webdesigndev.com/wp-content/uploads/2009/10/515.jpg" alt="5" width="674" height="265" /></a></p>
<p style="text-align: center;"><span style="color: #888888;">* * * * *</span></p>
<h3>Movie Sunset</h3>
<p>Ever wondered how to create a movie styled sunset? This tutorial will teach you how to do so using Adobe Photoshop and this beautiful photo of Sydney.</p>
<p><a href="http://free-web-design.co.cc/movie-like-sunset-in-photoshop-tutorial.html" target="_blank"><img class="alignnone size-full wp-image-3977" title="6" src="http://www.webdesigndev.com/wp-content/uploads/2009/10/615.jpg" alt="6" width="674" height="308" /></a></p>
<p style="text-align: center;"><span style="color: #888888;">* * * * *</span></p>
<h3>Light Effect Basics</h3>
<p>This tutorial will teach you the basics of using light effects in Adobe Photoshop.</p>
<p><a href="http://tutorialfreakz.com/light-effect-basics/" target="_blank"><img class="alignnone size-full wp-image-3978" title="7" src="http://www.webdesigndev.com/wp-content/uploads/2009/10/715.jpg" alt="7" width="674" height="414" /></a></p>
<p style="text-align: center;"><span style="color: #888888;">* * * * *</span></p>
<h3>Floral Text Wallpaper</h3>
<p>Learn how to create this beautiful text effect on a desktop wallpaper in Photoshop.</p>
<p><a href="http://www.psdrockstar.com/text-effects/floral-text-wallpaper/" target="_blank"><img class="alignnone size-full wp-image-3979" title="8" src="http://www.webdesigndev.com/wp-content/uploads/2009/10/815.jpg" alt="8" width="674" height="268" /></a></p>
<p style="text-align: center;"><span style="color: #888888;">* * * * *</span></p>
<h3>Creative Design Studio Layout</h3>
<p>Grafpedia teaches us how to create a classy and beautiful design studio layout in Adobe Photoshop.</p>
<p><a href="http://www.grafpedia.com/tutorials/design-creative-design-studio-layout" target="_blank"><img class="alignnone size-full wp-image-3980" title="9" src="http://www.webdesigndev.com/wp-content/uploads/2009/10/915.jpg" alt="9" width="674" height="230" /></a></p>
<p style="text-align: center;"><span style="color: #888888;">* * * * *</span></p>
<h3>Animal King Photo Manipulation</h3>
<p>Tutorial 9 have provided us with another awesome tutorial. This time learn how to photo manipulate a photo of an lion and turn him into a king.</p>
<p><a href="http://www.tutorial9.net/photoshop/creative-photoshop-animal-king-photo-manipulation-tutorial/" target="_blank"><img class="alignnone size-full wp-image-3981" title="10" src="http://www.webdesigndev.com/wp-content/uploads/2009/10/1015.jpg" alt="10" width="674" height="292" /></a></p>
<p style="text-align: center;"><span style="color: #888888;">* * * * *</span></p>
<h3>Splattered Vector</h3>
<p>Learn how to create a splattered vector image in Photoshop. This looks awesome!</p>
<p><a href="http://psd.tutsplus.com/tutorials/drawing/splattered-vector-and-photography-mash-up/" target="_blank"><img class="alignnone size-full wp-image-4017" title="11" src="http://www.webdesigndev.com/wp-content/uploads/2009/11/11.jpg" alt="11" width="674" height="374" /></a></p>
<p style="text-align: center;"><span style="color: #888888;">* * * * *</span></p>
<h3>High Flying Snowboard Illustration</h3>
<p>PSD Tuts+ teaches us how to create a high flying snowboard illustration. I think many of us could learn some awesome effects from this tutorial.</p>
<p><a href="http://psd.tutsplus.com/tutorials/tutorials-effects/create-a-high-flying-snowboard-illustration/" target="_blank"><img class="alignnone size-full wp-image-4018" title="12" src="http://www.webdesigndev.com/wp-content/uploads/2009/11/12.jpg" alt="12" width="674" height="250" /></a></p>
<p style="text-align: center;"><span style="color: #888888;">* * * * *</span></p>
<h3>Website Header</h3>
<p>Create a header for a design website purely in Photoshop.</p>
<p><a href="http://www.psdeluxe.com/tutorials/web-layouts/create-header-for-designer-website.html" target="_blank"><img class="alignnone size-full wp-image-4019" title="13" src="http://www.webdesigndev.com/wp-content/uploads/2009/11/13.jpg" alt="13" width="674" height="186" /></a></p>
<p style="text-align: center;"><span style="color: #888888;">* * * * *</span></p>
<h3>Typographic Retro Space Face</h3>
<p>PSD Tuts teaches us how to create a very colourful retro space face in Photoshop.</p>
<p><a href="http://psd.tutsplus.com/tutorials/text-effects-tutorials/how-to-make-a-typographic-retro-space-face/" target="_blank"><img class="alignnone size-full wp-image-4020" title="14" src="http://www.webdesigndev.com/wp-content/uploads/2009/11/14.jpg" alt="14" width="674" height="226" /></a></p>
<p style="text-align: center;"><span style="color: #888888;">* * * * *</span></p>
<h3>Blog Layout</h3>
<p>Learn how to create a simple 2 column blog layout with PSD Vibe.</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><a href="http://psdvibe.com/2009/02/03/simple-2-column-blog-layout/" target="_blank"><img class="alignnone size-full wp-image-4021" title="15" src="http://www.webdesigndev.com/wp-content/uploads/2009/11/15.jpg" alt="15" width="674" height="203" /></a></p>
<p style="text-align: center;"><span style="color: #888888;">* * * * *</span></p>
<h3>Print Brochure</h3>
<p>PSD Tuts+ teaches us how to create a ready to print brochure that can be customized for practically anything.</p>
<p><a href="http://psd.tutsplus.com/tutorials/designing-tutorials/design-a-ready-to-print-brochure-in-photoshop/" target="_blank"><img class="alignnone size-full wp-image-4022" title="16" src="http://www.webdesigndev.com/wp-content/uploads/2009/11/16.jpg" alt="16" width="674" height="297" /></a></p>
<p style="text-align: center;"><span style="color: #888888;">* * * * *</span></p>
<h3>Web Layout</h3>
<p>Tutorial9 has an awesome tutorial on how to create a colourful corporate website layout design in Photoshop.</p>
<p><a href="http://www.tutorial9.net/photoshop/create-a-clean-and-colorful-web-layout-in-photoshop/" target="_blank"><img class="alignnone size-full wp-image-4023" title="17" src="http://www.webdesigndev.com/wp-content/uploads/2009/11/17.jpg" alt="17" width="674" height="292" /></a></p>
<p style="text-align: center;"><span style="color: #888888;">* * * * *</span></p>
<h3>Introduction To The Type Tool</h3>
<p>Here is an awesome tutorial / guide on how to use the type tool in Photoshop.</p>
<p><a href="http://psd.tutsplus.com/tutorials/tools-tips/a-comprehensive-introduction-to-the-type-tool/" target="_blank"><img class="alignnone size-full wp-image-4024" title="18" src="http://www.webdesigndev.com/wp-content/uploads/2009/11/18.jpg" alt="18" width="674" height="280" /></a></p>
<p style="text-align: center;"><span style="color: #888888;">* * * * *</span></p>
<h3>Fake 3D In Photoshop</h3>
<p>Learn how to create a fake 3D poster in Photoshop with WebDesignerMag.</p>
<p><a href="http://www.webdesignermag.co.uk/tutorials/fake-3d-in-photoshop/" target="_blank"><img class="alignnone size-full wp-image-4025" title="19" src="http://www.webdesigndev.com/wp-content/uploads/2009/11/19.jpg" alt="19" width="674" height="298" /></a></p>
<p style="text-align: center;"><span style="color: #888888;">* * * * *</span></p>
<h3>Apply Textures To Uneven Surfaces</h3>
<p>Here is a really great tutorial that will teach you how to apply textures to uneven and different surfaces.</p>
<p><a href="http://psd.tutsplus.com/tutorials/photo-effects-tutorials/how-to-apply-textures-to-uneven-surfaces/" target="_blank"><img class="alignnone size-full wp-image-4026" title="20" src="http://www.webdesigndev.com/wp-content/uploads/2009/11/20.jpg" alt="20" width="674" height="305" /></a></p>
<p style="text-align: center;"><span style="color: #888888;">* * * * *</span></p>
<h3>Abstract Floral Illustration</h3>
<p>Tutorial 9 teaches us how to create an abstract floral explosion illustration using Photoshop.</p>
<p><a href="http://www.tutorial9.net/photoshop/how-to-create-an-abstract-floral-explosion-in-photoshop/" target="_blank"><img class="alignnone size-full wp-image-4027" title="21" src="http://www.webdesigndev.com/wp-content/uploads/2009/11/21.jpg" alt="21" width="674" height="292" /></a></p>
<p style="text-align: center;"><span style="color: #888888;">* * * * *</span></p>
<h3>Enhance Photos With A Pen Tablet</h3>
<p>This tutorial will teach you how to enhance photos using a pen tablet in Photoshop.</p>
<p><a href="http://psd.tutsplus.com/tutorials/photo-effects-tutorials/how-to-enhance-photos-with-a-pen-tablet/" target="_blank"><img class="alignnone size-full wp-image-4028" title="22" src="http://www.webdesigndev.com/wp-content/uploads/2009/11/22.jpg" alt="22" width="674" height="309" /></a></p>
<p style="text-align: center;"><span style="color: #888888;">* * * * *</span></p>
<h3>Furious Pink Panther Poster</h3>
<p>GoMediaZine have written an amazing tutorial on how to design a furious pink panther poster.</p>
<p><a href="http://www.gomediazine.com/tutorials/create-furious-pink-panther-poster/" target="_blank"><img class="alignnone size-full wp-image-4030" title="23" src="http://www.webdesigndev.com/wp-content/uploads/2009/11/23.jpg" alt="23" width="674" height="381" /></a></p>
<p style="text-align: center;"><span style="color: #888888;">* * * * *</span></p>
<h3>Typographic Wallpaper</h3>
<p>Tutorial9 yet again has another perfect tutorial. This time you can learn how to create a typographic wallpaper in Photoshop that you can use for your desktop wallpaper. This looks so nice!</p>
<p><a href="http://www.tutorial9.net/photoshop/creating-a-typographic-wallpaper/" target="_blank"><img class="alignnone size-full wp-image-4031" title="24" src="http://www.webdesigndev.com/wp-content/uploads/2009/11/24.jpg" alt="24" width="674" height="292" /></a></p>
<p style="text-align: center;"><span style="color: #888888;">* * * * *</span></p>
<h3>Vintage Traveler Diary</h3>
<p>Abduzeedo has a top tutorial over at his blog that teaches people how to create a vintage traveler diary using Photoshop. This looks very realistic too!</p>
<p><a href="http://abduzeedo.com/reader-tutorial-create-vintage-traveler-diary-photoshop" target="_blank"><img class="alignnone size-full wp-image-4032" title="25" src="http://www.webdesigndev.com/wp-content/uploads/2009/11/25.jpg" alt="25" width="674" height="322" /></a></p>
<p style="text-align: center;"><span style="color: #888888;">* * * * *</span></p>
<h3>Diamond Advertisement Poster</h3>
<p>Learn how to create a diamond advertising poster in Photoshop, that consists of many cool and interesting effects.</p>
<p><a href="http://www.tutorial9.net/photoshop/create-an-amazing-diamond-advertisement-poster-in-photoshop/" target="_blank"><img class="alignnone size-full wp-image-4033" title="26" src="http://www.webdesigndev.com/wp-content/uploads/2009/11/26.jpg" alt="26" width="674" height="306" /></a></p>
<p style="text-align: center;"><span style="color: #888888;">* * * * *</span></p>
<h3>The Warrior Angel</h3>
<p>Learn how to transform a photo into this beautiful and spectacular warrior angel illustration.</p>
<p><a href="http://www.oweb2.com/the-warrior-angel/" target="_blank"><img class="alignnone size-full wp-image-4034" title="27" src="http://www.webdesigndev.com/wp-content/uploads/2009/11/27.jpg" alt="27" width="674" height="421" /></a></p>
<p style="text-align: center;"><span style="color: #888888;">* * * * *</span></p>
<h3>Calligraphy Text Effect</h3>
<p>Ever wanted to create beautiful and interesting text in Photoshop? Adbuzeedo has wrote us a tutorial that will teach you how to create this awesome calligraphy text effect in Photoshop.</p>
<p><a href="http://abduzeedo.com/shiny-caligraphy-text-effect-photoshop" target="_blank"><img class="alignnone size-full wp-image-4035" title="28" src="http://www.webdesigndev.com/wp-content/uploads/2009/11/28.jpg" alt="28" width="674" height="255" /></a></p>
<p style="text-align: center;"><span style="color: #888888;">* * * * *</span></p>
<h3>Five Looks, One Layout</h3>
<p>PSD Tuts+ have created a tutorial on how to alter the same web layout 5 times to create different and interesting designs.</p>
<p><a href="http://psdtuts.com/tutorials/interface-tutorials/five-looks-one-layout-how-to-develop-a-library-of-web-design-styles-at-your-fingertips/" target="_blank"><img class="alignnone size-full wp-image-4036" title="29" src="http://www.webdesigndev.com/wp-content/uploads/2009/11/29.jpg" alt="29" width="674" height="254" /></a></p>
<p style="text-align: center;"><span style="color: #888888;">* * * * *</span></p>
<h3>Firefish</h3>
<p>Looks like famous browser needs a new mascot. Learn how to create a fish version of the FireFox.</p>
<p><a href="http://www.tutorial9.net/photoshop/firefish-photoshop-tutorial/" target="_blank"><img class="alignnone size-full wp-image-4037" title="30" src="http://www.webdesigndev.com/wp-content/uploads/2009/11/30.jpg" alt="30" width="674" height="292" /></a></p>
<div style='clear:both'></div>]]></content:encoded>
			<wfw:commentRss>http://www.webdesigndev.com/roundups/top-30-photoshop-tutorials-of-2009/feed</wfw:commentRss>
		<slash:comments>23</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 403/452 objects using disk: basic

Served from: www.webdesigndev.com @ 2012-02-13 04:33:51 -->
