<?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>Webdevtuts &#187; text effect</title>
	<atom:link href="http://www.webdevtuts.net/tag/text-effect/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.webdevtuts.net</link>
	<description>Making tutorials fun and easy!</description>
	<lastBuildDate>Wed, 28 Jul 2010 05:38:43 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>Quicktip: Create an easy &amp; simple paint splatter text using photoshop</title>
		<link>http://www.webdevtuts.net/photoshop-2/quicktip-create-an-easy-simple-paint-splatter-text-using-photoshop/</link>
		<comments>http://www.webdevtuts.net/photoshop-2/quicktip-create-an-easy-simple-paint-splatter-text-using-photoshop/#comments</comments>
		<pubDate>Fri, 23 Jul 2010 16:43:38 +0000</pubDate>
		<dc:creator>Marcell</dc:creator>
				<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[quicktips]]></category>
		<category><![CDATA[clean]]></category>
		<category><![CDATA[paint]]></category>
		<category><![CDATA[paint splatter]]></category>
		<category><![CDATA[quick tip]]></category>
		<category><![CDATA[text effect]]></category>

		<guid isPermaLink="false">http://www.webdevtuts.net/?p=1557</guid>
		<description><![CDATA[Create text effect is quite fun. In today's quick tip I will show you guys how to create an awesome and easy paint splatter text effect  using Photoshop. This technique can be used for many things so why not give it a try.]]></description>
			<content:encoded><![CDATA[<p>Create text effect is quite fun. In today&#8217;s quick tip I will show you guys how to create an awesome and easy paint splatter text effect  using Photoshop. This technique can be used for many things so why not give it a try.</p>
<p><a href="/wp-content/uploads/2010/paint/wetpaint.jpg" title="View Paint Splatter Text"><img class="aligncenter" src="/wp-content/uploads/2010/paint/5.jpg" alt="Preview paint splatter"></a></p>
<h2>Step 1</h2>
<p>Create new document 1280px x 1000px 72dpi. Background Color #fff(white)<br />
<img class="aligncenter" src="/wp-content/uploads/2010/paint/1.jpg" alt="Create new document"/></p>
<h2>Step 2</h2>
<p>Now select the type tool color:#a90000, and write out any word you would like. Text size dosen&#8217;t matter but make it big as possible for this tutorial.<br />
<img class="aligncenter" src="/wp-content/uploads/2010/paint/2.jpg" alt="Wet Paint"/></p>
<h2>Step 3</h2>
<p>Create a new layer then select the rounded brush tool color:#a90000. The brush size varies according to your text size so choose the approiate size. Now create a circle by the end of one of your letters. I&#8217;m going to start with the W.<br />
<img class="aligncenter" src="/wp-content/uploads/2010/paint/3.jpg" alt="Draw Circle"/></p>
<h2>Step 4</h2>
<p>This is the part where we will create the drip. Make the brush tool slightly smaller and draw out a drip.<br />
<img class="aligncenter" src="/wp-content/uploads/2010/paint/4.jpg" alt="Drip"/></p>
<h2>Step 5</h2>
<p>Now create 3 circle. Make all circles different sizes and put them around the main circle and drip so that they look like paint splatter.<br />
<img class="aligncenter" src="/wp-content/uploads/2010/paint/7.jpg" alt="Paint Splatter"/></p>
<h2>Step 6</h2>
<p>Repeat the steps above for every other word or so then you should have a completed paint splatter. I&#8217;ve decided to add a black background to my text. HEHE! You are all done.<br />
<img class="aligncenter" src="/wp-content/uploads/2010/paint/5.jpg" alt="Complete"/></p>
<p><a title="Downloaded {title} times" href="/wp-content/uploads/2010/paint/paint.rar"><img src="http://webdevtuts.net/wp-content/uploads/2009/post/download_btn.gif" alt="Download" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.webdevtuts.net/photoshop-2/quicktip-create-an-easy-simple-paint-splatter-text-using-photoshop/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Create a clean elegant glass like typography wallpaper in photoshop</title>
		<link>http://www.webdevtuts.net/photoshop-2/create-a-clean-elegant-glass-like-typography-wallpaper-in-photoshop/</link>
		<comments>http://www.webdevtuts.net/photoshop-2/create-a-clean-elegant-glass-like-typography-wallpaper-in-photoshop/#comments</comments>
		<pubDate>Fri, 16 Jul 2010 21:44:13 +0000</pubDate>
		<dc:creator>Marcell</dc:creator>
				<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[glass]]></category>
		<category><![CDATA[instructions]]></category>
		<category><![CDATA[text effect]]></category>
		<category><![CDATA[Tutorial]]></category>
		<category><![CDATA[typography]]></category>

		<guid isPermaLink="false">http://www.webdevtuts.net/?p=1532</guid>
		<description><![CDATA[So I was messing around and photoshop and decided that I needed a tutorial for you Webdevians and came up with something that you all might love. In this tutorial I will show you how to create a very simple but clean glass like typography wallpaper. This tutorial should take no longer then 5-10 minutes so if you have the time why not give it a shot. ]]></description>
			<content:encoded><![CDATA[<p>So I was messing around and photoshop and decided that I needed a tutorial for you Webdevians and came up with something that you all might love. In this tutorial I will show you how to create a very simple but clean glass like typography wallpaper. This tutorial should take no longer then 5-10 minutes so if you have the time why not give it a shot. </p>
<blockquote>
<h2>Things you need</h2>
<ul>
<li><a href="http://www.fonts2u.com/sansserifexbflfcond.font?comments=1#comments" title="Font For tutorial" target="_blank">sansserifexbflfcond Font</a></li>
</ul>
</blockquote>
<h2>Step 1</h2>
<p>Create a new document width:1000px x height:631px background #000000<br />
<img class="aligncenter" src="/wp-content/uploads/2010/typoglass/1.newdoc.jpg" alt="Create a New Document" title="Create a New Document"></p>
<h2>Step 2</h2>
<p>Select the type tool <b>font:</b>sansserifexbflfcond(medium), <b>size:</b>200px, <b>color:</b>#ff9700, smooth. Now select the Character Panel or go to Window>>Character and change the text Tracking to -60(Text tracking goes from left to right). Then write a word that you would like to use. I&#8217;ve chosen Webdevtuts.<br />
<img class="aligncenter" src="/wp-content/uploads/2010/typoglass/2.createtext.jpg" alt="write your own words" title="Write your own words"></p>
<p>Double click on the text layer or right click>>blending options. Select <b>color overlay</b> and change the color to #1b1b1b. Then select <b>stroke</b>, <b>size:</b> 1, <b>position:</b> outside, <b>blend mode:</b>normal, <b>opacity:</b>100, <b>fill type:</b>color, <b>color;</b> #b4b4b4<br />
<img class="aligncenter" src="/wp-content/uploads/2010/typoglass/2-2.createtext.jpg" alt="Write own words settings" title="Write own words settings"></p>
<p><img class="aligncenter" src="/wp-content/uploads/2010/typoglass/2.example1.jpg" alt="Example1" title="Example 1"></p>
<h2>Step 3</h2>
<p>Duplicate the text layer then right click>>blending options. Now click on <b>gradient options</b>. <b>blendmode</b>normal, <b>opacity:</b>100, <b>Gradient</b>(Double click on the gradient bar, <b>left color:</b>#adadad, <b>right color:</b>#ffffff), <b>style:</b>linear, <b>angle:</b>90, <b>scale:</b>100<br />
<img class="aligncenter" src="/wp-content/uploads/2010/typoglass/3.dupset.jpg" alt="Duplicate Text" title="Duplicate Text"></p>
<p><img class="aligncenter" src="/wp-content/uploads/2010/typoglass/example2.jpg" alt="Example2" title="Example 2"></p>
<h2>Step 4</h2>
<p>Select the rounded rectangle tool <b>color:</b>#5f5f5f then draw a circle under your typography.<br />
<img class="aligncenter" src="/wp-content/uploads/2010/typoglass/4.circle.jpg" alt="Create Circle" title="Create a Circle"></p>
<p>Then go to Filter>>blur>>Guassian blur 90px.<br />
<img class="aligncenter" src="/wp-content/uploads/2010/typoglass/4-2.circleblur.jpg" alt="guassian blur" title="Guassian Blur"></p>
<h2>Step 5</h2>
<p>Select the rounded rectangle tool <b>color:</b>#151515 and draw a rectangle under your text(Make sure it goes into the black on both sides). Then go to Filter>>blur>>Guassian blur 5px.<br />
<img class="aligncenter" src="/wp-content/uploads/2010/typoglass/5.shadow.jpg" alt="shadow" title="shadow"></p>
<h2>Step 6</h2>
<p>Duplicate the text layer then create a new group then add the text layer to the group. Right click on the group>>merge group. Go to Edit>>transform>>Flip Vertical. Then drag the vertical text downward until its under the original text.<br />
<img class="aligncenter" src="/wp-content/uploads/2010/typoglass/6.duptext.jpg" alt="Duplicate Text" title="duplicate Text"></p>
<p>Now select the rounded blur eraser tool and erase the bottom text until you have that reflection look. Might take of couple of tries but you&#8217;ll get it.<br />
<img class="aligncenter" src="/wp-content/uploads/2010/typoglass/6-2.textflect.jpg" alt="reflection" title="Text Reflection"></p>
<h2>Step 7</h2>
<p>Select the rounded rectangle tool color: #ffffff, and create a circle on top of your text leaving some of the bottom area untouched.<br />
<img class="aligncenter" src="/wp-content/uploads/2010/typoglass/7.circletop.jpg" alt="Circle" title="Circle On top of text"></p>
<p>Now change the layer opacity to 10%.<br />
<img class="aligncenter" src="/wp-content/uploads/2010/typoglass/7.layeropacity.jpg" alt="Opacity" title="Change Layer Opacity"></p>
<h2>Step 8</h2>
<p>Select the custom shape tool>>Triangle and create a triangle over the text. Try to have it so the triangle is within the glow with just did in the previous step.<br />
<img class="aligncenter" src="/wp-content/uploads/2010/typoglass/7.layeropacity.jpg" alt="Triangle" title="Triangle"></p>
<p>Now go to filter>>blur>>Guassian blur. Set the blur to 80. Then change the layer opacity to 80. You&#8217;re now done and should have a nice elegant glass looking text typography.<br />
<a href="/wp-content/uploads/2010/typoglass/donebig.jpg" target="_blank" title="Finish Glass Typography Text"><img class="aligncenter" src="/wp-content/uploads/2010/typoglass/done.jpg"/></a></p>
<p><a title="Downloaded {title} times" href="/wp-content/uploads/2010/typoglass/Typography.rar"><img src="http://webdevtuts.net/wp-content/uploads/2009/post/download_btn.gif" alt="Download" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.webdevtuts.net/photoshop-2/create-a-clean-elegant-glass-like-typography-wallpaper-in-photoshop/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Create a fancy neon text effect</title>
		<link>http://www.webdevtuts.net/photoshop-2/create-a-fancy-neon-text-effect/</link>
		<comments>http://www.webdevtuts.net/photoshop-2/create-a-fancy-neon-text-effect/#comments</comments>
		<pubDate>Sat, 31 Oct 2009 06:28:16 +0000</pubDate>
		<dc:creator>Marcell</dc:creator>
				<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[text effect]]></category>
		<category><![CDATA[Tutorial]]></category>

		<guid isPermaLink="false">http://www.webdevtuts.net/?p=516</guid>
		<description><![CDATA[Create a fancy neon text effect using adobe photoshop. Learn how to create a text effect in under 10 minutes. Outcomes looks sweet!]]></description>
			<content:encoded><![CDATA[<h2>Step 1</h2>
<p>Create new document 1280px x 700px 72dpi. Background <b>color:</b>#000<br />
<img src="http://webdevtuts.net/wp-content/uploads/2009/09/wordtut/1.open.jpg" alt="Create new document"/></p>
<h2>Step 2</h2>
<p>Now we will add a brick wall to our image. Google search for a brick wall images, there are many to choose from. Once you have brick wall image go to <b>Image>>Adjustment>>Brightness/Contrast</b> and adjust<br />
image color until it is kinda dark.<br />
<img src="http://webdevtuts.net/wp-content/uploads/2009/09/wordtut/2.goto.jpg" alt="Adjust color"/></p>
<p><img src="http://webdevtuts.net/wp-content/uploads/2009/09/wordtut/2.brighset.jpg" alt="Settings"/></p>
<h2>Step 3</h2>
<p>Select the brush tool then select the blur edge paint brush and create a circle leaving the inside empty.<br />
<img src="http://webdevtuts.net/wp-content/uploads/2009/09/wordtut/3.select.jpg" alt="Select blur brush"/></p>
<p>You should now have a black hole with a small blur around the hole like in the example below.<br />
<img src="http://webdevtuts.net/wp-content/uploads/2009/09/wordtut/3.select_2.jpg" alt="Hole example"/></p>
<h2>Step 4</h2>
<p>Now We will add a silhouette to our background. Google search silhouette and choose any silhouette. When you have the right silhouette drag image into photoshop.</p>
<p><b>Note:</b> If image has white background select the <b>Magic Eraser Tool</b>(Press B to select Magic Eraser Tool ).<br />
<img src="http://webdevtuts.net/wp-content/uploads/2009/09/wordtut/4.shiloutee.jpg" alt="Silhouette"/></p>
<h2>Step 5</h2>
<p>Next we will create our elegant text effect. Select the type tool <b>Font Type:</b> Amienne, <b>size:</b>225px, <b>Color:</b>#ff2fcc( Font can be downloaded from <a href="http://www.windowfonts.com/fonts/amienne-bold.html">here</a>).</p>
<p>Type any word you desire. I will use Webdevtuts.<br />
<img src="http://webdevtuts.net/wp-content/uploads/2009/09/wordtut/5.wrtxt.jpg" alt="text tool"/></p>
<h2>Step 6</h2>
<p>Now we will make our text glossy and worth looking at. Right click on text layer>>Blending options>>Drop Shadow. Copy settings below<br />
<img src="http://webdevtuts.net/wp-content/uploads/2009/09/wordtut/6.dropshad.jpg" alt="Drop Shadow settings"/></p>
<p>Copy Outter Glow Settings. <b>Color:</b>#ff029e<br />
<img src="http://webdevtuts.net/wp-content/uploads/2009/09/wordtut/6.outerglow.jpg" alt="Outter Glow settings"/></p>
<p>Copy Bevel and Emboss Settings<br />
<img src="http://webdevtuts.net/wp-content/uploads/2009/09/wordtut/6.bevel.jpg" alt="Bevel and Emboss settings"/></p>
<p>Copy Gradient overlay settings Glow Settings<br />
<img src="http://webdevtuts.net/wp-content/uploads/2009/09/wordtut/6.gradt_1.jpg" alt="Gradient overlay settings"/></p>
<p>Double click on the gradient color bar, <b>Left Color:</b> #ff2fcc, <b>Right Color:</b> #ff74dd,<br />
<img src="http://webdevtuts.net/wp-content/uploads/2009/09/wordtut/grade_2.jpg" alt="Gradient overlay color"/></p>
<p>Copy stroke Settings<br />
<img src="http://webdevtuts.net/wp-content/uploads/2009/09/wordtut/6.stroke.jpg" alt="Stroke settings"/></p>
<p>You should now have a glossy text effect. To give it that feel I&#8217;ve added the word now open. You can accomplish that by duplicating<br />
the first test layer and changing the font color and size. Well that&#8217;s about it I hope you all succeeded with this tutorial.<br />
<a href="http://webdevtuts.net/wp-content/uploads/2009/09/wordtut/final.jpg"><img src="http://webdevtuts.net/wp-content/uploads/2009/09/wordtut/7.jpg" alt="final"/></a></p>
<p><a title="Downloaded {title} times" href="http://www.webdevtuts.net/wp-content/uploads/2009/07/downloads/Text effect- webdevtuts.psd"><img src="http://webdevtuts.net/wp-content/uploads/2009/post/download_btn.gif" alt="title" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.webdevtuts.net/photoshop-2/create-a-fancy-neon-text-effect/feed/</wfw:commentRss>
		<slash:comments>11</slash:comments>
		</item>
	</channel>
</rss>
