<?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>PSD Lounge &#187; Design</title>
	<atom:link href="http://psdlounge.com/category/tutorials/design/feed/" rel="self" type="application/rss+xml" />
	<link>http://psdlounge.com</link>
	<description>Photoshop Tutorials</description>
	<lastBuildDate>Mon, 15 Jun 2009 05:45:09 +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>Zipper Design</title>
		<link>http://psdlounge.com/tutorials/design/zipper-design/</link>
		<comments>http://psdlounge.com/tutorials/design/zipper-design/#comments</comments>
		<pubDate>Sat, 13 Sep 2008 23:57:26 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Design]]></category>

		<guid isPermaLink="false">http://www.psdlounge.com/?p=21</guid>
		<description><![CDATA[In this tutorial, you are going to learn how to make a zipper from scratch using various tools.]]></description>
			<content:encoded><![CDATA[<h3>Step 1:</h3>
<p>Let&#8217;s start out by creating a new file, I used a 500&#215;400 pixels canvas with a white background set at 72dpi. Now choose your Rounded Rectangle Tool, above your screen under the options palette select &#8216;Fill Pixels&#8217;, 6 px radius and check anti-aliased. In a new layer draw a black rounded rectangle with 23 x 130 px dimensions, if you want a longer zipper add your own height settings. Then cut the top corners on the rounded rectangle.</p>
<p class="tutimg"><img src="http://www.psdlounge.com/images/tutorials/zipper/1.gif" alt="" /></p>
<h3>Step 2:</h3>
<p>Make a new layer set and name it &#8216;Zipper&#8217;. In a new layer draw a very small rectangle with a line pointing out inside the black rounded rectangle. This shape will be the pattern for the zipper.</p>
<p class="tutimg"><img src="http://www.psdlounge.com/images/tutorials/zipper/2.gif" alt="" /></p>
<h3>Step 3:</h3>
<p>Under Layer Style(Layer &gt; Layer Style) add a Gradient Overlay blending option to the zipper pattern layer.</p>
<p class="tutimg"><img src="http://www.psdlounge.com/images/tutorials/zipper/3b.gif" alt="" /></p>
<p>Result:</p>
<p class="tutimg"><img src="http://www.psdlounge.com/images/tutorials/zipper/3.gif" alt="" /></p>
<h3>Step 4:</h3>
<p>Make 2 copies of the zipper pattern layer, stack them as shown below. Your &#8216;Zipper&#8217; layer set should now have 3 zipper pattern layers.</p>
<p class="tutimg"><img src="http://www.psdlounge.com/images/tutorials/zipper/4.gif" alt="" /></p>
<h3>Step 5:</h3>
<p>Now complete your zipper by adding the same pattern shapes Flipped Horizontal separated from each other, the fastest way to complete the zipper set is by duplicating your &#8216;Zipper&#8217; layer set instead of the pattern layer.</p>
<p class="tutimg"><img src="http://www.psdlounge.com/images/tutorials/zipper/5.gif" alt="" /></p>
<h3>Step 6:</h3>
<p>If you want a close zipper just make both zipper pattern on each sides touching.</p>
<p class="tutimg"><img src="http://www.psdlounge.com/images/tutorials/zipper/6.gif" alt="" /></p>
<h3>Results:</h3>
<p>Zipper Design.</p>
<p class="tutimg"><img src="http://www.psdlounge.com/images/tutorials/zipper/Result.jpg" alt="" /></p>
<p class="psdbutton"><a href="http://www.psdlounge.com/images/tutorials/zipper/sample.zip"><img src="http://www.psdlounge.com/images/button_psd.jpg" alt="" width="200" height="70" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://psdlounge.com/tutorials/design/zipper-design/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Designing an Advanced Orb</title>
		<link>http://psdlounge.com/tutorials/design/advanced-orb/</link>
		<comments>http://psdlounge.com/tutorials/design/advanced-orb/#comments</comments>
		<pubDate>Sat, 12 Jul 2008 10:59:50 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Design]]></category>

		<guid isPermaLink="false">http://www.psdlounge.com/?p=12</guid>
		<description><![CDATA[In this tutorial, I'll be teaching you how to make an advanced orb using a number of different shine effects, layer styles and marquee tools.]]></description>
			<content:encoded><![CDATA[<h3>Step 1</h3>
<p>Firstly, we need to create a new document (File &gt; New) and the size I&#8217;ve chosen to use is 500 by 400 pixels. Fill the background layer with a radial gradient using a light (#343434) and dark (#202020) grey. To do this, select the gradient tool and set it to radial, set the foreground colour to #343434 and the background colour to #202020, left click in the top left corner and drag to the bottom right corner and release.</p>
<p class="tutimg"><img src="http://www.psdlounge.com/images/tutorials/advanced-orb/step1.jpg" alt="" /></p>
<h3>Step 2</h3>
<p>Create a new layer (Layer &gt; New &gt; Layer) and using the elliptical marquee make a circular selection of 250 by 250 pixels in the center of the document. Fill this selection with a radial gradient from a light to a dark blue &#8211; I&#8217;ve used the PSDLounge colours #2d7fb7 and #004e8e.</p>
<p class="tutimg"><img src="http://www.psdlounge.com/images/tutorials/advanced-orb/step2.jpg" alt="" /></p>
<h3>Step 3</h3>
<p>We&#8217;ll now be adding a couple of layer styles to this base of the orb.</p>
<p>Layer &gt; Layer Styles &gt; Outer Glow</p>
<p class="tutimg"><img src="http://www.psdlounge.com/images/tutorials/advanced-orb/step3a.jpg" alt="" /></p>
<p>Layer &gt; Layer Styles &gt; Stroke</p>
<p class="tutimg"><img src="http://www.psdlounge.com/images/tutorials/advanced-orb/step3b.jpg" alt="" /></p>
<p>Now your orb should be looking something like this.</p>
<p class="tutimg"><img src="http://www.psdlounge.com/images/tutorials/advanced-orb/step3c.jpg" alt="" /></p>
<h3>Step 4</h3>
<p>Next up, we&#8217;ll be adding three highlights to the orb (each on a seperate layer). Select the area of the orb (Ctrl + Click layer) and fill with a radial gradient from white to transparent at the bottom right using the gradient tool.</p>
<p class="tutimg"><img src="http://www.psdlounge.com/images/tutorials/advanced-orb/step4a.jpg" alt="" /></p>
<p>Set the blend mode to overlay and lower the opacity to 80%.</p>
<p class="tutimg"><img src="http://www.psdlounge.com/images/tutorials/advanced-orb/step4b.jpg" alt="" /></p>
<h3>Step 5</h3>
<p>The second highlight that we&#8217;ll be applying to the orb is on the left, so do the same as the last step but this time make the gradient a bit smaller and down to the left &#8211; this is just going to be a subtle highlight.</p>
<p class="tutimg"><img src="http://www.psdlounge.com/images/tutorials/advanced-orb/step5a.jpg" alt="" /></p>
<p>Set the blend mode to soft light.</p>
<p class="tutimg"><img src="http://www.psdlounge.com/images/tutorials/advanced-orb/step5b.jpg" alt="" /></p>
<h3>Step 6</h3>
<p>Select the elliptical marquee and make a selection at the top of the orb (5 pixels down from the top) and fill with a radial gradient from white to transparent (left click at the top and drag to the bottom of the selection but not right to the bottom so that then it has a smooth edge on the bottom and not the top).</p>
<p class="tutimg"><img src="http://www.psdlounge.com/images/tutorials/advanced-orb/step6a.jpg" alt="" /></p>
<p>Set the blend mode of this last highlight layer to overlay.</p>
<p class="tutimg"><img src="http://www.psdlounge.com/images/tutorials/advanced-orb/step6b.jpg" alt="" /></p>
<p>I&#8217;ve also repeated this and lowered the new layer to 50% opacity.</p>
<p class="tutimg"><img src="http://www.psdlounge.com/images/tutorials/advanced-orb/step6c.jpg" alt="" /></p>
<h3>Step 7</h3>
<p>Now we are going to be adding a shine effect to the orb. Select the area of the orb base again and go Select &gt; Modify &gt; Contract by 5 pixels. Fill the selection with a linear gradient from white to transparent.</p>
<p class="tutimg"><img src="http://www.psdlounge.com/images/tutorials/advanced-orb/step7a.jpg" alt="" /></p>
<p>Set the blend mdoe to soft light and the opacity of the layer to 20%.</p>
<p class="tutimg"><img src="http://www.psdlounge.com/images/tutorials/advanced-orb/step7b.jpg" alt="" /></p>
<h3>Step 8</h3>
<p>Next up, we&#8217;re going to be adding some texture to the orb &#8211; I&#8217;ve done this by adding in an abstract brush and lowered the opacity so it is barely visible. The blend mode I have used for the brush layer is overlay and the opacity is 10%.</p>
<p class="tutimg"><img src="http://www.psdlounge.com/images/tutorials/advanced-orb/step8.jpg" alt="" /></p>
<h3>Step 9</h3>
<p>Lastly, we&#8217;re going to be adding in some text &#8211; maybe you&#8217;ll want to add a symbol or logo (might be a bit more interesting). I&#8217;ve just added an outer glow (dark blue) and gradient overlay (grey to white) to the white text layer.</p>
<p class="tutimg"><img src="http://www.psdlounge.com/images/tutorials/advanced-orb/step9.jpg" alt="" /></p>
<p>And there you have it, an advanced orb. Hopefully you&#8217;ve learnt a thing or two about shine effects.</p>
<p class="psdbutton"><a href="http://www.psdlounge.com/images/tutorials/advanced-orb/sample.zip"><img src="http://www.psdlounge.com/images/button_psd.jpg" alt="" width="200" height="70" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://psdlounge.com/tutorials/design/advanced-orb/feed/</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
	</channel>
</rss>
