<?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>DeviseFunction - Tutorials and Resources &#187; Photoshop</title>
	<atom:link href="http://devisefunction.com/category/design/photoshop-design/feed/" rel="self" type="application/rss+xml" />
	<link>http://devisefunction.com</link>
	<description>Just another WordPress weblog</description>
	<lastBuildDate>Sun, 29 Apr 2012 00:09:14 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Fresh Web Design Tutorials using Photoshop</title>
		<link>http://devisefunction.com/2010/05/19/fresh-web-design-tutorials-using-photoshop/</link>
		<comments>http://devisefunction.com/2010/05/19/fresh-web-design-tutorials-using-photoshop/#comments</comments>
		<pubDate>Wed, 19 May 2010 05:02:04 +0000</pubDate>
		<dc:creator>Matthew Heidenreich</dc:creator>
				<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[collections]]></category>
		<category><![CDATA[Tutorials]]></category>

		<guid isPermaLink="false">http://devisefunction.com/?p=1911</guid>
		<description><![CDATA[A little while back we showed you the <a href="http://devisefunction.com/2010/02/26/22-fresh-web-design-tutorials-using-photoshop-for-2010/">latest web design tutorials for 2010</a>.  Today we are sharing with you a collection of 16 more tutorials on creating a website design using Adobe Photoshop.  ]]></description>
			<content:encoded><![CDATA[<h3>Create a Beautiful Vibrant Watercolor Web Layout</h3>
<p><a href="http://desizntech.info/2010/04/create-a-beautiful-vibrant-watercolor-web-layout/"><img class="alignnone size-full wp-image-1914" title="Create a Beautiful Vibrant Watercolor Web Layout" src="http://devisefunction.com/wp-content/uploads/2010/05/1.jpg" alt="" width="610" height="300" /></a></p>
<h3>Create a Bright and Sleek Web Design in Photoshop</h3>
<p><a href="http://designinstruct.com/web-design/create-a-bright-and-sleek-web-design-in-photoshop/"><img class="alignnone size-full wp-image-1915" title="Create a Bright and Sleek Web Design in Photoshop" src="http://devisefunction.com/wp-content/uploads/2010/05/2.jpg" alt="" width="610" height="300" /></a></p>
<h3>Create a business web layout in Photoshop</h3>
<p><a href="http://trendytuts.com/psd-tutorials/business-web-layout-photoshop.html"><img class="alignnone size-full wp-image-1916" title="Create a business web layout in Photoshop" src="http://devisefunction.com/wp-content/uploads/2010/05/3.jpg" alt="" width="610" height="300" /></a></p>
<h3>Create a business web template</h3>
<p><a href="http://www.grafpedia.com/tutorials/create-business-web-template"><img class="alignnone size-full wp-image-1917" title="Create a business web template" src="http://devisefunction.com/wp-content/uploads/2010/05/4.jpg" alt="" width="610" height="300" /></a></p>
<h3>Create a classy web template in Photoshop</h3>
<p><a href="http://trendytuts.com/psd-tutorials/classy-web-template-in-photoshop.html"><img class="alignnone size-full wp-image-1918" title="Create a classy web template in Photoshop" src="http://devisefunction.com/wp-content/uploads/2010/05/5.jpg" alt="" width="610" height="300" /></a></p>
<h3>Create a Clean and Classy Web Design in Photoshop</h3>
<p><a href="http://designinstruct.com/web-design/clean-classy-web-design-photoshop/"><img class="alignnone size-full wp-image-1919" title="Create a Clean and Classy Web Design in Photoshop" src="http://devisefunction.com/wp-content/uploads/2010/05/6.jpg" alt="" width="610" height="300" /></a></p>
<h3>Create a Clean and Modern Web Design in Photoshop</h3>
<p><a href="http://designinstruct.com/web-design/create-a-clean-and-modern-web-design-in-photoshop/"><img class="alignnone size-full wp-image-1920" title="Create a Clean and Modern Web Design in Photoshop" src="http://devisefunction.com/wp-content/uploads/2010/05/7.jpg" alt="" width="610" height="300" /></a></p>
<h3>Create a Racing Website</h3>
<p><a href="http://www.denisdesigns.com/blog/2010/03/create-a-racing-website/"><img class="alignnone size-full wp-image-1921" title="Create a Racing Website" src="http://devisefunction.com/wp-content/uploads/2010/05/8.jpg" alt="" width="610" height="300" /></a></p>
<h3>Design a dark business layout</h3>
<p><a href="http://www.grafpedia.com/tutorials/design-dark-business-layout"><img class="alignnone size-full wp-image-1922" title="Design a dark business layout" src="http://devisefunction.com/wp-content/uploads/2010/05/9.jpg" alt="" width="610" height="300" /></a></p>
<h3>Design a Modern Portfolio Web Layout in Photoshop</h3>
<p><a href="http://designinstruct.com/web-design/design-a-modern-portfolio-web-layout-in-photoshop/"><img class="alignnone size-full wp-image-1923" title="Design a Modern Portfolio Web Layout in Photoshop" src="http://devisefunction.com/wp-content/uploads/2010/05/10.jpg" alt="" width="610" height="300" /></a></p>
<h3>How to create a clean blue web layout using Photoshop</h3>
<p><a href="http://www.grafpedia.com/tutorials/create-clean-blue-web-layout-photoshop"><img class="alignnone size-full wp-image-1924" title="How to create a clean blue web layout using Photoshop" src="http://devisefunction.com/wp-content/uploads/2010/05/11.jpg" alt="" width="610" height="300" /></a></p>
<h3>How To Create a Rockin’ Website Layout In Photoshop</h3>
<p><a href="http://spyrestudios.com/rockin-website-layout-in-photoshop/"><img class="alignnone size-full wp-image-1925" title="How To Create a Rockin’ Website Layout In Photoshop " src="http://devisefunction.com/wp-content/uploads/2010/05/12.jpg" alt="" width="610" height="300" /></a></p>
<h3>How to create a web hosting layout</h3>
<p><a href="http://www.grafpedia.com/tutorials/create-web-hosting-layout"><img class="alignnone size-full wp-image-1926" title="How to create a web hosting layout" src="http://devisefunction.com/wp-content/uploads/2010/05/13.jpg" alt="" width="610" height="300" /></a></p>
<h3>Learn how to create a software layout</h3>
<p><a href="http://hv-designs.co.uk/2010/04/20/learn-how-to-create-a-software-layout-6/"><img class="alignnone size-full wp-image-1927" title="Learn how to create a software layout" src="http://devisefunction.com/wp-content/uploads/2010/05/14.jpg" alt="" width="610" height="300" /></a></p>
<h3>Make a Dark Blog Web Design Layout with Photoshop</h3>
<p><a href="http://designinstruct.com/web-design/make-a-dark-blog-web-design-layout-with-photoshop/"><img class="alignnone size-full wp-image-1928" title="Make a Dark Blog Web Design Layout with Photoshop" src="http://devisefunction.com/wp-content/uploads/2010/05/15.jpg" alt="" width="610" height="300" /></a></p>
<h3>Portfolio web layout #2 in Photoshop</h3>
<p><a href="http://trendytuts.com/psd-tutorials/portfolio-web-layout-2-in-photoshop.html"><img class="alignnone size-full wp-image-1929" title="Portfolio web layout #2 in Photoshop" src="http://devisefunction.com/wp-content/uploads/2010/05/16.jpg" alt="" width="610" height="300" /></a></p>
<p>Join online <a href="http://www.testking.com/70-433.htm">70-433</a> web designing course to pass <a href="http://www.testking.com/70-294.htm">70-294</a> exam. Get latest photoshop tutorials and design guides by <a href="http://www.testking.com">test king</a> to learn web designing in your own way.</p>
]]></content:encoded>
			<wfw:commentRss>http://devisefunction.com/2010/05/19/fresh-web-design-tutorials-using-photoshop/feed/</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
		<item>
		<title>22 Fresh Web Design Tutorials using Photoshop for 2010</title>
		<link>http://devisefunction.com/2010/02/26/22-fresh-web-design-tutorials-using-photoshop-for-2010/</link>
		<comments>http://devisefunction.com/2010/02/26/22-fresh-web-design-tutorials-using-photoshop-for-2010/#comments</comments>
		<pubDate>Fri, 26 Feb 2010 06:00:31 +0000</pubDate>
		<dc:creator>Matthew Heidenreich</dc:creator>
				<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[layouts]]></category>
		<category><![CDATA[roundup]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[web design]]></category>

		<guid isPermaLink="false">http://devisefunction.com/?p=775</guid>
		<description><![CDATA[Believe it or not Devise Function isn't the only site out there providing quality web design tutorials for Photoshop.  I have compiled a list of 22 of the latest web design tutorials released in 2010.]]></description>
			<content:encoded><![CDATA[<p><a href="http://hv-designs.co.uk/2010/01/03/learn-how-to-create-a-sleek-professional-portfolio-layout/"><img class="alignnone size-full wp-image-777" style="padding: 7px;" title="1" src="http://devisefunction.com/wp-content/uploads/2010/02/114.jpg" alt="" width="610" height="300" /></a></p>
<p><strong>Portfolio Layout #12</strong></p>
<p>Hello everybody, hope you all had a nice christmas and new year. The  tutorial to start 2010 is a portfolio layout with a green theme, the  layout features some nice styling and 3D elements.</p>
<p><a href="http://hv-designs.co.uk/2010/01/19/learn-how-to-create-a-3d-style-web-layout/"><img class="alignnone size-full wp-image-778" style="padding: 7px;" title="2" src="http://devisefunction.com/wp-content/uploads/2010/02/214.jpg" alt="" width="610" height="300" /></a></p>
<p><strong>Creative 3D Layout</strong></p>
<p>Good evening ladies, gents, boys and girls. Welcome to another tutorial  from hv-designs, today il be showing you how to make a creative 3D  layout. The layout features a sleek navigation inspired by the mac and  has a nice subtle look with subtle grey colors.</p>
<p><a href="http://www.psdbase.com/create-a-clean-cobolt-blue-wordpress-layout/"><img class="alignnone size-full wp-image-779" style="padding: 7px;" title="3" src="http://devisefunction.com/wp-content/uploads/2010/02/314.jpg" alt="" width="610" height="300" /></a></p>
<p><strong>Create A Clean Cobalt Blue Wordpress Layout</strong></p>
<p>In this tutorial we will Create A Clean Cobalt Blue Wordpress Layout,  this layout teaches you how to create clean looking effects in the  easiest way possible</p>
<p><a href="http://www.psdbase.com/create-a-fantastic-gallery-theme/"><img class="alignnone size-full wp-image-780" style="padding: 7px;" title="4" src="http://devisefunction.com/wp-content/uploads/2010/02/413.jpg" alt="" width="610" height="300" /></a></p>
<p><strong>Create a Fantastic Gallery Theme</strong></p>
<p>In this tutorial we will be creating a Fantastic Gallery Layout using  Adobe Photoshop. This tutorial uses lots of blending options to create  effects, as well as the  marquee and shapes tool.</p>
<p><a href="http://line25.com/tutorials/create-a-gnarly-snowboarding-themed-web-design"><img class="alignnone size-full wp-image-781" style="padding: 7px;" title="5" src="http://devisefunction.com/wp-content/uploads/2010/02/512.jpg" alt="" width="610" height="300" /></a></p>
<p><strong>Create a Gnarly Snowboarding Themed Web Design</strong></p>
<p>Get your Photoshop shred on and follow this step by step overview of  building a snowboarding themed website layout. The design we’ll be  creating takes inspiration from the typical style of the snowboarding  culture, with grungy textures and distressed brush marks adding detail  to the design. We’ll start by producing a core grid to base the design  elements on, then use a mix of photography and Photoshop manipulation to  create a concept web design for a fictional brand named ‘Snow Candy’.</p>
<p><a href="http://psd.tutsplus.com/tutorials/interface-tutorials/create-a-grungy-translucent-web-portfolio-design/"><img class="alignnone size-full wp-image-782" style="padding: 7px;" title="6" src="http://devisefunction.com/wp-content/uploads/2010/02/63.jpg" alt="" width="610" height="300" /></a></p>
<p><strong>Create a Grungy, Translucent Web Portfolio Design</strong></p>
<p>Not only have watercolor brush strokes become a popular trend in modern  web design, but so have advanced layers of transparency (or what I call,  translucence). The new <a href="http://envato.com/">Envato</a> design  has received a lot of kudos for using this effect, and this tutorial  will show you how to create a similar effect, while combining it with  other popular web trends.</p>
<p><a href="http://www.grafpedia.com/tutorials/create-hosting-layout-adobe-photoshop"><img class="alignnone size-full wp-image-783" style="padding: 7px;" title="7" src="http://devisefunction.com/wp-content/uploads/2010/02/73.jpg" alt="" width="610" height="300" /></a></p>
<p><strong>Create a Hosting Layout In Adobe Photoshop</strong></p>
<p>If you want to earn some money online a hosting business is always a  good choice. If you have a good design , and some money to promote your  products you can earn some good money with such a business. This layout  can be used for any internet business you have: an ISP provider, a  domain registrar, or even a intranet website.</p>
<p>Today I will show you one more time how to design a layout for a  hosting company.</p>
<p><a href="http://www.psdbase.com/create-a-killer-chrome-weblayout/"><img class="alignnone size-full wp-image-784" style="padding: 7px;" title="8" src="http://devisefunction.com/wp-content/uploads/2010/02/83.jpg" alt="" width="610" height="300" /></a></p>
<p><strong>Create A Killer Chrome Weblayout</strong></p>
<p>In this tutorial I will guide you through the process of creating a real  chrome effect which will be used throughout this template</p>
<p><a href="http://psd.tutsplus.com/tutorials/interface-tutorials/create-a-professional-web-2-0-layout/"><img class="alignnone size-full wp-image-785" style="padding: 7px;" title="9" src="http://devisefunction.com/wp-content/uploads/2010/02/93.jpg" alt="" width="610" height="300" /></a></p>
<p><strong>Create a Professional Web 2.0 Layout</strong></p>
<p>In this Photoshop tutorial we&#8217;re going to learn how to create a web 2.0  layout, As we go through the tutorial we&#8217;ll deal with so many Photoshop  techniques. Seems kind of long? that&#8217;s because it&#8217;s very detailed. I  assure you&#8217;ll find easy to follow and to get done, just give it a try!</p>
<p><a href="http://www.grafpedia.com/tutorials/create-simple-layout-architecture-real-estate"><img class="alignnone size-full wp-image-786" style="padding: 7px;" title="10" src="http://devisefunction.com/wp-content/uploads/2010/02/103.jpg" alt="" width="610" height="300" /></a></p>
<p><strong>Create a simple layout for architecture or real estate</strong></p>
<p>Today I will show you how to create a simple layout for architecture  business.</p>
<p><a href="http://www.grafpedia.com/tutorials/create-simple-attractive-web-layout"><img class="alignnone size-full wp-image-787" style="padding: 7px;" title="11" src="http://devisefunction.com/wp-content/uploads/2010/02/115.jpg" alt="" width="610" height="300" /></a></p>
<p><strong>Create a simple yet attractive web layout</strong></p>
<p>Hello my friends. In this tutorial I will show you how easy is to create  a dark  layout for your business in just a few steps.</p>
<p><a href="http://www.psdbase.com/create-a-sleek-portfolio-layout/"><img class="alignnone size-full wp-image-788" style="padding: 7px;" title="12" src="http://devisefunction.com/wp-content/uploads/2010/02/123.jpg" alt="" width="610" height="300" /></a></p>
<p><strong>Create a Sleek Portfolio Layout</strong></p>
<p>For our first Tutorial here at PSDbase.com we will create a sleek  stunning portfolio layout using Photoshop. I’ll show you the techniques  used to create each effect throughout this layout</p>
<p><a href="http://sixrevisions.com/tutorials/photoshop-tutorials/create-a-slick-and-minimalist-web-layout-in-photoshop/"><img class="alignnone size-full wp-image-789" style="padding: 7px;" title="13" src="http://devisefunction.com/wp-content/uploads/2010/02/133.jpg" alt="" width="610" height="300" /></a></p>
<p><strong>Create a Slick and Minimalist Web Layout in Photoshop</strong></p>
<p>In this Photoshop web design tutorial, we’re going to learn how to create a slick and minimal-looking website layout. We will use the 960 Grid System as a template to make it easy to align the design elements on the layout.</p>
<p><a href="http://www.psdbase.com/create-a-amazing-vibrant-layout/"><img class="alignnone size-full wp-image-790" style="padding: 7px;" title="14" src="http://devisefunction.com/wp-content/uploads/2010/02/143.jpg" alt="" width="610" height="300" /></a></p>
<p><strong>Create An Amazing Vibrant Layout</strong></p>
<p>In this tutorial we will create a amazing vibrant layout. we will use  Filters, layer styles and more to create each effect to achieve the  stunning end result</p>
<p><a href="http://psdfan.com/tutorials/designing/design-a-bold-and-vibrant-portfolio/"><img class="alignnone size-full wp-image-791" style="padding: 7px;" title="15" src="http://devisefunction.com/wp-content/uploads/2010/02/153.jpg" alt="" width="610" height="300" /></a></p>
<p><strong>Design a Bold and Vibrant Portfolio</strong></p>
<p>Learn how to design a bold and vibrant portfolio website, using a  combination of lighting techniques and blending options.</p>
<p><a href="http://www.grafpedia.com/tutorials/design-light-wordpress-theme-photoshop"><img class="alignnone size-full wp-image-792" style="padding: 7px;" title="16" src="http://devisefunction.com/wp-content/uploads/2010/02/163.jpg" alt="" width="610" height="300" /></a></p>
<p><strong>Design a light wordpress theme in photoshop</strong></p>
<p>In this tutorial I will create a new wordpress theme with a web 2.0  look.</p>
<p><a href="http://psdfan.com/tutorials/designing/design-a-sleek-textured-blue-portfolio/"><img class="alignnone size-full wp-image-793" style="padding: 7px;" title="17" src="http://devisefunction.com/wp-content/uploads/2010/02/173.jpg" alt="" width="610" height="300" /></a></p>
<p><strong>Design a Sleek Textured Blue Portfolio</strong></p>
<p>Learn how to design a sleek and textured portfolio web design from  scratch, including guide techniques, sketching/drawing tips and content  placement.</p>
<p><a href="http://www.grafpedia.com/tutorials/design-elegant-rustic-layout-hotels-restaurants"><img class="alignnone size-full wp-image-794" style="padding: 7px;" title="18" src="http://devisefunction.com/wp-content/uploads/2010/02/183.jpg" alt="" width="610" height="300" /></a></p>
<p><strong>Design an elegant rustic layout for hotels or restaurants</strong></p>
<p>Today I will create a layout for a hotel.<br />
This layout will work also if you have site related to the hotel  industry: bed and breakfast, motels, and it will work very good for  restaurants, cafes, pizzerias , bars, wineries layouts, etc.</p>
<p><a href="http://10steps.sg/tutorials/photoshop/designing-sleek-interface-for-a-magazine-portal/"><img class="alignnone size-full wp-image-795" style="padding: 7px;" title="19" src="http://devisefunction.com/wp-content/uploads/2010/02/193.jpg" alt="" width="610" height="300" /></a></p>
<p><strong>Designing Cool Interface for Magazine Portal</strong></p>
<p>We shall go through some basic considerations and plans to take before  we do the actual designing for a Magazine portal. You may find this  tutorial useful for your upcoming projects.</p>
<p><a href="http://www.grafpedia.com/tutorials/create-software-web-layout"><img class="alignnone size-full wp-image-796" style="padding: 7px;" title="20" src="http://devisefunction.com/wp-content/uploads/2010/02/203.jpg" alt="" width="610" height="300" /></a></p>
<p><strong>How to create a software web layout</strong></p>
<p>Today I will create a new dark website layout, where you can sell your  software.</p>
<p><a href="http://designinstruct.com/web-design/how-to-make-a-vibrant-portfolio-web-design-in-photoshop/"><img class="alignnone size-full wp-image-797" style="padding: 7px;" title="21" src="http://devisefunction.com/wp-content/uploads/2010/02/215.jpg" alt="" width="610" height="300" /></a></p>
<p><strong>How to Make a Vibrant Portfolio Web Design in Photoshop</strong></p>
<p>In this web design tutorial, we will create a beautiful and colorful  portfolio layout using Photoshop. I’ll show you many techniques for  creating different things like bended paper corners, dashed lines, image  carousels, 3D bars, and more! I’ll walk you through each step in exact  detail so you won’t be left guessing how to do a certain technique. We  will use the 960 Grid System to create this layout (which I’ll cover at  the start).</p>
<p><a href="http://www.grafpedia.com/tutorials/portfolio-layout-created-jeans-texture"><img class="alignnone size-full wp-image-798" style="padding: 7px;" title="22" src="http://devisefunction.com/wp-content/uploads/2010/02/223.jpg" alt="" width="610" height="300" /></a></p>
<p><strong>Portfolio layout created with jeans texture</strong></p>
<p>If you want to create an eye catching portfolio , then you need to use a  different style. If your portfolio will be unique, then you might be  hired more than other designers. In this tutorial I will show you how to  create a portfolio layout based on a jeans seamless texture.</p>
<p><em>If you have any other quality web design tutorials created this year that I have not mentioned, please share them with us in the comments.</em></p>
<p>Our online <a href="http://www.testking.com/350-018.htm">350-018</a> training program is the best way to learn graphic designing and boost up your creative skills using <a href="http://www.testking.com/646-363.htm">646-363</a> photoshop tutorials and <a href="http://www.testking.com/642-515.htm">642-515</a> design resources.</p>
]]></content:encoded>
			<wfw:commentRss>http://devisefunction.com/2010/02/26/22-fresh-web-design-tutorials-using-photoshop-for-2010/feed/</wfw:commentRss>
		<slash:comments>14</slash:comments>
		</item>
	</channel>
</rss>

