<?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>Photoshop Instructions &#187; Gradient</title>
	<atom:link href="http://www.photoshopinstructions.com/tag/gradient/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.photoshopinstructions.com</link>
	<description>Free Photoshop Tutorials and Instructions. Download plugins, read our free tutorials and play with our online editor!</description>
	<lastBuildDate>Sat, 11 Jun 2011 18:11:42 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.5</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Create an easy party flyer</title>
		<link>http://www.photoshopinstructions.com/create-an-easy-party-flyer/</link>
		<comments>http://www.photoshopinstructions.com/create-an-easy-party-flyer/#comments</comments>
		<pubDate>Mon, 23 May 2011 22:38:46 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Beginner Tutorials]]></category>
		<category><![CDATA[flyer]]></category>
		<category><![CDATA[Gradient]]></category>
		<category><![CDATA[Marquee Tool]]></category>
		<category><![CDATA[Merge Layers]]></category>
		<category><![CDATA[Move Tool]]></category>
		<category><![CDATA[Paint Bucket]]></category>
		<category><![CDATA[Type Tool]]></category>

		<guid isPermaLink="false">http://www.photoshopinstructions.com/?p=924</guid>
		<description><![CDATA[There comes the time when you want to throw the perfect party. It will have everything including fancy drinks, the coolest music, decorations, a theme and a flyer! The last bit is what we ll address with this tutorial. Since this can be an extremely broad theme, we will show an easy and fast way that delivers each&#160;time.
First  decide ...]]></description>
			<content:encoded><![CDATA[<p>There comes the time when you want to throw the perfect party. It will have everything including fancy drinks, the coolest music, decorations, a theme and a flyer! The last bit is what we ll address with this tutorial. Since this can be an extremely broad theme, we will show an easy and fast way that delivers each&nbsp;time.</p>
<p>First  decide on the main theme of your flyer and pic a picture that will do the trick. It can be a beach if its a summer party, a swimming pool, a snowed-up mountain, well you get the idea. We will use a city picture for an urban themed&nbsp;flyer.</p>
<p><a href="http://www.photoshopinstructions.com/wp-content/uploads/2011/05/flyer-1.png"><img src="http://www.photoshopinstructions.com/wp-content/uploads/2011/05/flyer-1-300x187.png" alt="flyer 1" title="flyer 1" width="300" height="187" class="alignnone size-medium wp-image-925" /></a></p>
<p>Start a new project File->New , and set the frame of your flyer to the standard paper size for flyers. Thats 8.5inches in width and 11 inches in&nbsp;height.</p>
<p>Next grab your Paint Bucket Tool and choose black color as background for your new project and create a new&nbsp;layer.</p>
<p><a href="http://www.photoshopinstructions.com/wp-content/uploads/2011/05/flyer-2.png"><img src="http://www.photoshopinstructions.com/wp-content/uploads/2011/05/flyer-2.png" alt="flyer 2" title="flyer 2" width="206" height="136" class="alignnone size-full wp-image-926" /></a></p>
<p>Open your main theme picture if you dont have it open already and by using the Move Tool drug the image into your black&nbsp;flyer.</p>
<p><a href="http://www.photoshopinstructions.com/wp-content/uploads/2011/05/flyer-3.png"><img src="http://www.photoshopinstructions.com/wp-content/uploads/2011/05/flyer-3.png" alt="flyer 3" title="flyer 3" width="70" height="98" class="alignnone size-full wp-image-927" /></a></p>
<p>You will probably notice that the picture does not precisely fit in the flyer&#8217;s canvas. To solve this we will resize the image to fit exactly into the canvas. Hit <span class="caps">CTRL</span>+T (Command on Mac) or Edit->Free Transform to dynamically resize the image by good ol&#8217; clicking and&nbsp;dragging.</p>
<p><a href="http://www.photoshopinstructions.com/wp-content/uploads/2011/05/flyer-4.png"><img src="http://www.photoshopinstructions.com/wp-content/uploads/2011/05/flyer-4.png" alt="flyer 4" title="flyer 4" width="250" height="294" class="alignnone size-full wp-image-928" /></a></p>
<p>Next rearrange your layers by pulling Layer 1 over Layer 2 on your Layers window.<br />
Now we will blend the two layers by using the Gradient&nbsp;Tool.</p>
<p><a href="http://www.photoshopinstructions.com/wp-content/uploads/2011/05/flyer-5.png"><img src="http://www.photoshopinstructions.com/wp-content/uploads/2011/05/flyer-5.png" alt="flyer 5" title="flyer 5" width="148" height="111" class="alignnone size-full wp-image-929" /></a></p>
<p>First click on the Rectangular Marquee Tool and select the area around the image. Once done choose the Gradient Tool and make sure the colors sequence is from black to white. Hold down Shift and Click and Drag a line from the centre of your canvas half way up creating a straight&nbsp;line.</p>
<p><a href="http://www.photoshopinstructions.com/wp-content/uploads/2011/05/flyer-6.png"><img src="http://www.photoshopinstructions.com/wp-content/uploads/2011/05/flyer-6.png" alt="flyer 6" title="flyer 6" width="233" height="269" class="alignnone size-full wp-image-930" /></a></p>
<p>Once you are happy with the result, go to your layers window and click on the Layer Blending Mode and from the drop down menu choose Multiply and once done merge the two layers (the image and the canvas) into one by hitting Ctrl+E , alternatively link the two layers by clicking on the tick box next to the eye icon of your layers this will bring up a chain do this on both layer and finally click on Layers menu and Merge.  This will create a beautiful smooth effect between the two&nbsp;layers. </p>
<p><a href="http://www.photoshopinstructions.com/wp-content/uploads/2011/05/flyer-7.png"><img src="http://www.photoshopinstructions.com/wp-content/uploads/2011/05/flyer-7-300x270.png" alt="flyer 7" title="flyer 7" width="300" height="270" class="alignnone size-medium wp-image-931" /></a></p>
<p>And you are almost done. What is left is the message of the flyer for which we will use the Type&nbsp;Tool.</p>
<p><a href="http://www.photoshopinstructions.com/wp-content/uploads/2011/05/flyer-8.png"><img src="http://www.photoshopinstructions.com/wp-content/uploads/2011/05/flyer-8.png" alt="flyer 8" title="flyer 8" width="177" height="120" class="alignnone size-full wp-image-932" /></a><a href="http://www.photoshopinstructions.com/wp-content/uploads/2011/05/flyer-71.png"><img src="http://www.photoshopinstructions.com/wp-content/uploads/2011/05/flyer-71-300x270.png" alt="flyer 7" title="flyer 7" width="300" height="270" class="alignnone size-medium wp-image-934" /></a></p>
<p>The possibilities here are truly endless you may want to use a standard Fonts Format or go for something more extravagant in which case you can consult one of our other tutorials on, <a href="http://www.photoshopinstructions.com/tag/3d-text/">3D typography</a>, <a href="http://www.photoshopinstructions.com/creating-a-fire-text/">Fire text</a> or <a href="http://www.photoshopinstructions.com/tag/text-effects/">Burning Neon Effect</a>. The idea is to use the black area of your canvas for your message! So go on be creative and have a great&nbsp;party! </p>
<g:plusone href="http://www.photoshopinstructions.com/create-an-easy-party-flyer/"></g:plusone><img src="http://www.photoshopinstructions.com/?ak_action=api_record_view&id=924&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://www.photoshopinstructions.com/create-an-easy-party-flyer/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>How to create 3D Typography</title>
		<link>http://www.photoshopinstructions.com/how-to-create-3d-typography/</link>
		<comments>http://www.photoshopinstructions.com/how-to-create-3d-typography/#comments</comments>
		<pubDate>Wed, 04 Mar 2009 22:04:13 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Beginner Tutorials]]></category>
		<category><![CDATA[3D]]></category>
		<category><![CDATA[3D Text]]></category>
		<category><![CDATA[Bevel]]></category>
		<category><![CDATA[Drop Shadow]]></category>
		<category><![CDATA[Emboss]]></category>
		<category><![CDATA[Gradient]]></category>
		<category><![CDATA[Text Effects]]></category>
		<category><![CDATA[Typography]]></category>

		<guid isPermaLink="false">http://www.photoshopinstructions.com/?p=409</guid>
		<description><![CDATA[The effect of 3D Text is always in demand by designers as it looks cool, attracts the viewer and can be used in any sort of&#160;design.


You might be familiar of 3D graphics applications like 3D Studio Max, Maya, Xara 3D etc. These are used to create 3D Text, but they all have some drawbacks. These are complex 3D Softwares, so ...]]></description>
			<content:encoded><![CDATA[<p>The effect of 3D Text is always in demand by designers as it looks cool, attracts the viewer and can be used in any sort of&nbsp;design.</p>
<div style="float:left; padding: 0px; margin: 0px; margin-top: 0px; padding-top: 0px; border-width: 0px 0px 10px 5px; border-style: solid; border-color: White; background-color: white"><script type="text/javascript"><!--
google_ad_client = "pub-2747913559834956";
/* 300x250, PSInst. InArticle */
google_ad_slot = "1150739433";
google_ad_width = 300;
google_ad_height = 250;
// --></script><br />
<script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript"></script></div>
<p>You might be familiar of 3D graphics applications like 3D Studio Max, Maya, Xara 3D etc. These are used to create 3D Text, but they all have some drawbacks. These are complex 3D Softwares, so a normal user finds them difficult to use and navigate with ease. They also need to be procured and installed on your system separately.  So why do you need them when you require are less? You can create nice looking 3D effects with Adobe&nbsp;Photoshop.</p>
<p>Although Photoshop is a 2D image editing tool, you can create text that looks like 3D with minimal expertise. In fact, this is exactly what we&#8217;re going to focus on and show you in this&nbsp;tutorial.</p>
<p><img src="http://www.photoshopinstructions.com/wp-content/uploads/2009/03/final.jpg" alt="final" title="final" width="530" height="192" class="alignnone size-full wp-image-410" /></p>
<p>We will learn to write &#8216;Chocolate&#8217; in real moulded chocolate. To kick things off, create a new file in Photoshop. We used 530 x 192 pixels for dimensions but this can of course be anything of your&nbsp;choice.</p>
<p><img src="http://www.photoshopinstructions.com/wp-content/uploads/2009/03/step1-300x182.jpg" alt="step1" title="step1" width="300" height="182" class="alignnone size-medium wp-image-411" /></p>
<p>With the text tool, type the text you would like to work on. Select a font with a bold look, it looks better in&nbsp;3D.</p>
<p><img src="http://www.photoshopinstructions.com/wp-content/uploads/2009/03/step2-300x108.jpg" alt="step2" title="step2" width="300" height="108" class="alignnone size-medium wp-image-413" /></p>
<p>Using a transform mode (Ctrl + T) make the text slanting using the nodes. Use ctrl+drag on the nodes to adjust in perspective&nbsp;mode.</p>
<p><img src="http://www.photoshopinstructions.com/wp-content/uploads/2009/03/step3-300x108.jpg" alt="step3" title="step3" width="300" height="108" class="alignnone size-medium wp-image-414" /></p>
<p>This layer will work as the front of your 3D Text, so now we must create an extruded look. To duplicate the layer, press Shift+Down Arrow to bring the new layer 10 pixels&nbsp;down.</p>
<p><img src="http://www.photoshopinstructions.com/wp-content/uploads/2009/03/step4-300x108.jpg" alt="step4" title="step4" width="300" height="108" class="alignnone size-medium wp-image-415" /></p>
<p>Select the lower layer and press Ctrl+Alt+Up Arrow 9 times. It will create 9 new layers moving each layer up by 1 px. This gives our object a 3D depth&nbsp;look.</p>
<p><img src="http://www.photoshopinstructions.com/wp-content/uploads/2009/03/step5-300x108.jpg" alt="step5" title="step5" width="300" height="108" class="alignnone size-medium wp-image-416" /></p>
<p>To differentiate the first layer and give it a more refined look, we will apply some effects to it. Open the layer effects on the first layer, check ‘Bevel and Emboss’. Use the following&nbsp;settings</p>
<p><img src="http://www.photoshopinstructions.com/wp-content/uploads/2009/03/step6-246x300.jpg" alt="step6" title="step6" width="246" height="300" class="alignnone size-medium wp-image-417" /> </p>
<p>Under Bevel and Emboss, also check Contour and use following&nbsp;value</p>
<p><img src="http://www.photoshopinstructions.com/wp-content/uploads/2009/03/step7-300x109.jpg" alt="step7" title="step7" width="300" height="109" class="alignnone size-medium wp-image-418" /> </p>
<p>Also give Drop Shadow effect with these&nbsp;values</p>
<p><img src="http://www.photoshopinstructions.com/wp-content/uploads/2009/03/step8-300x284.jpg" alt="step8" title="step8" width="300" height="284" class="alignnone size-medium wp-image-419" /></p>
<p>Your image will now hopefully look something like&nbsp;this</p>
<p><img src="http://www.photoshopinstructions.com/wp-content/uploads/2009/03/step9-300x108.jpg" alt="step9" title="step9" width="300" height="108" class="alignnone size-medium wp-image-420" /> </p>
<p>Lets add a reflection effect. Select all the layers below the front text and merge them (Press Ctrl+E). Duplicate the merged layer and give the new layer 20% opacity. Bring down the transparent layer by pressing Shift + Down Arrow for 10 pixels. This will work as a reflection. There are many ways to add a reflection to your text; you can check other tutorials for more advanced reflections.<br />
<img src="http://www.photoshopinstructions.com/wp-content/uploads/2009/03/step10-300x108.jpg" alt="step10" title="step10" width="300" height="108" class="alignnone size-medium wp-image-421" /></p>
<p>Almost Done, if you want, you can also add a gradient fill to the background for better&nbsp;presentation!</p>
<p><img src="http://www.photoshopinstructions.com/wp-content/uploads/2009/03/final-300x108.jpg" alt="final" title="final" width="300" height="108" class="alignnone size-medium wp-image-410" /></p>
<p><script type="text/javascript"><!--
google_ad_client = "pub-2747913559834956";
/* 300x250, PSInst. InArticle */
google_ad_slot = "1150739433";
google_ad_width = 300;
google_ad_height = 250;
// --></script><br />
<script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript"></script></p>
<p>Might also be worth checking out the <a href="http://www.photoshoproadmap.com/Photoshop-blog/2007/07/22/the-best-80-photoshop-text-effects-on-the-web/">80 best Photoshop Text Effects on the&nbsp;web</a>.</p>
<g:plusone href="http://www.photoshopinstructions.com/how-to-create-3d-typography/"></g:plusone><img src="http://www.photoshopinstructions.com/?ak_action=api_record_view&id=409&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://www.photoshopinstructions.com/how-to-create-3d-typography/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Creating a Glass effect</title>
		<link>http://www.photoshopinstructions.com/creating-a-glass-effect/</link>
		<comments>http://www.photoshopinstructions.com/creating-a-glass-effect/#comments</comments>
		<pubDate>Sat, 28 Feb 2009 17:47:44 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Beginner Tutorials]]></category>
		<category><![CDATA[Effects]]></category>
		<category><![CDATA[Elliptical Marquee]]></category>
		<category><![CDATA[Filters]]></category>
		<category><![CDATA[Glass Effect]]></category>
		<category><![CDATA[Gradient]]></category>
		<category><![CDATA[Lasso]]></category>
		<category><![CDATA[Logos]]></category>
		<category><![CDATA[Marquee Tool]]></category>

		<guid isPermaLink="false">http://www.photoshopinstructions.com/?p=334</guid>
		<description><![CDATA[In this tutorial we&#8217;re going to have a look on how to create a glass effect to any shape or text. Start by opening up a new work&#160;space. 






Click any shape you want. Make for instance a circle, remember to hold down shift to make a perfect shaped circle. You can use any colour you want for this tutorial. Once ...]]></description>
			<content:encoded><![CDATA[<p>In this tutorial we&#8217;re going to have a look on how to create a glass effect to any shape or text. Start by opening up a new work&nbsp;space. </p>
<div style="float:left; padding: 0px; margin: 0px; margin-top: 0px; padding-top: 0px; border-width: 0px 0px 10px 5px; border-style: solid; border-color: White; background-color: white">
<script type="text/javascript"><!--
google_ad_client = "pub-2747913559834956";
/* 300x250, PSInst. InArticle */
google_ad_slot = "1150739433";
google_ad_width = 300;
google_ad_height = 250;
//-->
</script><br />
<script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script>
</div>
<p>Click any shape you want. Make for instance a circle, remember to hold down shift to make a perfect shaped circle. You can use any colour you want for this tutorial. Once you have this, look in your layer palette, right click the image you created and select &#8220;layer transparency&#8221;. Create a new layer without deselecting, go to select -> modify -> contract -> contract by 3&nbsp;pixels.</p>
<p><img src="http://www.photoshopinstructions.com/wp-content/uploads/2009/02/glasseffect1-300x219.gif" alt="glasseffect1" title="glasseffect1" width="300" height="219" class="alignnone size-medium wp-image-335" /></p>
<p>Now, in select a darker colour than the one you have for your shape (as mentioned, you can use any colour for this one). Now switch to the gradient tool and use gradient to transparent. You can either go up or down over your picture, it&#8217;s probably easier and wiser to go up. This will add the volume to the shape you&nbsp;created. </p>
<p><img src="http://www.photoshopinstructions.com/wp-content/uploads/2009/02/glasseffect2-300x218.gif" alt="glasseffect2" title="glasseffect2" width="300" height="218" class="alignnone size-medium wp-image-337" /></p>
<p>Once you have this, deselect (ctrl+d) - now do the same thing all over again. Right click on the first image, select layer transparency, create a new layer - put this layer on top. Then select the marquee tool, but make sure to use the elliptical marquee tool, the third option is to select &#8220;subtract from selection&#8221;. This will make sure that it&#8217;s going to subtract anything you&#8217;re going to select instead of adding it. Then go to Select -> Modify -> Contract by 5&nbsp;pixels.</p>
<p>To make it smoother, we&#8217;ll right click on the selection, while holding the lasso tool - use feather and 10 pixels. Fill this with white (or any brighter colour from the one you chose originally), using the paint bucket as you normally&nbsp;would. </p>
<p><img src="http://www.photoshopinstructions.com/wp-content/uploads/2009/02/glasseffect3-300x218.gif" alt="glasseffect3" title="glasseffect3" width="300" height="218" class="alignnone size-medium wp-image-342" /></p>
<p>When we have the base for this, we&#8217;ll create a new layer - select the elliptical marquee tool again and set white as your foreground colour. Then create a circle on top of your shape. It&#8217;s easier to make a circle, but it could really be any shape - oval or so would also work in this example. As the white is the foreground colour, set foreground to transparent using the gradient tool and go from up to down over your&nbsp;shape. </p>
<p><img src="http://www.photoshopinstructions.com/wp-content/uploads/2009/02/glasseffect4-300x218.gif" alt="glasseffect4" title="glasseffect4" width="300" height="218" class="alignnone size-medium wp-image-343" /></p>
<p>Once we have this done, it&#8217;s more or less finished - all we have to do now is link the layer by selecting them and then select &#8220;merge linked&#8221; from the layers&nbsp;palette. </p>
<p>And that&#8217;s it really! You&#8217;ve now created a glass effect to your&nbsp;circle. </p>
<p><img src="http://www.photoshopinstructions.com/wp-content/uploads/2009/02/glasseffect5-300x216.gif" alt="glasseffect5" title="glasseffect5" width="300" height="216" class="alignnone size-medium wp-image-346" /></p>
<p>You can also spice this up by adding a glass reflection. You&#8217;d then duplicate the layer and flip it upside down, set the opacity to 50% or so, and then use the erase tool (again using opacity maximum 60%). That&#8217;d make the final result look something like this&nbsp;instead.</p>
<p><img src="http://www.photoshopinstructions.com/wp-content/uploads/2009/02/glasseffect6-300x213.gif" alt="glasseffect6" title="glasseffect6" width="300" height="213" class="alignnone size-medium wp-image-347" /></p>
<p><script type="text/javascript"><!--
google_ad_client = "pub-2747913559834956";
/* 300x250, PSInst. InArticle */
google_ad_slot = "1150739433";
google_ad_width = 300;
google_ad_height = 250;
//-->
</script><br />
<script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></p>
<g:plusone href="http://www.photoshopinstructions.com/creating-a-glass-effect/"></g:plusone><img src="http://www.photoshopinstructions.com/?ak_action=api_record_view&id=334&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://www.photoshopinstructions.com/creating-a-glass-effect/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
	</channel>
</rss>

