<?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 Tutorials Free Also Submit Photoshop Tutorials &#187; Text Effects</title>
	<atom:link href="http://www.photoshoptutorialsfree.com/category/text-effect/feed" rel="self" type="application/rss+xml" />
	<link>http://www.photoshoptutorialsfree.com</link>
	<description>Submit Photoshop Tutorials, Adobe photoshop tutorials, flash animation tutorial adobe flash, flash tutorial blinking object, Text Effect Tutorials.</description>
	<lastBuildDate>Tue, 10 Aug 2010 10:29:45 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0.1</generator>
		<item>
		<title>Image text effect</title>
		<link>http://www.photoshoptutorialsfree.com/image-text-effect.html</link>
		<comments>http://www.photoshoptutorialsfree.com/image-text-effect.html#comments</comments>
		<pubDate>Tue, 10 Aug 2010 04:34:56 +0000</pubDate>
		<dc:creator>laishram</dc:creator>
				<category><![CDATA[Text Effects]]></category>

		<guid isPermaLink="false">http://www.photoshoptutorialsfree.com/?p=499</guid>
		<description><![CDATA[1.create a new document 700 px by 600 px or simply download the paper texture and open in photoshop 2.unlock the texture images by double click on the images layer and click on ok, create a duplicate copy of it and hide the original image. 3. Now select the type tool and type and place [...]]]></description>
			<content:encoded><![CDATA[<p><img src="http://www.photoshoptutorialsfree.com/wp-content/uploads/2010/08/pt10.jpg" alt="" width="700" height="525" class="alignnone size-full wp-image-510" /><br />
1.create a new document 700 px by 600 px or simply download the paper texture and open in photoshop<br />
<img src="http://www.photoshoptutorialsfree.com/wp-content/uploads/2010/08/pt1.jpg" alt="" width="460" height="337" class="alignnone size-full wp-image-500" /><br />
2.unlock the texture images by double click on the images layer and click on ok, create a duplicate copy of it and hide the original image.</p>
<p>3. Now select the type tool and type and place drag it on the darker part of the image.<br />
<img src="http://www.photoshoptutorialsfree.com/wp-content/uploads/2010/08/pt2.jpg" alt="" width="421" height="116" class="alignnone size-full wp-image-502" /></p>
<p>4. Now select the image layer, holding the ctrl key left click on the text layer. When done copy the selection and paste it. Name this layer as test.</p>
<p>5. When done, select the test layer and right click on it and select the prespective option and while still holding down your left mouse button drag the right top small square box upward.<br />
<img src="http://www.photoshoptutorialsfree.com/wp-content/uploads/2010/08/pt6.jpg" alt="" width="559" height="273" class="alignnone size-full wp-image-506" /><br />
when done it will look something like this<br />
<img src="http://www.photoshoptutorialsfree.com/wp-content/uploads/2010/08/pt7.jpg" alt="" width="412" height="265" class="alignnone size-full wp-image-507" /></p>
<p>5. Now set the test layer style of this layer as shown below<br />
<img src="http://www.photoshoptutorialsfree.com/wp-content/uploads/2010/08/pt11.jpg" alt="" width="348" height="424" class="alignnone size-full wp-image-504" /><br />
<img src="http://www.photoshoptutorialsfree.com/wp-content/uploads/2010/08/pt12.jpg" alt="" width="408" height="456" class="alignnone size-full wp-image-505" /><br />
after applying the layer style we have this image<br />
<img src="http://www.photoshoptutorialsfree.com/wp-content/uploads/2010/08/pt8.jpg" alt="" width="416" height="283" class="alignnone size-full wp-image-508" /></p>
<p>6. Now holding the ALT key press the up arrow 10 times when done select all the 10 layers and merge it.<br />
<img src="http://www.photoshoptutorialsfree.com/wp-content/uploads/2010/08/pt9.jpg" alt="" width="425" height="294" class="alignnone size-full wp-image-509" /><br />
10. when done, unhide the origianl image and select the duplicate layer and change the lyer mode to screen.</p>
<p>here is our final images,<br />
<img src="http://www.photoshoptutorialsfree.com/wp-content/uploads/2010/08/pt10.jpg" alt="" width="700" height="525" class="alignnone size-full wp-image-510" /></p>
<p>another example<br />
<img src="http://www.photoshoptutorialsfree.com/wp-content/uploads/2010/08/texturetext.jpg" alt="" width="700" height="525" class="alignnone size-full wp-image-511" /></p>
<p><a class="a2a_dd addtoany_share_save" href="http://www.addtoany.com/share_save"><img src="http://www.photoshoptutorialsfree.com/wp-content/plugins/add-to-any/share_save_171_16.png" width="171" height="16" alt="Share/Bookmark"/></a> </p>]]></content:encoded>
			<wfw:commentRss>http://www.photoshoptutorialsfree.com/image-text-effect.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Floating text effect</title>
		<link>http://www.photoshoptutorialsfree.com/floating-text-effect.html</link>
		<comments>http://www.photoshoptutorialsfree.com/floating-text-effect.html#comments</comments>
		<pubDate>Fri, 30 Jul 2010 04:50:45 +0000</pubDate>
		<dc:creator>laishram</dc:creator>
				<category><![CDATA[Text Effects]]></category>

		<guid isPermaLink="false">http://www.photoshoptutorialsfree.com/?p=486</guid>
		<description><![CDATA[on this tutorials we will learn how to create a floating effects]]></description>
			<content:encoded><![CDATA[<p>On this tutorial we will learn how to create a beautiful 3d floating text<br />
<a href="http://www.photoshoptutorialsfree.com/wp-content/uploads/2010/07/flaotingfinal.jpg"><img class="alignnone size-full wp-image-487" src="http://www.photoshoptutorialsfree.com/wp-content/uploads/2010/07/flaotingfinal.jpg" alt="" width="600" height="400" /></a><br />
1. Open a new document, for this tutorials i m using 600px by 400px with white background</p>
<p>2. On our next step we will select the type tools, before you type select the font style and font color you want to use<br />
want to work with, for this tutorial i have select the font sytle plantagenet and font color to #13b7e0.<br />
<img class="alignnone size-full wp-image-489" src="http://www.photoshoptutorialsfree.com/wp-content/uploads/2010/07/floating-0.jpg" alt="" width="372" height="179" /><br />
3.Create a duplicate copy of the text layer and hide the original layer, now rename the copy layer as floating.</p>
<p>4. Select the floating layer and right click on the layer and select the rasterize type, now free transform the text by CTRL+T or go to Menu Edit&gt; Free Transform and then right click on the text and select the option perspective and adjust as shown below.<br />
<img src="http://www.photoshoptutorialsfree.com/wp-content/uploads/2010/07/floating-1.jpg" alt="" width="540" height="182" class="alignnone size-full wp-image-491" /></p>
<p>5. Now holding down the Alt key and press the up arrow key 25 times. You will find something like the image shown below.<br />
<img src="http://www.photoshoptutorialsfree.com/wp-content/uploads/2010/07/floating-2.jpg" alt="" width="553" height="270" class="alignnone size-full wp-image-492" /><br />
6. Now hide the layer floating copy 25 and the layer floating and merge the layers that is floating copy to floating copy 24. To merge these layer select the layer floating copy 24 and then hold down the shit key and click on the layer floating copy and hit the shortcut key CTRL+E.</p>
<p>7. Now create a new layer, Ctrl+left click on the merge layer,<br />
<img src="http://www.photoshoptutorialsfree.com/wp-content/uploads/2010/07/floating-3.jpg" alt="" width="532" height="236" class="alignnone size-full wp-image-493" /><br />
8. Select the gradient tools and adjust the the foreground and background color to #004ea6 and #00ace5 and apply the gradient, as shown below.<br />
<img src="http://www.photoshoptutorialsfree.com/wp-content/uploads/2010/07/floating-4.jpg" alt="" width="545" height="256" class="alignnone size-full wp-image-494" /><br />
<img src="http://www.photoshoptutorialsfree.com/wp-content/uploads/2010/07/floating-5.jpg" alt="" width="546" height="236" class="alignnone size-full wp-image-495" /><br />
9. Now unhide the layer floating copy 25.</p>
<p>10. Here is our final images<br />
<img src="http://www.photoshoptutorialsfree.com/wp-content/uploads/2010/07/ourimage.jpg" alt="" width="600" height="400" class="alignnone size-full wp-image-496" /><br />
11. You can add one step, slect the burn tool and apply on the edge of the text<br />
<a href="http://www.photoshoptutorialsfree.com/wp-content/uploads/2010/07/flaotingfinal.jpg"><img class="alignnone size-full wp-image-487" src="http://www.photoshoptutorialsfree.com/wp-content/uploads/2010/07/flaotingfinal.jpg" alt="" width="600" height="400" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.photoshoptutorialsfree.com/floating-text-effect.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Floral text effect</title>
		<link>http://www.photoshoptutorialsfree.com/floral-text-effect.html</link>
		<comments>http://www.photoshoptutorialsfree.com/floral-text-effect.html#comments</comments>
		<pubDate>Sun, 25 Jul 2010 03:40:39 +0000</pubDate>
		<dc:creator>laishram</dc:creator>
				<category><![CDATA[Text Effects]]></category>
		<category><![CDATA[floral text effect]]></category>

		<guid isPermaLink="false">http://www.photoshoptutorialsfree.com/?p=472</guid>
		<description><![CDATA[simple floral text effect in photoshop]]></description>
			<content:encoded><![CDATA[<p>Simple text effect tutorials</p>
<p>1. Create a new document with 800&#215;500 px and fill the background with #FFFFFF</p>
<p>2. Select the type tool from the tool box and type, for this tutorial i type movie, you can use your own, please note make sure you choose a font style to bold.<br />
<img class="alignnone size-medium wp-image-473" src="http://www.photoshoptutorialsfree.com/wp-content/uploads/2010/07/stext-11-300x97.jpg" alt="" width="300" height="97" /><br />
3.Double click on the text layer and set the setting</p>
<p>(a) Drop shadow &#8211; blend mode to multiply, opacity = 75%, distance = 2px<br />
spread = 0%, size = 13 px</p>
<p>(b) Inner shadow &#8211; Blend mode to multiply, opacity = 45%, distance = 2px<br />
choke = 0%, size = 5px</p>
<p>(c) Outer glow &#8211; blend mode to normal, Opacity = 40%, noise = 0%, set color of glow to black, elemets technique to softer, spread = 0%, size to 5 px</p>
<p>(d) Bevel and Emboss &#8211; change style to inner bevel, technique to smooth, depth = 100%, size = 3px, softer = 12px</p>
<p>(e) Stain &#8211; Blend mode to color burn, opacity = 40%, angle 19, distance = 11px,size = 14px and set the contour to cone inverted.</p>
<p>(f) Gradient overlay &#8211; set the blend mode to linear light, opacity = 15% and<br />
scale = 111%</p>
<p>(g) Stroke &#8211; set the size = 1px, opacity = 40% and change the color to black</p>
<p>4. Now we are done with our tutorials, lets go two more steps to add another simple text effect on it.<br />
<a href="http://www.photoshoptutorialsfree.com/wp-content/uploads/2010/07/stextfinal1.jpg"><img class="alignnone size-medium wp-image-474" src="http://www.photoshoptutorialsfree.com/wp-content/uploads/2010/07/stextfinal1-300x187.jpg" alt="" width="300" height="187" /></a><br />
5. Create a new layer, holding down your the CTRL key left click on the text layer, now you can see the text selection<br />
<a href="http://www.photoshoptutorialsfree.com/wp-content/uploads/2010/07/stext-2.jpg"><img class="alignnone size-medium wp-image-475" src="http://www.photoshoptutorialsfree.com/wp-content/uploads/2010/07/stext-2-300x111.jpg" alt="" width="300" height="111" /></a><br />
6. Now create a new layer and follow the step 7</p>
<p>7. Now select the brush tool and select a brush style you want to work with, for this tutorial i m using smoke brush you can<a title="download brush" href="http://www.mediafire.com/file/wjnvejet01aees0/brush.rar" target="_blank"> download</a> it from here. Make sure the selection is still active, choose color for the brush and apply the brush on the new layer.</p>
<p>8. Here is our final image</p>
<p><a href="http://www.photoshoptutorialsfree.com/wp-content/uploads/2010/07/stextfinal-brush.jpg"><img class="alignnone size-full wp-image-476" src="http://www.photoshoptutorialsfree.com/wp-content/uploads/2010/07/stextfinal-brush.jpg" alt="" width="700" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.photoshoptutorialsfree.com/floral-text-effect.html/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Learn how to create a simple text effect</title>
		<link>http://www.photoshoptutorialsfree.com/learn-how-to-create-a-simple-text-effect.html</link>
		<comments>http://www.photoshoptutorialsfree.com/learn-how-to-create-a-simple-text-effect.html#comments</comments>
		<pubDate>Sat, 17 Jul 2010 15:50:32 +0000</pubDate>
		<dc:creator>Admin</dc:creator>
				<category><![CDATA[Text Effects]]></category>

		<guid isPermaLink="false">http://www.photoshoptutorialsfree.com/?p=450</guid>
		<description><![CDATA[1. Create a new document with 800&#215;500 px and fill it with white background 2. Select the type tool from the tool box and type, for this tutorial i type movie, you can use your own, please note make sure you choose a font style to bold. 3.Double click on the text layer and set [...]]]></description>
			<content:encoded><![CDATA[<p>1. Create a new document with 800&#215;500 px and fill it with white background</p>
<p>2. Select the type tool from the tool box and type, for this tutorial i type movie, you can use your own, please note make sure you choose a font style to bold.</p>
<p><img class="alignnone size-full wp-image-452" title="stext-1" src="http://www.photoshoptutorialsfree.com/wp-content/uploads/2010/07/stext-1.jpg" alt="" width="435" height="142" /></p>
<p>3.Double click on the text layer and set the setting</p>
<p>(a) Drop shadow &#8211; blend mode to multiply, opacity = 75%, distance = 2px spread = 0%, size = 13 px</p>
<p>(b) Inner shadow &#8211; Blend mode to multiply, opacity = 45%, distance = 2px choke = 0%, size = 5px</p>
<p>(c) Outer glow &#8211; blend mode to normal, Opacity = 40%, noise = 0%, set color of glow to black, elemets technique to softer, spread = 0%, size to 5 px</p>
<p>(d) Bevel and Emboss &#8211; change style to inner bevel, technique to smooth, depth = 100%, size = 3px, softer = 12px</p>
<p>(e) Stain &#8211; Blend mode to color burn, opacity = 40%, angle 19, distance = 11px, size = 14px and set the contour to cone inverted.</p>
<p>(f) Gradient overlay &#8211; set the blend mode to linear light, opacity = 15% and scale = 111%</p>
<p>(g) Stroke &#8211; set the size = 1px, opacity = 40% and change the color to black</p>
<p>4. Here is our final results hope you like my tutorials</p>
<p><img class="alignnone size-full wp-image-451" title="stextfinal" src="http://www.photoshoptutorialsfree.com/wp-content/uploads/2010/07/stextfinal.jpg" alt="" width="700"  /></p>
<p><a class="a2a_dd addtoany_share_save" href="http://www.addtoany.com/share_save"><img src="http://www.photoshoptutorialsfree.com/wp-content/plugins/add-to-any/share_save_171_16.png" width="171" height="16" alt="Share/Bookmark"/></a> </p>]]></content:encoded>
			<wfw:commentRss>http://www.photoshoptutorialsfree.com/learn-how-to-create-a-simple-text-effect.html/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Creating a Gif Animation with ImageReady 2.0</title>
		<link>http://www.photoshoptutorialsfree.com/creating-a-gif-animation-with-imageready-2-0.html</link>
		<comments>http://www.photoshoptutorialsfree.com/creating-a-gif-animation-with-imageready-2-0.html#comments</comments>
		<pubDate>Fri, 12 Feb 2010 09:00:29 +0000</pubDate>
		<dc:creator>Admin</dc:creator>
				<category><![CDATA[Text Effects]]></category>

		<guid isPermaLink="false">http://www.photoshoptutorialsfree.com/?p=421</guid>
		<description><![CDATA[Preparation Start ImageReady. Make sure the Animation palette is visible. If it is not, choose Window &#62; Show Animation to make it visible. Seven steps to construct an animation 1. Create basic image (or open an existing multilayered image) We will construct a simple image, a sign that says &#8220;WELCOME&#8221;, using the Toolbox. * First, [...]]]></description>
			<content:encoded><![CDATA[<p><strong>Preparation</strong></p>
<p>Start ImageReady. Make sure the Animation palette is visible. If it is not, choose Window &gt; Show Animation to make it visible.</p>
<p><a href="http://www.photoshoptutorialsfree.com/wp-content/uploads/2010/02/ImgRdy.jpg"><img class="aligncenter size-full wp-image-422" title="ImgRdy" src="http://www.photoshoptutorialsfree.com/wp-content/uploads/2010/02/ImgRdy.jpg" alt="ImgRdy" width="396" height="282" /></a><br />
Seven steps to construct an animation</p>
<p><strong>1. Create basic image (or open an existing multilayered image)</strong></p>
<p>We will construct a simple image, a sign that says &#8220;WELCOME&#8221;, using the Toolbox.</p>
<p>* First, select File&gt;New<br />
* In the dialog box that opens set: Name: Welcome, Image size: Width 200, Height 40, and Content: transparent</p>
<p><a href="http://www.photoshoptutorialsfree.com/wp-content/uploads/2010/02/ImageReadyNew.jpg"><img class="aligncenter size-full wp-image-423" title="ImageReadyNew" src="http://www.photoshoptutorialsfree.com/wp-content/uploads/2010/02/ImageReadyNew.jpg" alt="ImageReadyNew" width="326" height="210" /></a><br />
Click &#8220;OK&#8221;</p>
<p>Select the Text Tool in the Toolbox and click the blank transparent image. Type &#8220;WELCOME&#8221; at the cursor on the image. We want to use a 30 px Bold Arial font so enter the values below in the Type Tool palette and change the foreground color to green.</p>
<p><a href="http://www.photoshoptutorialsfree.com/wp-content/uploads/2010/02/TypePalette.jpg"><img class="aligncenter size-full wp-image-424" title="TypePalette" src="http://www.photoshoptutorialsfree.com/wp-content/uploads/2010/02/TypePalette.jpg" alt="TypePalette" width="213" height="132" /></a><br />
After achieving the desired font and color the Move tool can be used to center the text in the image. This is the basic image we will use to form the animation.</p>
<p><a href="http://www.photoshoptutorialsfree.com/wp-content/uploads/2010/02/ImgRdyImg.jpg"><img class="aligncenter size-full wp-image-425" title="ImgRdyImg" src="http://www.photoshoptutorialsfree.com/wp-content/uploads/2010/02/ImgRdyImg.jpg" alt="ImgRdyImg" width="208" height="178" /></a><br />
<strong>2. Add animation frames</strong></p>
<p>A thumbnail of the basic image should be located in the Animation palette. The initial frame needs to be duplicated several times. This is done by clicking the &#8220;Duplicate Current Frame&#8221; icon <a href="http://www.photoshoptutorialsfree.com/wp-content/uploads/2010/02/DuplicateFrm.jpg"><img class="alignnone size-full wp-image-426" title="DuplicateFrm" src="http://www.photoshoptutorialsfree.com/wp-content/uploads/2010/02/DuplicateFrm.jpg" alt="DuplicateFrm" width="26" height="15" /></a>. The result should look like.</p>
<p><a href="http://www.photoshoptutorialsfree.com/wp-content/uploads/2010/02/DuplFrms.jpg"><img class="aligncenter size-full wp-image-427" title="DuplFrms" src="http://www.photoshoptutorialsfree.com/wp-content/uploads/2010/02/DuplFrms.jpg" alt="DuplFrms" width="324" height="127" /></a></p>
<p><strong>3. Make changes in frames using Layer palette</strong></p>
<p>Changes will be made in the first and third frames to create the animation. In the third frame we will change the opacity so the &#8220;WELCOME&#8221; message fades away. We will change the first frame so that the message will move &#8220;onstage&#8221; from the left side to the center.</p>
<p>Select the third frame. Then in the Layer palette move the opacity slider to 0%.</p>
<p><a href="http://www.photoshoptutorialsfree.com/wp-content/uploads/2010/02/ImgRdyLayerPal.jpg"><img class="aligncenter size-full wp-image-428" title="ImgRdyLayerPal" src="http://www.photoshoptutorialsfree.com/wp-content/uploads/2010/02/ImgRdyLayerPal.jpg" alt="ImgRdyLayerPal" width="212" height="130" /></a><br />
The message in the third frame should now be invisible.</p>
<p><a href="http://www.photoshoptutorialsfree.com/wp-content/uploads/2010/02/Opacity0.jpg"><img class="aligncenter size-full wp-image-429" title="Opacity0" src="http://www.photoshoptutorialsfree.com/wp-content/uploads/2010/02/Opacity0.jpg" alt="Opacity0" width="475" height="128" /></a></p>
<p>Now select the first frame. Using the Marquee tool (from the toolbox) select the text &#8220;WELCOME&#8221;. Then, using the Move tool, move the selection just off the left edge of the image. The image below shows the text partly moved.</p>
<p><a href="http://www.photoshoptutorialsfree.com/wp-content/uploads/2010/02/ImgRdyMoveTxt.jpg"><img class="aligncenter size-full wp-image-430" title="ImgRdyMoveTxt" src="http://www.photoshoptutorialsfree.com/wp-content/uploads/2010/02/ImgRdyMoveTxt.jpg" alt="ImgRdyMoveTxt" width="207" height="178" /></a><br />
<strong>4. Add frames with Tween</strong></p>
<p>We now have three frames where the message is visible in the 2nd frame, but invisible in the 1st and 3rd. We will use the Tween Command to fill in frames to create the desired actions.</p>
<p>First we will add frames between the 2nd and 3rd frames that will cause the message to fade away. Select the 2nd frame. Open the Animation palette menu (by clicking the small triangle <a href="http://www.photoshoptutorialsfree.com/wp-content/uploads/2010/02/AnimMenu.jpg"><img class="alignnone size-full wp-image-431" title="AnimMenu" src="http://www.photoshoptutorialsfree.com/wp-content/uploads/2010/02/AnimMenu.jpg" alt="AnimMenu" width="17" height="16" /></a> in the upper right of the Animation palette) and select Tween.</p>
<p><a href="http://www.photoshoptutorialsfree.com/wp-content/uploads/2010/02/SelTween2.jpg"><img class="aligncenter size-full wp-image-432" title="SelTween2" src="http://www.photoshoptutorialsfree.com/wp-content/uploads/2010/02/SelTween2.jpg" alt="SelTween2" width="178" height="280" /></a><br />
In the Tween dialog box select to add 6 frames, Tween with Next Frame, and select Opacity to vary.</p>
<p><a href="http://www.photoshoptutorialsfree.com/wp-content/uploads/2010/02/Tween.jpg"><img class="aligncenter size-full wp-image-433" title="Tween" src="http://www.photoshoptutorialsfree.com/wp-content/uploads/2010/02/Tween.jpg" alt="Tween" width="378" height="215" /></a><br />
Clicking &#8220;OK&#8221; should add 6 more frames.</p>
<p><a href="http://www.photoshoptutorialsfree.com/wp-content/uploads/2010/02/TweenFade2.jpg"><img class="aligncenter size-full wp-image-434" title="TweenFade2" src="http://www.photoshoptutorialsfree.com/wp-content/uploads/2010/02/TweenFade2.jpg" alt="TweenFade2" width="476" height="128" /></a><br />
Now we want to use tweening to move the message from offstage to the center. Select the 1st frame and select Tween from the Animation menu as before. Use 6 new frames again, but this time check Position and uncheck Opacity as the feature to vary. Clicking &#8220;OK&#8221; adds 6 more frames as indicated.</p>
<p><a href="http://www.photoshoptutorialsfree.com/wp-content/uploads/2010/02/FramesAdd.jpg"><img class="aligncenter size-full wp-image-439" title="FramesAdd" src="http://www.photoshoptutorialsfree.com/wp-content/uploads/2010/02/FramesAdd.jpg" alt="FramesAdd" width="475" height="129" /></a></p>
<p>It only remains to set the delay between frames.</p>
<p><strong>5. Add delays between frames</strong></p>
<p>Go to the Animation menu and choose Select All Frames. This will highlight all the frames. Alternately, the (number on the) first frame can be clicked and the last frame can be shift+clicked. With all the frames selected click the small down triangle to the right of sec at the bottom of one frame. Choose a delay, for example, 0.1 seconds. This is applied to all the selected frames. To set the delay for a single frame, for example Number 7, select it alone and change its delay.</p>
<p><strong>6. Preview animation</strong></p>
<p>To view the animation go to File&gt;Preview File&gt;Netscape (or whatever browser is listed). It is good to check what the animation looks like in all the popular browsers.</p>
<p><strong>7. Save animation</strong></p>
<p>The layered animation is saved as a .psd file using File&gt;Save Original.<br />
To save it as a gif animation use File&gt;Save Optimized.<br />
An HTML file which includes the code for placing the animation on a web page can also be generated by going to File&gt;Export&gt;Save HTML.</p>
<p><strong>View the completed</strong></p>
<p><a href="http://www.photoshoptutorialsfree.com/wp-content/uploads/2010/02/Welcome.gif"><img class="aligncenter size-full wp-image-435" title="Welcome" src="http://www.photoshoptutorialsfree.com/wp-content/uploads/2010/02/Welcome.gif" alt="Welcome" width="200" height="40" /></a></p>
<p>This Tutorial is collected from <a href="http://comers.citadel.edu/tutorials/gifTutorial.htm" target="_blank">comers.citadel.edu</a>. Please Visit the site for more tutorials.</p>
<p><a class="a2a_dd addtoany_share_save" href="http://www.addtoany.com/share_save"><img src="http://www.photoshoptutorialsfree.com/wp-content/plugins/add-to-any/share_save_171_16.png" width="171" height="16" alt="Share/Bookmark"/></a> </p>]]></content:encoded>
			<wfw:commentRss>http://www.photoshoptutorialsfree.com/creating-a-gif-animation-with-imageready-2-0.html/feed</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Photoshop text effect</title>
		<link>http://www.photoshoptutorialsfree.com/photoshop-text-effect.html</link>
		<comments>http://www.photoshoptutorialsfree.com/photoshop-text-effect.html#comments</comments>
		<pubDate>Wed, 10 Feb 2010 08:17:16 +0000</pubDate>
		<dc:creator>Admin</dc:creator>
				<category><![CDATA[Text Effects]]></category>

		<guid isPermaLink="false">http://www.photoshoptutorialsfree.com/?p=241</guid>
		<description><![CDATA[Step 1- open a image (picture) STEP- 2- DOUBLE CLICK ON THE LAYER (you can see a &#8220;new layer&#8221; window pop up) click ok. if you want you can rename the layer 0 to layer something that fit your requirement. here i rename the layer 0 to picture. STEP- 3- select the text tool from [...]]]></description>
			<content:encoded><![CDATA[<p>Step 1- open a image (picture)</p>
<p>STEP- 2- DOUBLE CLICK ON THE LAYER (you can see a &#8220;new layer&#8221; window pop up) click ok. if you want you can rename the layer 0 to layer something that fit your requirement. here i rename the layer 0 to picture.</p>
<p>STEP- 3- select the text tool from the tool box. Type your name, here i select font sytle Verdana-bold-font size-252. you can choose your own font style and size. this effect work best with true font style,</p>
<p>step-4- now select the magic wand tool from the tool box pressing the &#8220;shift key&#8221; select all the letter you have type one by one.</p>
<p>step-5 now select the first layer(picture layer) and press ctrl+c to copy and ctrl+v to paste, now you can see a new layer on the layer channel</p>
<p>step-6 now disable your picture layer, to see the text effect. lets add some effect.</p>
<p>step-7 create a new layer for the background, you can either choose a picture or a use background color. add some effect like shadow or use different type of brush shade. enjoy</p>
<p><img class="aligncenter size-full wp-image-242" title="texteffect" src="http://www.photoshoptutorialsfree.com/wp-content/uploads/2010/02/texteffect.jpg" alt="texteffect" width="500" height="313" /></p>
<p><a class="a2a_dd addtoany_share_save" href="http://www.addtoany.com/share_save"><img src="http://www.photoshoptutorialsfree.com/wp-content/plugins/add-to-any/share_save_171_16.png" width="171" height="16" alt="Share/Bookmark"/></a> </p>]]></content:encoded>
			<wfw:commentRss>http://www.photoshoptutorialsfree.com/photoshop-text-effect.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Glossy Reflection Text Effect</title>
		<link>http://www.photoshoptutorialsfree.com/glossy-reflection-text-effect.html</link>
		<comments>http://www.photoshoptutorialsfree.com/glossy-reflection-text-effect.html#comments</comments>
		<pubDate>Wed, 10 Feb 2010 08:12:30 +0000</pubDate>
		<dc:creator>Admin</dc:creator>
				<category><![CDATA[Text Effects]]></category>

		<guid isPermaLink="false">http://www.photoshoptutorialsfree.com/?p=226</guid>
		<description><![CDATA[Lest Create a new file 500&#215;300 Now what we are going to do is fill the background with black. NOW let create a text with a white font color and lets make sure we select the nice font type to bold and we are going to type PHOTOSHOP. Now we are going to apply layer [...]]]></description>
			<content:encoded><![CDATA[<p>Lest Create a new file 500&#215;300</p>
<p>Now what we are going to do is fill the background with black.</p>
<p>NOW let create a text with a white font color and lets make sure we select the nice font type to bold and we are going to type PHOTOSHOP.</p>
<p><img class="aligncenter size-full wp-image-227" title="glossytext1" src="http://www.photoshoptutorialsfree.com/wp-content/uploads/2010/02/glossytext1.jpg" alt="glossytext1" width="397" height="275" /><br />
Now we are going to apply layer style to this text so double click on the text layer and that will bring a layer style box.</p>
<p>Now first thing we are going to do is we want to add a color gradient to our text with dark red to bottom light red on top.</p>
<p><img class="aligncenter size-full wp-image-228" title="glossytext3" src="http://www.photoshoptutorialsfree.com/wp-content/uploads/2010/02/glossytext3.jpg" alt="glossytext3" width="605" height="448" /><br />
Add a white stroke and Bavel and Emboss.</p>
<p><img class="aligncenter size-full wp-image-229" title="glossytext4" src="http://www.photoshoptutorialsfree.com/wp-content/uploads/2010/02/glossytext4.jpg" alt="glossytext4" width="469" height="439" /><br />
Change the Bavel and emboss structure size to 3 and soften to 3.</p>
<p><img class="aligncenter size-full wp-image-230" title="glossytext2" src="http://www.photoshoptutorialsfree.com/wp-content/uploads/2010/02/glossytext2.jpg" alt="glossytext2" width="612" height="444" /><br />
Lets create a inner glow</p>
<p>Now what we are going do is adding a glassy effect, you might have seen in lots of logo where there is a slight white reflection over the top.</p>
<p>Create a new layer make sure you new layer is on the top of the text layer.</p>
<p>NOW lets create a shape, select the pen tool and make sure you have the select layers and your foreground to white.</p>
<p>Make a straight line from the left to right using your pen tool.(we are going to end up creating a rectangular that is going to apper on the top half of the text.)</p>
<p><img class="aligncenter size-full wp-image-231" title="glossytext5" src="http://www.photoshoptutorialsfree.com/wp-content/uploads/2010/02/glossytext5.jpg" alt="glossytext5" width="502" height="208" /><br />
Click on the line to add a point(to make a wave style)holding ur Ctrl key move the point we just added upward now release the ctrl and click on the line to add a point holding your Ctrl pull down the point we just add and realease the ctrl. Now we have nice wave going down.</p>
<p><img class="aligncenter size-full wp-image-232" title="glossytext6" src="http://www.photoshoptutorialsfree.com/wp-content/uploads/2010/02/glossytext6.jpg" alt="glossytext6" width="430" height="134" /></p>
<p><img class="aligncenter size-full wp-image-233" title="glossytext7" src="http://www.photoshoptutorialsfree.com/wp-content/uploads/2010/02/glossytext7.jpg" alt="glossytext7" width="429" height="138" /><br />
Now complete the rectangular continue drawing the straight line from the right end point.</p>
<p><img class="aligncenter size-full wp-image-234" title="glossytext8" src="http://www.photoshoptutorialsfree.com/wp-content/uploads/2010/02/glossytext8.jpg" alt="glossytext8" width="443" height="171" /><br />
Right click on the layer and restrize layer.</p>
<p><img class="aligncenter size-full wp-image-235" title="glossytext9" src="http://www.photoshoptutorialsfree.com/wp-content/uploads/2010/02/glossytext9.jpg" alt="glossytext9" width="373" height="268" /><br />
Now Ctrl click on the text layer, now lets contract the selection, go to SELECT&gt;MODIFY&gt;CONTRACT set the contract by to 3.</p>
<p>Now lets delete everything outside the selection, so what we need to do is to invert the selection, press ctrl+shift+i and press delete and press ctrl+d to deselct everything.</p>
<p><img class="aligncenter size-full wp-image-236" title="glossytext10" src="http://www.photoshoptutorialsfree.com/wp-content/uploads/2010/02/glossytext10.jpg" alt="glossytext10" width="429" height="143" /></p>
<p><img class="aligncenter size-full wp-image-237" title="glossytext11" src="http://www.photoshoptutorialsfree.com/wp-content/uploads/2010/02/glossytext11.jpg" alt="glossytext11" width="371" height="120" /><br />
Now change the opacity to 20%</p>
<p><img class="aligncenter size-full wp-image-238" title="glossytext12" src="http://www.photoshoptutorialsfree.com/wp-content/uploads/2010/02/glossytext12.jpg" alt="glossytext12" width="443" height="269" /><br />
I hope you will enjoy this, please leave a comment if u like this tutorial,if you want more tutorial just leave a message with the topic. Thanks</p>
<p><a class="a2a_dd addtoany_share_save" href="http://www.addtoany.com/share_save"><img src="http://www.photoshoptutorialsfree.com/wp-content/plugins/add-to-any/share_save_171_16.png" width="171" height="16" alt="Share/Bookmark"/></a> </p>]]></content:encoded>
			<wfw:commentRss>http://www.photoshoptutorialsfree.com/glossy-reflection-text-effect.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Learn how to create a blood stain text effect</title>
		<link>http://www.photoshoptutorialsfree.com/learn-how-to-create-a-blood-stain-text-effect.html</link>
		<comments>http://www.photoshoptutorialsfree.com/learn-how-to-create-a-blood-stain-text-effect.html#comments</comments>
		<pubDate>Wed, 10 Feb 2010 07:51:01 +0000</pubDate>
		<dc:creator>Admin</dc:creator>
				<category><![CDATA[Text Effects]]></category>

		<guid isPermaLink="false">http://www.photoshoptutorialsfree.com/?p=221</guid>
		<description><![CDATA[Blood Text Effect In this tutorial i will tell you how to give a simple blood text effect using a text with simple 4 new layer a brush and a image. please download the blood effect brush before you start the tutorial. 1. open new document 600 x 500(layer 1) fill this layer with black [...]]]></description>
			<content:encoded><![CDATA[<p>Blood Text Effect</p>
<p>In this tutorial i will tell you how to give a simple blood text effect using a text with simple 4 new layer a</p>
<p>brush and a image. please download the blood effect brush before you start the tutorial.</p>
<p>1. open new document 600 x 500(layer 1)<br />
fill this layer with black color(this will be our background)</p>
<p>2. In Step 2 we will select the text tool from the tool box click on the working area and type. here<br />
i type the word &#8220;GUN&#8221; use font style Arial and style bold and the font size to 72 or above. Remember to<br />
select the font color to white(you can select you own font style and font color thats depends on your choice)<br />
now we have a new layer called gun.(see at your layer channel by default all the text layer name is the text</p>
<p>you type so we have a layer gun)</p>
<p>3. Now duplicate your text layer,(by default your text layer name will be &#8220;gun copy&#8221;)</p>
<p>4. Now disable the text layer &#8220;gun&#8221; from your layer channel (see the image below how to disable)</p>
<p><img class="aligncenter size-full wp-image-222" title="channel" src="http://www.photoshoptutorialsfree.com/wp-content/uploads/2010/02/channel.jpg" alt="channel" width="500" height="390" /><br />
Clicking on the eye show on the image below will disable your layer, and clicking on it again will enable<br />
your layer.</p>
<p>5. Now select the layer&#8221;gun copy&#8221; and right click on it, you can see a pop up window select rasterize type.</p>
<p>6. Select the brush tool from the text box and then select your brush style blood. Using your brush click on the<br />
text(its important how you use the brush i suggest to make the brush size medium)</p>
<p>7. Now enable the text layer &#8220;gun&#8221;; selecting the layer &#8220;gun&#8221; select the &#8220;magic wand tool&#8221;; from the tool box<br />
pressing shift key from the keyboard select the word you type with the help of magic wand tool. release the<br />
shift key, now you can see the selected area.</p>
<p>8. Select the layer&#8221;gun copy&#8221;; and press CTRL+C to copy and CTRL+V to paste. you have a new layer now &#8220;layer 2&#8243;;</p>
<p>9. Select the the layer 1 and select the brush tools and add some more blood effect make sure you dont mess up.</p>
<p>10. Now your blood text effect is ready. you add some more effect using the &#8220;blending option&#8221;;</p>
<p><img class="aligncenter size-full wp-image-223" title="blood-text-effect" src="http://www.photoshoptutorialsfree.com/wp-content/uploads/2010/02/blood-text-effect.jpg" alt="blood-text-effect" width="600" height="400" /></p>
<p><a class="a2a_dd addtoany_share_save" href="http://www.addtoany.com/share_save"><img src="http://www.photoshoptutorialsfree.com/wp-content/plugins/add-to-any/share_save_171_16.png" width="171" height="16" alt="Share/Bookmark"/></a> </p>]]></content:encoded>
			<wfw:commentRss>http://www.photoshoptutorialsfree.com/learn-how-to-create-a-blood-stain-text-effect.html/feed</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Create a plastic text effects in photoshop</title>
		<link>http://www.photoshoptutorialsfree.com/create-a-plastic-text-effects-in-photoshop.html</link>
		<comments>http://www.photoshoptutorialsfree.com/create-a-plastic-text-effects-in-photoshop.html#comments</comments>
		<pubDate>Wed, 10 Feb 2010 07:43:55 +0000</pubDate>
		<dc:creator>Admin</dc:creator>
				<category><![CDATA[Text Effects]]></category>

		<guid isPermaLink="false">http://www.photoshoptutorialsfree.com/?p=209</guid>
		<description><![CDATA[1.Open a new document 500&#215;300 and fill the background with white color. 2.Select Type tool and change the font style to Bookman Old Style and font color to #dbd7d7, for this tutorial i m going to type &#8220;shierel&#8221;(thats the name of my friend). 3.Double click on the text layer and select the inner glow and [...]]]></description>
			<content:encoded><![CDATA[<p>1.Open a new document 500&#215;300 and fill the background with white color.</p>
<p>2.Select Type tool and change the font style to Bookman Old Style and font color to #dbd7d7, for this tutorial i m going to type &#8220;shierel&#8221;(thats the name of my friend).</p>
<p><img class="aligncenter size-full wp-image-210" title="plastictext1" src="http://www.photoshoptutorialsfree.com/wp-content/uploads/2010/02/plastictext1.jpg" alt="plastictext1" width="538" height="366" /><br />
3.Double click on the text layer and select the inner glow and and change the color from yellow to dark gray #756B6B set the size to 5px.</p>
<p><img class="aligncenter size-full wp-image-211" title="plastictext3" src="http://www.photoshoptutorialsfree.com/wp-content/uploads/2010/02/plastictext3.jpg" alt="plastictext3" width="593" height="436" /><br />
4.Now create a new layer and name it highlight, holding the Ctrl key click on the text layer.</p>
<p><img class="aligncenter size-full wp-image-212" title="plastictext2" src="http://www.photoshoptutorialsfree.com/wp-content/uploads/2010/02/plastictext2.jpg" alt="plastictext2" width="540" height="364" /><br />
5.Now go to Select&gt;modify&gt;contract and set the contract by to 3 and fill the selected area with white color(Do not deselect the selected area).</p>
<p><img class="aligncenter size-full wp-image-213" title="plastictext4" src="http://www.photoshoptutorialsfree.com/wp-content/uploads/2010/02/plastictext4.jpg" alt="plastictext4" width="594" height="434" /><br />
6.Now select the elliptical marquee tool and using your left key press twice or thrice to move left after you make the move press delete, by now you have the plastic effect, let add some effect to look more cool.</p>
<p><img class="aligncenter size-full wp-image-214" title="plastictext5" src="http://www.photoshoptutorialsfree.com/wp-content/uploads/2010/02/plastictext5.jpg" alt="plastictext5" width="593" height="436" /><br />
7.Now Go to Filter&gt;blur&gt;Gaussian Blur and set the radius to 1.0.</p>
<p><img class="aligncenter size-full wp-image-215" title="plastictext6" src="http://www.photoshoptutorialsfree.com/wp-content/uploads/2010/02/plastictext6.jpg" alt="plastictext6" width="597" height="433" /><br />
8.Now lets add some depth to it select the text layer and double click on it and select the drop shadow option and change the distance to 3px and size to 9px. Now we have done with the plastic text effect tutorials.</p>
<p><img class="aligncenter size-full wp-image-216" title="plastictext7" src="http://www.photoshoptutorialsfree.com/wp-content/uploads/2010/02/plastictext7.jpg" alt="plastictext7" width="517" height="324" /><img class="aligncenter size-full wp-image-217" title="plastictext8" src="http://www.photoshoptutorialsfree.com/wp-content/uploads/2010/02/plastictext8.jpg" alt="plastictext8" width="524" height="321" /><img class="aligncenter size-full wp-image-218" title="plastictext9" src="http://www.photoshoptutorialsfree.com/wp-content/uploads/2010/02/plastictext9.jpg" alt="plastictext9" width="471" height="189" /><br />
Hope you enjoy, try out this tutorials using different color, if you like this tutorials please a comment.</p>
<p><a class="a2a_dd addtoany_share_save" href="http://www.addtoany.com/share_save"><img src="http://www.photoshoptutorialsfree.com/wp-content/plugins/add-to-any/share_save_171_16.png" width="171" height="16" alt="Share/Bookmark"/></a> </p>]]></content:encoded>
			<wfw:commentRss>http://www.photoshoptutorialsfree.com/create-a-plastic-text-effects-in-photoshop.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Electric text effect</title>
		<link>http://www.photoshoptutorialsfree.com/electric-text-effect.html</link>
		<comments>http://www.photoshoptutorialsfree.com/electric-text-effect.html#comments</comments>
		<pubDate>Wed, 10 Feb 2010 07:32:10 +0000</pubDate>
		<dc:creator>Admin</dc:creator>
				<category><![CDATA[Featured]]></category>
		<category><![CDATA[Text Effects]]></category>

		<guid isPermaLink="false">http://www.photoshoptutorialsfree.com/?p=205</guid>
		<description><![CDATA[Create a new image 500x500px with a &#8220;transparent&#8221; background. Rename the only existing layer &#8220;back&#8221;. Fill ( Edit &#62; Fill ) layer &#8220;back&#8221; with black. Impact Using the Horizontal Type Tool, write some large text in white. For this tutorial, I wrote &#8220;world&#8221; in 60 pt with the font Arial. Rasterize the text ( Layer [...]]]></description>
			<content:encoded><![CDATA[<p>Create a new image 500x500px with a &#8220;transparent&#8221; background. Rename the only existing layer &#8220;back&#8221;.</p>
<p>Fill ( Edit &gt; Fill ) layer &#8220;back&#8221; with black.</p>
<p>Impact Using the Horizontal Type Tool, write some large text in white.</p>
<p>For this tutorial, I wrote &#8220;world&#8221; in 60 pt with the font Arial.</p>
<p>Rasterize the text ( Layer &gt; Rasterize &gt; Text ).</p>
<p>Rename the layer that has the now rasterized text &#8220;Text&#8221;.</p>
<p>Step 2</p>
<p>Duplicate layer &#8220;Text&#8221; and rename the new layer &#8220;Text 2&#8243;. Hide layer &#8220;Text 2&#8243; by clicking on the eye to the left of it on the Layer Palette.</p>
<p>Activate layer &#8220;Text&#8221; on the Layer Palette and merge all visible layers ( Layer &gt; Merge Visible ).</p>
<p>Transform the image 90 degrees clockwise ( Edit &gt; Transform &gt; 90 degrees CW )</p>
<p>Wind 1Apply the Wind filter ( Filter &gt; Stylize &gt; Wind ) with the method &#8220;Wind&#8221; and the Direction &#8220;From the Right&#8221;. Repeat ( Ctrl-f ) this filter.</p>
<p>Now, apply the Wind filter ( Filter &gt; Stylize &gt; Wind ) again except this time, use the Direction &#8220;From the Left&#8221;. Repeat ( Ctrl-f ) this filter.</p>
<p>Step 3</p>
<p>Transform the image 90 degrees counter-clockwise ( Edit &gt; Transform &gt; 90 degrees CCW ). We are now going to apply the Wind filter again except this time, only once in each direction.</p>
<p>Wind 2Apply the Wind filter ( Filter &gt; Stylize &gt; Wind ) with the method &#8220;Wind&#8221; and the Direction &#8220;From the Right&#8221;.</p>
<p>Now, apply the Wind filter ( Filter &gt; Stylize &gt; Wind ) again except this time, use the Direction &#8220;From the Left&#8221;.</p>
<p>RippleApply the Ripple Filter ( Filter &gt; Distort &gt; Ripple ) to make the light wavy.</p>
<p>Hue/SaturationOpen the Hue/Saturation window ( Image &gt; Adjustments &gt; Hue/Saturation ) and press Ok with the default values.</p>
<p>Step 4</p>
<p>Final Shocking TextUnhide layer &#8220;Text 2&#8243; and activate it on the Layer Palette.</p>
<p>Select the text on the layer by pressing Ctrl then clicking on the thumbnail of the layer on the Layer Palette.</p>
<p>Contract ( Select &gt; Contract ) the selection by 2 pixels. Now Fill ( Edit &gt; Fill ) in the selection with black ( Hex #000000 ).</p>
<p>Final step</p>
<p>First, merge all visible layers ( Layer &gt; Merge Visible ).</p>
<p>Duplicate the only existing layer twice.</p>
<p>Change the Blending Mode of the middle layer to &#8220;screen&#8221;.</p>
<p>Change the Blending Mode of the top layer to &#8220;overlay&#8221;.</p>
<p><img class="aligncenter size-full wp-image-206" title="electric-effect" src="http://www.photoshoptutorialsfree.com/wp-content/uploads/2010/02/electric-effect.jpg" alt="electric-effect" width="500" height="500" /></p>
<p><a class="a2a_dd addtoany_share_save" href="http://www.addtoany.com/share_save"><img src="http://www.photoshoptutorialsfree.com/wp-content/plugins/add-to-any/share_save_171_16.png" width="171" height="16" alt="Share/Bookmark"/></a> </p>]]></content:encoded>
			<wfw:commentRss>http://www.photoshoptutorialsfree.com/electric-text-effect.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
