<?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 Instruct &#187; Web Design</title>
	<atom:link href="http://designinstruct.com/category/web-design/feed/" rel="self" type="application/rss+xml" />
	<link>http://designinstruct.com</link>
	<description>Photoshop, Illustrator, Graphic Design Tutorials</description>
	<lastBuildDate>Mon, 30 Jan 2012 11:00:53 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.1</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Create a Light Textured Web Design in Photoshop</title>
		<link>http://designinstruct.com/web-design/create-a-light-textured-web-design-in-photoshop/</link>
		<comments>http://designinstruct.com/web-design/create-a-light-textured-web-design-in-photoshop/#comments</comments>
		<pubDate>Wed, 28 Sep 2011 10:00:37 +0000</pubDate>
		<dc:creator>Ionut Ciursa</dc:creator>
				<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://designinstruct.com/?p=1668</guid>
		<description><![CDATA[In this web design tutorial, we'll be creating a light textured web page layout. I will show you how apply subtle textures in web layouts, how to create a seamless diagonal mosaic pattern and how to create a tabbed content area design for the "Services" section.]]></description>
		<wfw:commentRss>http://designinstruct.com/web-design/create-a-light-textured-web-design-in-photoshop/feed/</wfw:commentRss>
		<slash:comments>41</slash:comments>
		</item>
		<item>
		<title>Create a Modern Lab Theme Web Design in Photoshop</title>
		<link>http://designinstruct.com/web-design/create-a-modern-lab-theme-web-design-in-photoshop/</link>
		<comments>http://designinstruct.com/web-design/create-a-modern-lab-theme-web-design-in-photoshop/#comments</comments>
		<pubDate>Wed, 27 Apr 2011 10:00:53 +0000</pubDate>
		<dc:creator>Ionut Ciursa</dc:creator>
				<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://designinstruct.com/?p=1406</guid>
		<description><![CDATA[In this web design tutorial I will show you how to create a web layout with a sleek and modern look using Adobe Photoshop. We will go from finding sources of inspiration to setting up the document in Photoshop and creating design elements that fit with the theme of the web layout. I will also give you some practical examples of how using smart objects in a web design project can improve your workflow and save you some time.]]></description>
		<wfw:commentRss>http://designinstruct.com/web-design/create-a-modern-lab-theme-web-design-in-photoshop/feed/</wfw:commentRss>
		<slash:comments>15</slash:comments>
		</item>
		<item>
		<title>Design a Slick Modern Pricing Table UI in Photoshop</title>
		<link>http://designinstruct.com/web-design/design-a-slick-modern-pricing-table-ui-in-photoshop/</link>
		<comments>http://designinstruct.com/web-design/design-a-slick-modern-pricing-table-ui-in-photoshop/#comments</comments>
		<pubDate>Thu, 07 Apr 2011 10:00:38 +0000</pubDate>
		<dc:creator>Lax Papineni</dc:creator>
				<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://designinstruct.com/?p=1362</guid>
		<description><![CDATA[In this quick web design/user interface tutorial, I'm going to show you how to design a modern pricing table using Photoshop. Pricing tables can be frequently seen in subscription-based web apps (SaaS). We'll be using various tools like the Horizontal Type Tool and Rounded Rectangle Tool to get the job done. I'll show you how to create popular effects associated with current web design trends such as a modern web button.]]></description>
		<wfw:commentRss>http://designinstruct.com/web-design/design-a-slick-modern-pricing-table-ui-in-photoshop/feed/</wfw:commentRss>
		<slash:comments>23</slash:comments>
		</item>
		<item>
		<title>Create a Slick Video Player UI in Photoshop</title>
		<link>http://designinstruct.com/web-design/create-a-slick-video-player-ui-in-photoshop/</link>
		<comments>http://designinstruct.com/web-design/create-a-slick-video-player-ui-in-photoshop/#comments</comments>
		<pubDate>Wed, 16 Mar 2011 11:58:57 +0000</pubDate>
		<dc:creator>Lax Papineni</dc:creator>
				<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://designinstruct.com/?p=1323</guid>
		<description><![CDATA[In this Photoshop tutorial, I'm going to show you how to build a clean and sleek streaming video player user interface. Along the way, you'll learn some popular effects and techniques often used in modern web design. We'll use tools like the Rectangular Marquee Tool, Horizontal Type Tool and Rounded Rectangle Tool and we will work with layer styles, which gives us flexibility.]]></description>
		<wfw:commentRss>http://designinstruct.com/web-design/create-a-slick-video-player-ui-in-photoshop/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>Design a Textured &#8220;Coming Soon&#8221; Web Page in Photoshop</title>
		<link>http://designinstruct.com/web-design/design-a-textured-coming-soon-web-page-in-photoshop/</link>
		<comments>http://designinstruct.com/web-design/design-a-textured-coming-soon-web-page-in-photoshop/#comments</comments>
		<pubDate>Wed, 05 Jan 2011 11:10:30 +0000</pubDate>
		<dc:creator>Tomas Laurinavicius</dc:creator>
				<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://designinstruct.com/?p=1183</guid>
		<description><![CDATA[This web design tutorial will show you how to make a simple "coming soon" web page that has a nice background texture and a slick web form that you can easily adapt into contact forms, newsletter signup pages, and more. You will witness several web design techniques such as creating textured backgrounds, creating light rays, making illustrative clouds, and more.]]></description>
		<wfw:commentRss>http://designinstruct.com/web-design/design-a-textured-coming-soon-web-page-in-photoshop/feed/</wfw:commentRss>
		<slash:comments>23</slash:comments>
		</item>
		<item>
		<title>Create an Extremely Simple Dark Web Design in Photoshop</title>
		<link>http://designinstruct.com/web-design/create-an-extremely-simple-dark-web-design-in-photoshop/</link>
		<comments>http://designinstruct.com/web-design/create-an-extremely-simple-dark-web-design-in-photoshop/#comments</comments>
		<pubDate>Tue, 28 Dec 2010 16:00:25 +0000</pubDate>
		<dc:creator>Richard Carpenter</dc:creator>
				<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://designinstruct.com/?p=1163</guid>
		<description><![CDATA[This Photoshop web design tutorial will walk you through the process of making a clean, modern, dark-themed website layout from scratch. The layout features an almost pitch-black color theme with some bright, glowing elements for contrast.]]></description>
		<wfw:commentRss>http://designinstruct.com/web-design/create-an-extremely-simple-dark-web-design-in-photoshop/feed/</wfw:commentRss>
		<slash:comments>17</slash:comments>
		</item>
		<item>
		<title>Make a Simple and Modern Web UI Button in Photoshop</title>
		<link>http://designinstruct.com/web-design/make-a-simple-and-modern-web-ui-button-in-photoshop/</link>
		<comments>http://designinstruct.com/web-design/make-a-simple-and-modern-web-ui-button-in-photoshop/#comments</comments>
		<pubDate>Fri, 24 Dec 2010 15:00:47 +0000</pubDate>
		<dc:creator>Jacob Gube</dc:creator>
				<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://designinstruct.com/?p=1153</guid>
		<description><![CDATA[This beginner-level web/user interface design tutorial will walk you through the creation of a popular style of buttons that can be used in a variety of situations, such as in call-to-actions, common user tasks such as submitting a web form, and buying products from your e-store. In addition to the creation of the graphic in Photoshop, we will go over the HTML and CSS needed in order to make the design fully functional.]]></description>
		<wfw:commentRss>http://designinstruct.com/web-design/make-a-simple-and-modern-web-ui-button-in-photoshop/feed/</wfw:commentRss>
		<slash:comments>58</slash:comments>
		</item>
		<item>
		<title>Code a Vibrant Professional Web Design with HTML5/CSS3</title>
		<link>http://designinstruct.com/web-design/code-a-vibrant-professional-web-design-with-html5css3/</link>
		<comments>http://designinstruct.com/web-design/code-a-vibrant-professional-web-design-with-html5css3/#comments</comments>
		<pubDate>Fri, 10 Dec 2010 10:00:27 +0000</pubDate>
		<dc:creator>Roy Del Rosario</dc:creator>
				<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://designinstruct.com/?p=1109</guid>
		<description><![CDATA[In this second part of this web design tutorial series, we will convert the <a href="http://designinstruct.com/web-design/create-a-vibrant-professional-web-design-in-photoshop/">vibrant and professional design</a> we designed in Part 1. We will use HTML5 and CSS3, as a proof of concept and as a way for you to learn these upcoming W3C standards through practice. We will also use the 960 Grid System to speed up development time.]]></description>
		<wfw:commentRss>http://designinstruct.com/web-design/code-a-vibrant-professional-web-design-with-html5css3/feed/</wfw:commentRss>
		<slash:comments>31</slash:comments>
		</item>
		<item>
		<title>Create a Vibrant Professional Web Design in Photoshop</title>
		<link>http://designinstruct.com/web-design/create-a-vibrant-professional-web-design-in-photoshop/</link>
		<comments>http://designinstruct.com/web-design/create-a-vibrant-professional-web-design-in-photoshop/#comments</comments>
		<pubDate>Wed, 08 Dec 2010 11:00:12 +0000</pubDate>
		<dc:creator>Roy Del Rosario</dc:creator>
				<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://designinstruct.com/?p=1095</guid>
		<description><![CDATA[Developing a workflow that lets you create web layouts quickly and easily while still satisfying your clients' needs is crucial. In this Photoshop web design tutorial, I'll show you a way to create a slick home page layout in the fastest time possible and with minimum web design skills. Let's go! ]]></description>
		<wfw:commentRss>http://designinstruct.com/web-design/create-a-vibrant-professional-web-design-in-photoshop/feed/</wfw:commentRss>
		<slash:comments>18</slash:comments>
		</item>
		<item>
		<title>Create an Elegant Patterned Web Design in Photoshop</title>
		<link>http://designinstruct.com/web-design/create-an-elegant-patterned-web-design-in-photoshop/</link>
		<comments>http://designinstruct.com/web-design/create-an-elegant-patterned-web-design-in-photoshop/#comments</comments>
		<pubDate>Tue, 30 Nov 2010 11:00:07 +0000</pubDate>
		<dc:creator>Eric Hoffman</dc:creator>
				<category><![CDATA[Web Design]]></category>

		<guid isPermaLink="false">http://designinstruct.com/?p=1074</guid>
		<description><![CDATA[In this Photoshop web design tutorial, we will create a simple and elegant web layout of a portfolio site. We will create and use patterns throughout the design to give it that extra bit of class. We'll use a variety of techniques, including creating patterned drop shadows, applying highlights with the Brush Tool, creating a basic button for the navigation bar, and more.]]></description>
		<wfw:commentRss>http://designinstruct.com/web-design/create-an-elegant-patterned-web-design-in-photoshop/feed/</wfw:commentRss>
		<slash:comments>46</slash:comments>
		</item>
	</channel>
</rss>

