<?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; Text Effects</title>
	<atom:link href="http://www.photoshopinstructions.com/tag/text-effects/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>Burning Neon Flaming Effect</title>
		<link>http://www.photoshopinstructions.com/burning-neon-flaming-effect/</link>
		<comments>http://www.photoshopinstructions.com/burning-neon-flaming-effect/#comments</comments>
		<pubDate>Sun, 05 Apr 2009 17:25:20 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Beginner Tutorials]]></category>
		<category><![CDATA[Intermediate Tutorials]]></category>
		<category><![CDATA[Burning Text]]></category>
		<category><![CDATA[Filters]]></category>
		<category><![CDATA[Gaussian Blur]]></category>
		<category><![CDATA[Layers]]></category>
		<category><![CDATA[Masks]]></category>
		<category><![CDATA[Neon]]></category>
		<category><![CDATA[Text Effects]]></category>
		<category><![CDATA[Texture Fill]]></category>

		<guid isPermaLink="false">http://www.photoshopinstructions.com/?p=560</guid>
		<description><![CDATA[In previous posts we have presented various text effects like, 3D typography and Fire Text. In this one we will see how to get a super cool effect combining several elements and is fairly simple to achieve too.


Step 1
First we need to create a new canvas with black background. The following settings are&#160;recommended:

Step 2
Create your type mask text using the ...]]></description>
			<content:encoded><![CDATA[<p>In previous posts we have presented various text effects like, <a href="http://www.photoshopinstructions.com/an-introduction-to-typography/">3D typography</a> and <a href="http://www.photoshopinstructions.com/creating-a-fire-text/">Fire Text</a>. In this one we will see how to get a super cool effect combining several elements and is fairly simple to achieve too.<br />
<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>Step 1<br />
First we need to create a new canvas with black background. The following settings are&nbsp;recommended:</p>
<p><img src="http://www.photoshopinstructions.com/wp-content/uploads/2009/04/neon-11-300x208.gif" alt="neon-11" title="neon-11" width="300" height="208" class="alignnone size-medium wp-image-562" /></p>
<p>Step 2<br />
Create your type mask text using the Horizontal Type Mask tool as shown in the picture&nbsp;below:</p>
<p><img src="http://www.photoshopinstructions.com/wp-content/uploads/2009/04/neon-2-300x224.gif" alt="neon-2" title="neon-2" width="300" height="224" class="alignnone size-medium wp-image-563" /></p>
<p>Using the Horizontal Type Mask tool pick an area where you want your title to appear and type&nbsp;away.</p>
<p>Step 3<br />
Using the Fill tool, fill the inside of your letters with white&nbsp;colour.</p>
<p><img src="http://www.photoshopinstructions.com/wp-content/uploads/2009/04/neon-3.gif" alt="neon-3" title="neon-3" width="250" height="248" class="alignnone size-full wp-image-564" /></p>
<p>Step 4<br />
Next pick the Smudge tool and smudge the edges of your text. For this pick a big brush area around 35cm&nbsp;diameter.</p>
<p><img src="http://www.photoshopinstructions.com/wp-content/uploads/2009/04/neon-4-300x220.gif" alt="neon-4" title="neon-4" width="300" height="220" class="alignnone size-medium wp-image-565" /></p>
<p><img src="http://www.photoshopinstructions.com/wp-content/uploads/2009/04/neon-5.gif" alt="neon-5" title="neon-5" width="229" height="228" class="alignnone size-full wp-image-566" /></p>
<p>Step 5<br />
Next step is to colourize your text. Bring up the Color Balance dialogue menu from the bottom right bar of your <span class="caps">PS</span>, and play around with the Shadows, the Midtones and Highlights as shown and hit <span class="caps">OK</span>. This will give you the burning&nbsp;effect.</p>
<p><img src="http://www.photoshopinstructions.com/wp-content/uploads/2009/04/neon-611.gif" alt="neon-611" title="neon-611" width="409" height="807" class="alignnone size-full wp-image-573" /></p>
<p>Step 6<br />
Moving on we will add some Gaussian Blur effect. Simply go to the Filter menu from the top toolbar, hit Blur and then Gaussian Blur and&nbsp;<span class="caps">OK</span>.</p>
<p>Step 7<br />
To create the Neon effect you will need to duplicate your image and choose Linear Dodge on the copied layer. This will give the outline of your layer a neon like fluorescent&nbsp;look.</p>
<p><img src="http://www.photoshopinstructions.com/wp-content/uploads/2009/04/neon-7-300x195.gif" alt="neon-7" title="neon-7" width="300" height="195" class="alignnone size-medium wp-image-568" /></p>
<p>Step 8<br />
Using the Horizontal Type Tool this time we will create another text layer to fill in the Neon fonts we created in the previous step. Choose the same font size and type the same word/words with your original text and overlay the new layer on top of your original&nbsp;one.</p>
<p><img src="http://www.photoshopinstructions.com/wp-content/uploads/2009/04/8.gif" alt="Neon 8" title="Neon 8" width="233" height="142" class="alignnone size-full wp-image-569" /></p>
<p>Step 9<br />
Finally we will add the glow to our text. Double click on the layer of your Neon object and scroll down to &#8220;Outer Glow&#8221;. Change the glow color to a red glow. Your Burning Neon Effect is&nbsp;complete!</p>
<p><img src="http://www.photoshopinstructions.com/wp-content/uploads/2009/04/neon-81-300x167.gif" alt="neon-Final" title="neon-Final" width="300" height="167" class="alignnone size-medium wp-image-571" /></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>
<g:plusone href="http://www.photoshopinstructions.com/burning-neon-flaming-effect/"></g:plusone><img src="http://www.photoshopinstructions.com/?ak_action=api_record_view&id=560&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://www.photoshopinstructions.com/burning-neon-flaming-effect/feed/</wfw:commentRss>
		<slash:comments>1</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 Fire text</title>
		<link>http://www.photoshopinstructions.com/creating-a-fire-text/</link>
		<comments>http://www.photoshopinstructions.com/creating-a-fire-text/#comments</comments>
		<pubDate>Sat, 28 Feb 2009 17:01:06 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Beginner Tutorials]]></category>
		<category><![CDATA[Blur Filters]]></category>
		<category><![CDATA[Effects]]></category>
		<category><![CDATA[Filter]]></category>
		<category><![CDATA[Fire]]></category>
		<category><![CDATA[Gaussian Blur]]></category>
		<category><![CDATA[Text Effects]]></category>

		<guid isPermaLink="false">http://www.photoshopinstructions.com/?p=294</guid>
		<description><![CDATA[In this tutorial we will look closer on how to create fire letters using&#160;Photoshop.
First, open up a new document and fill it with black as the background. This is important so make sure that the background color is black. Now, type in the text you wish to apply the tutorial to, we&#8217;ll use the text &#8220;Photoshop&#8221; as you can see&#160;below.



Now, ...]]></description>
			<content:encoded><![CDATA[<p>In this tutorial we will look closer on how to create fire letters using&nbsp;Photoshop.</p>
<p>First, open up a new document and fill it with black as the background. This is important so make sure that the background color is black. Now, type in the text you wish to apply the tutorial to, we&#8217;ll use the text &#8220;Photoshop&#8221; as you can see&nbsp;below.</p>
<p><img class="alignnone size-full wp-image-308" title="firetext1" src="http://www.photoshopinstructions.com/wp-content/uploads/2009/02/firetext1.gif" alt="firetext1" width="329" height="63" /></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>Now, flip the text 90 degrees <span class="caps">CCW</span>, you can do this by using the transform tool under &#8216;edit&#8217;. After this we&#8217;ll apply the wind filter, you can do this by going to Filter -&gt; Stylize -&gt; Wind, make sure to apply wind from right to left. Repeat this step 3&nbsp;times.</p>
<p>Flip the text back using 90 <span class="caps">CW</span> (edit -&gt; transform again) and add a gaussian blur filter (Filter -&gt; Blur -&gt; Gaussian Blur -&gt; 7 pixels). Now make a new layer (ctrl+shift+n) and go to Image -&gt; Apply&nbsp;Image.</p>
<p> </p>
<p><img class="alignnone size-full wp-image-312" title="firetext21" src="http://www.photoshopinstructions.com/wp-content/uploads/2009/02/firetext21.gif" alt="firetext21" width="305" height="113" /></p>
<p>Now it&#8217;s time to utilize the first magic, go to Image -&gt; Adjustments -&gt; Hue/Saturation and make sure &#8216;colorize is selected&#8217;. Set the hue to 40 and the saturation to&nbsp;100.</p>
<p><img class="alignnone size-medium wp-image-313" title="firetext3" src="http://www.photoshopinstructions.com/wp-content/uploads/2009/02/firetext3-300x224.gif" alt="firetext3" width="300" height="224" /></p>
<p>Duplicate this layer (ctrl+j) and go again to hue/saturation, this time set the hue to -40. Now set the layer on color doge and click ctrl+e which will merge down the&nbsp;layer.</p>
<p>After this we&#8217;ll use liquify which is placed under the filters menu, press &#8220;W&#8221;, select brush size 50, with a density of 40, you can keep the pressure at 100. We&#8217;re now going to use the dodge tool to create some cool flames by &#8216;dragging the wind up&#8217;. After you&#8217;ve added the first set to flames, lower the brush size to add more details to your flames, using the same&nbsp;technique.</p>
<p><img class="alignnone size-medium wp-image-315" title="firetext4" src="http://www.photoshopinstructions.com/wp-content/uploads/2009/02/firetext4-300x226.gif" alt="firetext4" width="300" height="226" /></p>
<p>After you&#8217;ve done this, type your text again, but this time in black - move your text &#8216;into&#8217; your old text. Now duplicate layer 1 (the new layer, use ctrl+j again) and drag it above the other layers. Set it on screen and leave the opacity to 100%, both these things can be handled from inside the layers&nbsp;menu.</p>
<p>Now add a layer mask and take the gradient tool, take the linear gradient white to black and drag from top of the text to the bottom. After this, use the smudge tool at 60 pixels and drag over the black letters you don&#8217;t want to be&nbsp;black.</p>
<p><img class="alignnone size-medium wp-image-317" title="firetext6" src="http://www.photoshopinstructions.com/wp-content/uploads/2009/02/firetext6-300x105.gif" alt="firetext6" width="300" height="105" /></p>
<div style="float:right; 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>Create a new layer and go to Image -&gt; Apply Image, set this new layer to screen and the opacity to 60%. On top of this we&#8217;ll use Gaussian Blur with the radius 50 pixels (Filter -&gt; Blur -&gt; Gaussian Blur). Again, create a new layer and go to Image -&gt; Apply Image. We&#8217;ll now make a new layer once again and go to Image -&gt; Apply Image, important is to set the opacity of this layer to 50% this time, after this press&nbsp;ctrl+t.</p>
<p>After this, go to Edit -&gt; Transform -&gt; Perspective to create a shadow effect by mirroring the image, this will make the text float and look really&nbsp;cool!</p>
<p><img class="alignnone size-medium wp-image-316" title="firetext7" src="http://www.photoshopinstructions.com/wp-content/uploads/2009/02/firetext7-300x197.gif" alt="firetext7" width="300" height="197" /></p>
<p>Hopefully, if you&#8217;ve done all the steps right, you&#8217;ll have something like this on your&nbsp;screen.</p>
<p><img class="alignnone size-full wp-image-309" title="firetext8" src="http://www.photoshopinstructions.com/wp-content/uploads/2009/02/firetext8.gif" alt="firetext8" width="332" height="142" /></p>
<g:plusone href="http://www.photoshopinstructions.com/creating-a-fire-text/"></g:plusone><img src="http://www.photoshopinstructions.com/?ak_action=api_record_view&id=294&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://www.photoshopinstructions.com/creating-a-fire-text/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
	</channel>
</rss>

