<?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>Design Manchester &#124; Web design blog &#187; Photoshop</title>
	<atom:link href="http://www.design-manchester.co.uk/web-design-blog/category/tutorials/photoshop/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.design-manchester.co.uk/web-design-blog</link>
	<description>Web Design and Technology Blog</description>
	<lastBuildDate>Thu, 12 May 2011 18:26:25 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>Free Photoshop template for web design</title>
		<link>http://www.design-manchester.co.uk/web-design-blog/free-resources/free-photoshop-template-for-web-design/</link>
		<comments>http://www.design-manchester.co.uk/web-design-blog/free-resources/free-photoshop-template-for-web-design/#comments</comments>
		<pubDate>Mon, 14 Sep 2009 22:38:52 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Free Resources]]></category>
		<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[Web design]]></category>

		<guid isPermaLink="false">http://www.design-manchester.co.uk/web-design-blog/?p=34</guid>
		<description><![CDATA[<div id="attachment_36" class="wp-caption alignnone" style="width: 680px"><img class="size-full wp-image-36" title="Post header for a free photoshop template file" src="http://www.design-manchester.co.uk/web-design-blog/wp-content/uploads/2009/09/Photoshop-PSD-grid-wireframe.jpg" alt="Free photoshop template file" width="670" height="225" /><p class="wp-caption-text">Free photoshop template file</p></div>
<p>I have found it extremely useful when <a href="http://www.design-manchester.co.uk/freelance-website-design.php">designing for the web</a> to use a <a rel="nofollow" href="http://960.gs/" target="_blank">960 12 column grid</a>. I also find it very useful using the folder structure from a Photoshop file post on <a href="http://www.webdesignerdepot.com/2009/08/how-to-effectively-organize-your-photoshop-layers/">webdesignerdepot.com</a>. So I decided to combine them both and created this <a href="http://www.design-manchester.co.uk/web-design-blog/wp-content/uploads/2009/09/Wireframe-template-grid.psd">Free Photoshop file</a> to use as a basis file for my <a href="http://www.design-manchester.co.uk/freelance-website-design.php" target="_blank">website design</a>.</p>
<p><a href="http://www.design-manchester.co.uk/web-design-blog/free-resources/free-photoshop-template-for-web-design/" class="more-link">Read more on Free Photoshop template for web design&#8230;</a></p>
]]></description>
			<content:encoded><![CDATA[<div id="attachment_36" class="wp-caption alignnone" style="width: 680px"><img class="size-full wp-image-36" title="Post header for a free photoshop template file" src="http://www.design-manchester.co.uk/web-design-blog/wp-content/uploads/2009/09/Photoshop-PSD-grid-wireframe.jpg" alt="Free photoshop template file" width="670" height="225" /><p class="wp-caption-text">Free photoshop template file</p></div>
<p>I have found it extremely useful when <a href="http://www.design-manchester.co.uk/freelance-website-design.php">designing for the web</a> to use a <a rel="nofollow" href="http://960.gs/" target="_blank">960 12 column grid</a>. I also find it very useful using the folder structure from a Photoshop file post on <a href="http://www.webdesignerdepot.com/2009/08/how-to-effectively-organize-your-photoshop-layers/">webdesignerdepot.com</a>. So I decided to combine them both and created this <a href="http://www.design-manchester.co.uk/web-design-blog/wp-content/uploads/2009/09/Wireframe-template-grid.psd">Free Photoshop file</a> to use as a basis file for my <a href="http://www.design-manchester.co.uk/freelance-website-design.php" target="_blank">website design</a>.</p>
<p>The image below shows the structured layers palette in photoshop.</p>
<p><a href="http://www.design-manchester.co.uk/web-design-blog/wp-content/uploads/2009/09/LayerStructure.png"><img class="alignnone size-full wp-image-154" title="Photoshop Layer Structure" src="http://www.design-manchester.co.uk/web-design-blog/wp-content/uploads/2009/09/LayerStructure.png" alt="Layered structure of a photoshop file for web design" width="353" height="455" /></a></p>
<p>I hope you find this useful and I&#8217;d be interested to hear any feedback or suggestions.</p>
<p>Click here to download <a href="http://www.design-manchester.co.uk/web-design-blog/wp-content/uploads/2009/09/Wireframe-template-grid.psd">Free Photoshop file</a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.design-manchester.co.uk/web-design-blog/free-resources/free-photoshop-template-for-web-design/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
	</channel>
</rss>

