<?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>Extra Unique Adobe Photoshop Tutorials - PSD Vault &#187; Text Effects</title>
	<atom:link href="http://www.psdvault.com/category/text-effects/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.psdvault.com</link>
	<description></description>
	<lastBuildDate>Wed, 08 Feb 2012 00:17:18 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1</generator>
		<item>
		<title>Easily Apply Texture with Clipping Mask to Produce Unique Text Effect in Photoshop</title>
		<link>http://www.psdvault.com/text-effects/easily-apply-texture-with-clipping-mask-to-produce-unique-text-effect-in-photoshop/</link>
		<comments>http://www.psdvault.com/text-effects/easily-apply-texture-with-clipping-mask-to-produce-unique-text-effect-in-photoshop/#comments</comments>
		<pubDate>Tue, 31 Jan 2012 12:31:50 +0000</pubDate>
		<dc:creator>James Qu</dc:creator>
				<category><![CDATA[Basics]]></category>
		<category><![CDATA[Text Effects]]></category>
		<category><![CDATA[apply texture clipping mask]]></category>
		<category><![CDATA[clipping mask photoshop]]></category>
		<category><![CDATA[texture typography]]></category>

		<guid isPermaLink="false">http://www.psdvault.com/?p=12840</guid>
		<description><![CDATA[In this tutorial, I will show you the detailed step to apply Texture with Clipping Mask to Produce Unique Typography in Photoshop. In my past tutorials I have used clipping mask a few times but many of you might still be confused about it's usage. So hopefully this basic tutorial will help answering some questions.]]></description>
			<content:encoded><![CDATA[<p>In this tutorial, I will show you the detailed step to apply Texture with Clipping Mask to Produce Unique Typography in Photoshop. In my past tutorials I have used clipping mask a few times but many of you might still be confused about it&#8217;s usage. So hopefully this basic tutorial will help answering some questions.</p>
<p>By definition, <strong>a clipping mask</strong>:</p>
<blockquote><p>&#8220;lets you use the content of a layer to mask the layers above it. The masking is determined by the content of the bottom or <dfn>base layer</dfn>. The non-transparent content of the base layer clips (reveals), the content of the layers above it in the clipping mask. All other content in the clipped layers is masked out.&#8221;</p></blockquote>
<p>On top of clipping mask, to produce the final effect for this tutorial, I also used a number of other settings such as layer blending, filter effect and adjustment layers.</p>
<p>Here is a preview of the final effect I have for this tutorial: (click to enlarge)</p>
<p><a href="http://www.psdvault.com/img/2012/01/crack-text-flatten-2.jpg"><img class="alignnone size-medium wp-image-12841" title="crack-text-flatten-2" src="http://www.psdvault.com/img/2012/01/crack-text-flatten-2-500x618.jpg" alt="crack text flatten 2 500x618 Easily Apply Texture with Clipping Mask to Produce Unique Text Effect in Photoshop" width="500" height="618" /></a></p>
<h3>PSD File Download</h3>
<div>
<p>You can download the PSD File for this tutorial via the VIP Members Area for only $6.95/Month (or less)! You will not only get this PSD File, but also 70+ other PSD Files + Extra Goodies + Exclusive Photoshop tutorials there. <a href="http://www.psdvault.com/vip/signup.php" target="_blank">Signup now</a> and get exclusive :) <a href="http://www.psdvault.com/vault-news/psd-vault-vip-members-area-launched-signup-and-get-exclusive/" target="_blank">Find out more about the VIP Members Areas</a></p>
<p><a href="http://www.psdvault.com/vip/signup.php"><img title="vip-sign-up-250" src="http://img.psdvault.com/2010/04/vip-sign-up-250.png" alt="vip sign up 250 Easily Apply Texture with Clipping Mask to Produce Unique Text Effect in Photoshop" width="250" height="250" /></a></p>
<p>OK Let&#8217;s get started!</p>
</div>
<p>To complete this tutorial, you will need the following stocks:</p>
<p><a href="http://www.cgtextures.com/texview.php?id=33546&amp;PHPSESSID=ikboctjq64k35ufildadg5qmj6" target="_blank">Crack Texture</a></p>
<p><a href="http://smashinghub.com/a-collection-of-water-splash-brushes-for-photoshop.htm" target="_blank">Water Brushsets </a>(choose one from the list)</p>
<h3>Step 1</h3>
<p>Let&#8217;s start by creating a document with black background, use the type tool to type a letter on the document:</p>
<p><a href="http://www.psdvault.com/img/2012/01/1-type.jpg"><img class="alignnone size-medium wp-image-12844" title="1 type" src="http://www.psdvault.com/img/2012/01/1-type-500x580.jpg" alt="1 type 500x580 Easily Apply Texture with Clipping Mask to Produce Unique Text Effect in Photoshop" width="500" height="580" /></a></p>
<p>Now load the stone texture into Photoshop, use the rectangular marquee tool to select a piece as shown below:</p>
<p>&nbsp;</p>
<p><a href="http://www.psdvault.com/img/2012/01/1-select.jpg"><img class="alignnone size-full wp-image-12843" title="1 select" src="http://www.psdvault.com/img/2012/01/1-select.jpg" alt="1 select Easily Apply Texture with Clipping Mask to Produce Unique Text Effect in Photoshop" width="394" height="446" /></a></p>
<p>Copy and paste this piece of texture onto our text, resize and rotate it as shown below:</p>
<p>&nbsp;</p>
<p><a href="http://www.psdvault.com/img/2012/01/1-paste.jpg"><img class="alignnone size-medium wp-image-12842" title="1 paste" src="http://www.psdvault.com/img/2012/01/1-paste-500x524.jpg" alt="1 paste 500x524 Easily Apply Texture with Clipping Mask to Produce Unique Text Effect in Photoshop" width="500" height="524" /></a></p>
<h3>Step 2</h3>
<p>Now if you right click on the texture layer, you will see an option called &#8220;Create Clipping Mask&#8221;, click on it:</p>
<p><img class="alignnone size-full wp-image-12845" style="border-style: initial; border-color: initial;" title="2 create clip" src="http://www.psdvault.com/img/2012/01/2-create-clip.jpg" alt="2 create clip Easily Apply Texture with Clipping Mask to Produce Unique Text Effect in Photoshop" width="391" height="576" />&nbsp;</p>
<p>And you will texture becomes an overlay for the text, with the rest of the area disappeared:<br />
&nbsp;</p>
<p><a href="http://www.psdvault.com/img/2012/01/2-effect1.jpg"><img class="alignnone size-full wp-image-12847" style="border-style: initial; border-color: initial;" title="2 effect" src="http://www.psdvault.com/img/2012/01/2-effect1.jpg" alt="2 effect1 Easily Apply Texture with Clipping Mask to Produce Unique Text Effect in Photoshop" width="393" height="380" /></a></p>
<p>Repeat Step 1 and 2, cover the entire text with stone texture &#8211; we can use this to get some practices with clipping mask:</p>
<p>&nbsp;</p>
<p><a href="http://www.psdvault.com/img/2012/01/2-effect-2.jpg"><img class="alignnone size-full wp-image-12846" style="border-style: initial; border-color: initial;" title="2 effect 2" src="http://www.psdvault.com/img/2012/01/2-effect-2.jpg" alt="2 effect 2 Easily Apply Texture with Clipping Mask to Produce Unique Text Effect in Photoshop" width="417" height="457" /></a></p>
<h3>Step 3</h3>
<p>Now we want to remove part of the text with a layer mask add to text layer:</p>
<p><a href="http://www.psdvault.com/img/2012/01/3-layer-mask.jpg"><img class="alignnone size-full wp-image-12850" title="3 layer mask" src="http://www.psdvault.com/img/2012/01/3-layer-mask.jpg" alt="3 layer mask Easily Apply Texture with Clipping Mask to Produce Unique Text Effect in Photoshop" width="275" height="127" /></a></p>
<p>Now you will because we have the texture layers as clipping masks, the parts we erased on the text will fade on the texture layers as well:</p>
<p>&nbsp;</p>
<p><a href="http://www.psdvault.com/img/2012/01/3-effect2.jpg"><img class="alignnone size-medium wp-image-12849" title="3 effect" src="http://www.psdvault.com/img/2012/01/3-effect2-500x316.jpg" alt="3 effect2 500x316 Easily Apply Texture with Clipping Mask to Produce Unique Text Effect in Photoshop" width="500" height="316" /></a></p>
<p>I would also like to mention that you can add adjustment layer as clipping mask as well &#8211; make sure you tick the &#8220;Use Previous Layer to Create Clipping Mask&#8221; option &#8211; this way the effect will only apply to the layer below the adjustment layer:</p>
<p>&nbsp;</p>
<p><a href="http://www.psdvault.com/img/2012/01/3-adjustment-clip.jpg"><img class="alignnone size-medium wp-image-12848" title="3 adjustment clip" src="http://www.psdvault.com/img/2012/01/3-adjustment-clip-500x257.jpg" alt="3 adjustment clip 500x257 Easily Apply Texture with Clipping Mask to Produce Unique Text Effect in Photoshop" width="500" height="257" /></a></p>
<p>Try adding a few adjustment layers (curves, levels) as clipping mask to the texture layer, and test the effect.</p>
<h3>Step 4</h3>
<p><strong>(Attention &#8211; the rest of this tutorial involves some advanced techniques, there is no need to proceed if you just want to learn something about clipping masks)</strong></p>
<p>Now we can add some flowing water effect to the image &#8211; we can use the water brush to paint some dripping/splashing water:</p>
<p><a href="http://www.psdvault.com/img/2012/01/4-paint.jpg"><img class="alignnone size-full wp-image-12853" title="4 paint" src="http://www.psdvault.com/img/2012/01/4-paint.jpg" alt="4 paint Easily Apply Texture with Clipping Mask to Produce Unique Text Effect in Photoshop" width="318" height="655" /></a></p>
<p>Use a liquify filter to warp this water pattern as shown below:</p>
<p>&nbsp;</p>
<p><a href="http://www.psdvault.com/img/2012/01/4-liquify.jpg"><img class="alignnone size-medium wp-image-12852" title="4 liquify" src="http://www.psdvault.com/img/2012/01/4-liquify-500x644.jpg" alt="4 liquify 500x644 Easily Apply Texture with Clipping Mask to Produce Unique Text Effect in Photoshop" width="500" height="644" /></a></p>
<p>Repeat this above step, make several water pattern layers and attach them around the text:</p>
<p>&nbsp;</p>
<p><a href="http://www.psdvault.com/img/2012/01/4-dup1.jpg"><img class="alignnone size-medium wp-image-12851" title="4 dup" src="http://www.psdvault.com/img/2012/01/4-dup1-500x355.jpg" alt="4 dup1 500x355 Easily Apply Texture with Clipping Mask to Produce Unique Text Effect in Photoshop" width="500" height="355" /></a></p>
<h3>Step 5</h3>
<p>For some final retouches, I added some cloud effect with some cloud brushes I downloaded from the web:</p>
<p><a href="http://www.psdvault.com/img/2012/01/5-cloud1.jpg"><img class="alignnone size-medium wp-image-12855" style="border-style: initial; border-color: initial;" title="5 cloud" src="http://www.psdvault.com/img/2012/01/5-cloud1-500x275.jpg" alt="5 cloud1 500x275 Easily Apply Texture with Clipping Mask to Produce Unique Text Effect in Photoshop" width="500" height="275" /></a></p>
<p>Also added some grungy textures around the canvas for some decoration:</p>
<p>&nbsp;</p>
<p><a href="http://www.psdvault.com/img/2012/01/5-grunge-pattern.jpg"><img class="alignnone size-medium wp-image-12856" style="border-style: initial; border-color: initial;" title="5 grunge pattern" src="http://www.psdvault.com/img/2012/01/5-grunge-pattern-500x595.jpg" alt="5 grunge pattern 500x595 Easily Apply Texture with Clipping Mask to Produce Unique Text Effect in Photoshop" width="500" height="595" /></a></p>
<p>Finally, I flattened the image and duplicate the background layer, and applied some &#8220;Accented Edges&#8221; filter effect on the duplicated layer &#8211; use layer mask to hide some parts of this duplicated layer to reveal the background layer:</p>
<p>&nbsp;</p>
<p><a href="http://www.psdvault.com/img/2012/01/5-accented-edges.jpg"><img class="alignnone size-medium wp-image-12854" title="5 accented edges" src="http://www.psdvault.com/img/2012/01/5-accented-edges-500x405.jpg" alt="5 accented edges 500x405 Easily Apply Texture with Clipping Mask to Produce Unique Text Effect in Photoshop" width="500" height="405" /></a>&nbsp;</p>
<p>I then further added some slight colour adjustment and here is the final effect I have: (click to enlarge)</p>
<p><a href="http://www.psdvault.com/img/2012/01/crack-text-flatten-2.jpg"><img class="alignnone size-medium wp-image-12841" title="crack-text-flatten-2" src="http://www.psdvault.com/img/2012/01/crack-text-flatten-2-500x618.jpg" alt="crack text flatten 2 500x618 Easily Apply Texture with Clipping Mask to Produce Unique Text Effect in Photoshop" width="500" height="618" /></a></p>
<p>That&#8217;s it for this tutorial! Hope you enjoy it and find it useful! Till next time, have a great day!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.psdvault.com/text-effects/easily-apply-texture-with-clipping-mask-to-produce-unique-text-effect-in-photoshop/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Design Abstract Surreal Text Effect with Metal Texture in Photoshop</title>
		<link>http://www.psdvault.com/text-effects/design-abstract-surreal-text-effect-with-metal-texture-in-photoshop/</link>
		<comments>http://www.psdvault.com/text-effects/design-abstract-surreal-text-effect-with-metal-texture-in-photoshop/#comments</comments>
		<pubDate>Sun, 22 Jan 2012 13:53:33 +0000</pubDate>
		<dc:creator>James Qu</dc:creator>
				<category><![CDATA[Text Effects]]></category>
		<category><![CDATA[abstract surreal photoshop]]></category>
		<category><![CDATA[metal texture photoshop]]></category>
		<category><![CDATA[text effect photoshop]]></category>

		<guid isPermaLink="false">http://www.psdvault.com/?p=12762</guid>
		<description><![CDATA[In this tutorial, I will show you the steps I took to create this unique, Abstract Surreal Text Effect with Metal Texture in Photoshop. This is an intermediate tutorial so some steps can be tricky, but why not have a try :)]]></description>
			<content:encoded><![CDATA[<p>In this tutorial, I will show you the steps I took to create this unique, Abstract Surreal Text Effect with Metal Texture in Photoshop. This is an intermediate tutorial so some steps can be tricky, but why not have a try :)</p>
<p>The aim of this tutorial is to show how you can manipulate texture/stock image with layer masks and blending options to create special effect. Also I will show you how to use adjustment layer to add colours in the end.</p>
<p>Customize your glossy <a href="http://www.nextdayflyers.com/glossy-brochure-printing/">brochure printing</a> to promote your small business.</p>
<p>Here is a preview of the final effect I have for this tutorial: (click to enlarge)</p>
<p><a href="http://www.psdvault.com/img/2012/01/metal-text-flatten.jpg"><img class="alignnone size-medium wp-image-12799" title="metal-text-flatten" src="http://www.psdvault.com/img/2012/01/metal-text-flatten-500x650.jpg" alt="metal text flatten 500x650 Design Abstract Surreal Text Effect with Metal Texture in Photoshop" width="500" height="650" /></a></p>
<h3>PSD File Download</h3>
<div>
<p>You can download the PSD File for this tutorial via the VIP Members Area for only $6.95/Month (or less)! You will not only get this PSD File, but also 70+ other PSD Files + Extra Goodies + Exclusive Photoshop tutorials there. <a href="http://www.psdvault.com/vip/signup.php" target="_blank">Signup now</a> and get exclusive :) <a href="http://www.psdvault.com/vault-news/psd-vault-vip-members-area-launched-signup-and-get-exclusive/" target="_blank">Find out more about the VIP Members Areas</a></p>
<p><a href="http://www.psdvault.com/vip/signup.php"><img title="vip-sign-up-250" src="http://img.psdvault.com/2010/04/vip-sign-up-250.png" alt="vip sign up 250 Design Abstract Surreal Text Effect with Metal Texture in Photoshop" width="250" height="250" /></a></p>
<p>OK Let&#8217;s get started!</p>
</div>
<p>To complete this tutorial, you will need the following stocks:</p>
<p><a href="http://browse.deviantart.com/resources/applications/psbrushes/?q=space&amp;order=9&amp;offset=24#/d4gl3y6" target="_blank">Space Brush Pack</a></p>
<p><a href="http://www.cgtextures.com/texview.php?id=29803&amp;PHPSESSID=osop07sj9mclbk56t7fomf0dq5" target="_blank">Metal Texture 1</a></p>
<p><a href="http://www.cgtextures.com/texview.php?id=3896&amp;PHPSESSID=osop07sj9mclbk56t7fomf0dq5" target="_blank">Metal Texture 2</a></p>
<h3>Step 1</h3>
<p>Create a new document sized 800px * 1040px with black background. Create a new layer and use the space brush to paint a background pattern, compress it down and set some perspective to it as shown below:</p>
<p><a href="http://www.psdvault.com/img/2012/01/1-persp1.jpg"><img class="alignnone size-medium wp-image-12767" title="1 persp" src="http://www.psdvault.com/img/2012/01/1-persp1-500x676.jpg" alt="1 persp1 500x676 Design Abstract Surreal Text Effect with Metal Texture in Photoshop" width="500" height="676" /></a></p>
<p>Create a new layer and further add some space pattern, reduce the layer opacity to around 80% and use a soft eraser to erase the centre portion as shown below:</p>
<blockquote><p>Hint: by performing the above two things, we added some depth to the image and get ready for adding the text in the following step.</p></blockquote>
<p><a href="http://www.psdvault.com/img/2012/01/1-paint1.jpg"><img class="alignnone size-full wp-image-12766" title="1 paint" src="http://www.psdvault.com/img/2012/01/1-paint1.jpg" alt="1 paint1 Design Abstract Surreal Text Effect with Metal Texture in Photoshop" width="471" height="611" /></a></p>
<p>Let&#8217;s add some simple light effect &#8211; create a new layer and use a big white brush to paint a dot light as shown below:</p>
<p><a href="http://www.psdvault.com/img/2012/01/1-paint-light.jpg"><img class="alignnone size-medium wp-image-12765" title="1 paint light" src="http://www.psdvault.com/img/2012/01/1-paint-light-500x414.jpg" alt="1 paint light 500x414 Design Abstract Surreal Text Effect with Metal Texture in Photoshop" width="500" height="414" /></a></p>
<p>Use a soft eraser with smaller brush size than the dot light, erase the top right part of the dot as shown below:</p>
<p><a href="http://www.psdvault.com/img/2012/01/1-erase2.jpg"><img class="alignnone size-medium wp-image-12764" title="1 erase" src="http://www.psdvault.com/img/2012/01/1-erase2-500x359.jpg" alt="1 erase2 500x359 Design Abstract Surreal Text Effect with Metal Texture in Photoshop" width="500" height="359" /></a></p>
<p>Duplicate this layer and rotate the duplicated layer 180 degrees, you will have the following effect:</p>
<p><a href="http://www.psdvault.com/img/2012/01/1-effect1.jpg"><img class="alignnone size-medium wp-image-12763" title="1 effect" src="http://www.psdvault.com/img/2012/01/1-effect1-500x656.jpg" alt="1 effect1 500x656 Design Abstract Surreal Text Effect with Metal Texture in Photoshop" width="500" height="656" /></a></p>
<h3>Step 2</h3>
<p>We can now work on the letter. Type a letter on the centre of the canvas, as shown below:</p>
<p><a href="http://www.psdvault.com/img/2012/01/2-type1.jpg"><img class="alignnone size-medium wp-image-12773" title="2 type" src="http://www.psdvault.com/img/2012/01/2-type1-500x633.jpg" alt="2 type1 500x633 Design Abstract Surreal Text Effect with Metal Texture in Photoshop" width="500" height="633" /></a></p>
<p>Load the &#8220;metal texture 1&#8243; image into Photoshop. Then load this text layer selection and move it to the metal texture, copy and paste it back onto our text:</p>
<p><a href="http://www.psdvault.com/img/2012/01/2-sel2.jpg"><img class="alignnone size-medium wp-image-12772" title="2 sel" src="http://www.psdvault.com/img/2012/01/2-sel2-500x344.jpg" alt="2 sel2 500x344 Design Abstract Surreal Text Effect with Metal Texture in Photoshop" width="500" height="344" /></a></p>
<p>Turn off the original text layer, and you will have the following effect:</p>
<p><a href="http://www.psdvault.com/img/2012/01/2-paste2.jpg"><img class="alignnone size-full wp-image-12771" title="2 paste" src="http://www.psdvault.com/img/2012/01/2-paste2.jpg" alt="2 paste2 Design Abstract Surreal Text Effect with Metal Texture in Photoshop" width="427" height="549" /></a></p>
<p>Open up the liquify filter, grab the forward warping tool and make sure you enable &#8220;Show Backdrop&#8221; and use the following setting: (this will make the background visible, easier to apply the liquify effect)</p>
<p><a href="http://www.psdvault.com/img/2012/01/2-liquid-sest.jpg"><img class="alignnone size-full wp-image-12770" title="2 liquid sest" src="http://www.psdvault.com/img/2012/01/2-liquid-sest.jpg" alt="2 liquid sest Design Abstract Surreal Text Effect with Metal Texture in Photoshop" width="285" height="299" /></a></p>
<p>Go crazy with the liquify tool, add some flowing effect around the text edges as shown below:</p>
<p><a href="http://www.psdvault.com/img/2012/01/2-liq.jpg"><img class="alignnone size-medium wp-image-12769" title="2 liq" src="http://www.psdvault.com/img/2012/01/2-liq-500x595.jpg" alt="2 liq 500x595 Design Abstract Surreal Text Effect with Metal Texture in Photoshop" width="500" height="595" /></a></p>
<p>Then erase the following area with the a soft eraser:</p>
<p><a href="http://www.psdvault.com/img/2012/01/2-erase.jpg"><img class="alignnone size-full wp-image-12768" title="2 erase" src="http://www.psdvault.com/img/2012/01/2-erase.jpg" alt="2 erase Design Abstract Surreal Text Effect with Metal Texture in Photoshop" width="450" height="567" /></a></p>
<h3>Step 3</h3>
<p>We can now apply some adjustments layers on the metal texture as clipping mask:</p>
<p>Black and White</p>
<p><img class="alignnone size-full wp-image-12774" style="border-style: initial; border-color: initial;" title="3 bw" src="http://www.psdvault.com/img/2012/01/3-bw2.jpg" alt="3 bw2 Design Abstract Surreal Text Effect with Metal Texture in Photoshop" width="210" height="336" /></p>
<p>Levels</p>
<p><a href="http://www.psdvault.com/img/2012/01/3-lv.jpg"><img class="alignnone size-full wp-image-12778" title="3 lv" src="http://www.psdvault.com/img/2012/01/3-lv.jpg" alt="3 lv Design Abstract Surreal Text Effect with Metal Texture in Photoshop" width="210" height="336" /></a></p>
<p>Curves</p>
<p><img class="alignnone size-full wp-image-12776" style="border-style: initial; border-color: initial;" title="3 curves" src="http://www.psdvault.com/img/2012/01/3-curves.jpg" alt="3 curves Design Abstract Surreal Text Effect with Metal Texture in Photoshop" width="210" height="336" /></p>
<p>Then use the Lasso Tool with 30px feather, draw a selection on the following area:</p>
<p><img class="alignnone size-medium wp-image-12779" style="border-style: initial; border-color: initial;" title="3 sel" src="http://www.psdvault.com/img/2012/01/3-sel-500x370.jpg" alt="3 sel 500x370 Design Abstract Surreal Text Effect with Metal Texture in Photoshop" width="500" height="370" /></p>
<p>Then add another Levels adjustment layer as clipping mask: (this will darken the Lasso Selection)</p>
<p><a href="http://www.psdvault.com/img/2012/01/3-levels.jpg"><img class="alignnone size-full wp-image-12777" style="border-style: initial; border-color: initial;" title="3 levels" src="http://www.psdvault.com/img/2012/01/3-levels.jpg" alt="3 levels Design Abstract Surreal Text Effect with Metal Texture in Photoshop" width="210" height="336" /></a></p>
<p>Render or paint some cloud (with cloud or smoke brush, plenty of them on the internet) around the text to add dramatic effect:</p>
<p><a href="http://www.psdvault.com/img/2012/01/3-cloud.jpg"><img class="alignnone size-medium wp-image-12775" style="border-style: initial; border-color: initial;" title="3 cloud" src="http://www.psdvault.com/img/2012/01/3-cloud-500x583.jpg" alt="3 cloud 500x583 Design Abstract Surreal Text Effect with Metal Texture in Photoshop" width="500" height="583" /></a></p>
<h3>Step 4</h3>
<p>We can now add some small metal particles into the image &#8211; load the &#8220;metal texture 2&#8243; image into Photoshop and use the quick selection tool to select a few small pieces on the image:</p>
<p><a href="http://www.psdvault.com/img/2012/01/4-quick-sel.jpg"><img class="alignnone size-medium wp-image-12784" title="4 quick sel" src="http://www.psdvault.com/img/2012/01/4-quick-sel-500x348.jpg" alt="4 quick sel 500x348 Design Abstract Surreal Text Effect with Metal Texture in Photoshop" width="500" height="348" /></a></p>
<p>Copy and paste the selection onto our document, erase the edges to blend those small pieces into the main text:</p>
<p><a href="http://www.psdvault.com/img/2012/01/4-erase1.jpg"><img class="alignnone size-medium wp-image-12783" title="4 erase" src="http://www.psdvault.com/img/2012/01/4-erase1-500x346.jpg" alt="4 erase1 500x346 Design Abstract Surreal Text Effect with Metal Texture in Photoshop" width="500" height="346" /></a></p>
<p>Duplicate the selection a few times, attach them to different parts of the text, as shown below:</p>
<p><a href="http://www.psdvault.com/img/2012/01/4-dup.jpg"><img class="alignnone size-medium wp-image-12781" title="4 dup" src="http://www.psdvault.com/img/2012/01/4-dup-500x532.jpg" alt="4 dup 500x532 Design Abstract Surreal Text Effect with Metal Texture in Photoshop" width="500" height="532" /></a></p>
<p>Merge the duplicated layers and apply the following black and white adjustments to it:</p>
<p><a href="http://www.psdvault.com/img/2012/01/4-bw1.jpg"><img class="alignnone size-full wp-image-12780" title="4 bw" src="http://www.psdvault.com/img/2012/01/4-bw1.jpg" alt="4 bw1 Design Abstract Surreal Text Effect with Metal Texture in Photoshop" width="210" height="336" /></a></p>
<p>and here is the effect so far:</p>
<p><img class="alignnone size-full wp-image-12782" style="border-style: initial; border-color: initial;" title="4 effect" src="http://www.psdvault.com/img/2012/01/4-effect2.jpg" alt="4 effect2 Design Abstract Surreal Text Effect with Metal Texture in Photoshop" width="415" height="510" /></p>
<p>You can also further duplicate this metal texture layer a few more times, resize them to small scale and move them around the text, as shown below:</p>
<p><img class="alignnone size-medium wp-image-12785" style="border-style: initial; border-color: initial;" title="4 small part" src="http://www.psdvault.com/img/2012/01/4-small-part-500x618.jpg" alt="4 small part 500x618 Design Abstract Surreal Text Effect with Metal Texture in Photoshop" width="500" height="618" /></p>
<h3>Step 5</h3>
<p>To add some extra effect, I decided to use the Pen Tool to draw some red lines around the text. So let&#8217;s use the Pen Tool to draw a work path as shown below:</p>
<p><a href="http://www.psdvault.com/img/2012/01/5-draw-path.jpg"><img class="alignnone size-medium wp-image-12787" style="border-style: initial; border-color: initial;" title="5 draw path" src="http://www.psdvault.com/img/2012/01/5-draw-path-500x431.jpg" alt="5 draw path 500x431 Design Abstract Surreal Text Effect with Metal Texture in Photoshop" width="500" height="431" /></a></p>
<p>Prior to stroking the path, go to the brush panel and set the brush size to 3px, hardness 95%, red colour as shown below:</p>
<p><img class="alignnone size-medium wp-image-12786" style="border-style: initial; border-color: initial;" title="5 colour" src="http://www.psdvault.com/img/2012/01/5-colour-500x397.jpg" alt="5 colour 500x397 Design Abstract Surreal Text Effect with Metal Texture in Photoshop" width="500" height="397" /></p>
<p>Then go back to select the Pen Tool, right-click and choose &#8220;Stroke Path&#8221;:</p>
<p><img title="5 stroke" src="http://www.psdvault.com/img/2012/01/5-stroke-500x389.jpg" alt="5 stroke 500x389 Design Abstract Surreal Text Effect with Metal Texture in Photoshop" width="500" height="389" /></p>
<p>Stroke this path with the following settings:</p>
<p><a href="http://www.psdvault.com/img/2012/01/5-stroke-brush.jpg"><img class="alignnone size-medium wp-image-12790" title="5 stroke brush" src="http://www.psdvault.com/img/2012/01/5-stroke-brush-500x272.jpg" alt="5 stroke brush 500x272 Design Abstract Surreal Text Effect with Metal Texture in Photoshop" width="500" height="272" /></a></p>
<p>and you will have the following effect:</p>
<p><a href="http://www.psdvault.com/img/2012/01/5-effect1.jpg"><img class="alignnone size-full wp-image-12789" style="border-style: initial; border-color: initial;" title="5 effect" src="http://www.psdvault.com/img/2012/01/5-effect1.jpg" alt="5 effect1 Design Abstract Surreal Text Effect with Metal Texture in Photoshop" width="422" height="357" /></a></p>
<p>Duplicate this line layer a few more times and resize each duplicated layer and rotate them, attach the lines to different part of the text:</p>
<p><a href="http://www.psdvault.com/img/2012/01/5-effect-2.jpg"><img class="alignnone size-full wp-image-12788" style="border-style: initial; border-color: initial;" title="5 effect 2" src="http://www.psdvault.com/img/2012/01/5-effect-2.jpg" alt="5 effect 2 Design Abstract Surreal Text Effect with Metal Texture in Photoshop" width="497" height="673" /></a></p>
<p>You can also mix some yellow lines via adjusting the Colour Hue, in order to add some variety on the text:</p>
<p><img class="alignnone size-medium wp-image-12792" style="border-style: initial; border-color: initial;" title="5 yellow" src="http://www.psdvault.com/img/2012/01/5-yellow-500x255.jpg" alt="5 yellow 500x255 Design Abstract Surreal Text Effect with Metal Texture in Photoshop" width="500" height="255" /></p>
<h3>Step 6</h3>
<p>OK we&#8217;re almost done! For some final retouches, we can flatten the image and apply the following Smart Sharpen filter to the image to sharpen the text a bit:</p>
<p><a href="http://www.psdvault.com/img/2012/01/6-smart-sha.jpg"><img class="alignnone size-medium wp-image-12798" title="6 smart sha" src="http://www.psdvault.com/img/2012/01/6-smart-sha-500x317.jpg" alt="6 smart sha 500x317 Design Abstract Surreal Text Effect with Metal Texture in Photoshop" width="500" height="317" /></a></p>
<p>To add some colour effect to image, I apply the following image adjustment layers to the image:</p>
<p>Selective Color</p>
<p><img class="alignnone size-full wp-image-12796" title="6 sel red" src="http://www.psdvault.com/img/2012/01/6-sel-red.jpg" alt="6 sel red Design Abstract Surreal Text Effect with Metal Texture in Photoshop" width="210" height="336" /></p>
<p><a href="http://www.psdvault.com/img/2012/01/6-sel-white.jpg"><img class="alignnone size-full wp-image-12797" style="border-style: initial; border-color: initial;" title="6 sel white" src="http://www.psdvault.com/img/2012/01/6-sel-white.jpg" alt="6 sel white Design Abstract Surreal Text Effect with Metal Texture in Photoshop" width="210" height="336" /></a></p>
<p><a href="http://www.psdvault.com/img/2012/01/6-sel-neu.jpg"><img class="alignnone size-full wp-image-12795" title="6 sel neu" src="http://www.psdvault.com/img/2012/01/6-sel-neu.jpg" alt="6 sel neu Design Abstract Surreal Text Effect with Metal Texture in Photoshop" width="210" height="336" /></a></p>
<p>Curves</p>
<p><a href="http://www.psdvault.com/img/2012/01/6-curves.jpg"><img class="alignnone size-full wp-image-12794" title="6 curves" src="http://www.psdvault.com/img/2012/01/6-curves.jpg" alt="6 curves Design Abstract Surreal Text Effect with Metal Texture in Photoshop" width="210" height="336" /></a></p>
<p>Brightness and Contrast</p>
<p><a href="http://www.psdvault.com/img/2012/01/6-bc.jpg"><img class="alignnone size-full wp-image-12793" title="6 bc" src="http://www.psdvault.com/img/2012/01/6-bc.jpg" alt="6 bc Design Abstract Surreal Text Effect with Metal Texture in Photoshop" width="210" height="336" /></a></p>
<p>I then further added some slight colour adjustment and here is the final effect I have: (click to enlarge)</p>
<p><a href="http://www.psdvault.com/img/2012/01/metal-text-flatten.jpg"><img class="alignnone size-medium wp-image-12799" title="metal-text-flatten" src="http://www.psdvault.com/img/2012/01/metal-text-flatten-500x650.jpg" alt="metal text flatten 500x650 Design Abstract Surreal Text Effect with Metal Texture in Photoshop" width="500" height="650" /></a></p>
<p>That&#8217;s it for this tutorial! Hope you enjoy it and find it useful! Till next time, have a great day!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.psdvault.com/text-effects/design-abstract-surreal-text-effect-with-metal-texture-in-photoshop/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Design an Interesting Fire Text Effect with Particles in Photoshop</title>
		<link>http://www.psdvault.com/text-effects/design-an-interesting-fire-text-effect-with-particles-in-photoshop/</link>
		<comments>http://www.psdvault.com/text-effects/design-an-interesting-fire-text-effect-with-particles-in-photoshop/#comments</comments>
		<pubDate>Mon, 02 Jan 2012 03:33:10 +0000</pubDate>
		<dc:creator>James Qu</dc:creator>
				<category><![CDATA[Text Effects]]></category>
		<category><![CDATA[fire text effect]]></category>
		<category><![CDATA[interesting text effect]]></category>
		<category><![CDATA[particle text photoshop]]></category>
		<category><![CDATA[text tutorial photoshop]]></category>

		<guid isPermaLink="false">http://www.psdvault.com/?p=12584</guid>
		<description><![CDATA[In this Photoshop tutorial, Design an Interesting Fire Text Effect with Particles in Photoshop. This is an intermediate level tutorial so some steps can be a bit tricky, but why not have a try :)]]></description>
			<content:encoded><![CDATA[<p>In this Photoshop tutorial, I will show you the steps I took to Design an Interesting Fire Text Effect with Particles in Photoshop. This is an intermediate level tutorial so some steps can be a bit tricky, but why not have a try :)</p>
<p>Along the way, we will be using a fire stock image and attach it to a text base, then use a number of filters and custom brush to create an interesting particle effect.</p>
<p>Find quality <a href="http://www.nextdayflyers.com/holiday-wall-calendar/">calendar printing</a> at great prices online at NextDayFlyers.com</p>
<p>Here is a preview of the final effect I have for this tutorial: (click to enlarge)</p>
<p><a href="http://www.psdvault.com/img/2012/01/fire-break-apart-text-flatten-2.jpg"><img class="alignnone size-medium wp-image-12585" title="fire-break-apart-text-flatten-2" src="http://www.psdvault.com/img/2012/01/fire-break-apart-text-flatten-2-494x700.jpg" alt="fire break apart text flatten 2 494x700 Design an Interesting Fire Text Effect with Particles in Photoshop" width="494" height="700" /></a></p>
<h3>PSD File Download</h3>
<div>
<p>You can download the PSD File for this tutorial via the VIP Members Area for only $6.95/Month (or less)! You will not only get this PSD File, but also 70+ other PSD Files + Extra Goodies + Exclusive Photoshop tutorials there. <a href="http://www.psdvault.com/vip/signup.php" target="_blank">Signup now</a> and get exclusive :) <a href="http://www.psdvault.com/vault-news/psd-vault-vip-members-area-launched-signup-and-get-exclusive/" target="_blank">Find out more about the VIP Members Areas</a></p>
<p><a href="http://www.psdvault.com/vip/signup.php"><img title="vip-sign-up-250" src="http://img.psdvault.com/2010/04/vip-sign-up-250.png" alt="vip sign up 250 Design an Interesting Fire Text Effect with Particles in Photoshop" width="250" height="250" /></a></p>
<p>OK Let&#8217;s get started!</p>
</div>
<p>To complete this tutorial, you will need the following stocks:</p>
<p><a href="http://www.cgtextures.com/texview.php?id=64462&amp;PHPSESSID=3bnmjpq3jn9mhv5kqg9tv30415">Fire Texture</a></p>
<p><a href="http://mameara.com/archives/1178">Cloud Brushset (Pick one from the list)</a></p>
<h3>Step 1</h3>
<p>Create a new document sized 770px * 900px with black background, create a new layer and use the cloud brush you picked to add some cloud texture to the top and bottom part of the canvas as shown below:</p>
<blockquote><p>Hint: If the default brush size is too large, reduce its size to fit our canvas size.</p></blockquote>
<p><a href="http://www.psdvault.com/img/2012/01/1-paint.jpg"><img class="alignnone size-medium wp-image-12588" title="1 paint" src="http://www.psdvault.com/img/2012/01/1-paint-494x700.jpg" alt="1 paint 494x700 Design an Interesting Fire Text Effect with Particles in Photoshop" width="494" height="700" /></a></p>
<p>Create a new layer again and add some smoke pattern with a cloud brush (with layer opacity set to around 20%):</p>
<p><a href="http://www.psdvault.com/img/2012/01/1-cloud.jpg"><img class="alignnone size-full wp-image-12586" style="border-style: initial; border-color: initial;" title="1 cloud" src="http://www.psdvault.com/img/2012/01/1-cloud.jpg" alt="1 cloud Design an Interesting Fire Text Effect with Particles in Photoshop" width="477" height="687" /></a></p>
<p>Use a soft eraser to remove the edges of the smoke layer so it blends into the background:</p>
<p><a href="http://www.psdvault.com/img/2012/01/1-erase.jpg"><img class="alignnone size-medium wp-image-12587" style="border-style: initial; border-color: initial;" title="1 erase" src="http://www.psdvault.com/img/2012/01/1-erase-500x404.jpg" alt="1 erase 500x404 Design an Interesting Fire Text Effect with Particles in Photoshop" width="500" height="404" /></a></p>
<h3>Step 2</h3>
<p>Create a new layer and type a letter on this new layer with a dark grey colour:</p>
<p><a href="http://www.psdvault.com/img/2012/01/2-type.jpg"><img class="alignnone size-medium wp-image-12595" title="2 type" src="http://www.psdvault.com/img/2012/01/2-type-500x605.jpg" alt="2 type 500x605 Design an Interesting Fire Text Effect with Particles in Photoshop" width="500" height="605" /></a></p>
<p>Apply the following Stroke effect to this text layer:</p>
<p><a href="http://www.psdvault.com/img/2012/01/2-stroke.jpg"><img class="alignnone size-medium wp-image-12594" title="2 stroke" src="http://www.psdvault.com/img/2012/01/2-stroke-500x350.jpg" alt="2 stroke 500x350 Design an Interesting Fire Text Effect with Particles in Photoshop" width="500" height="350" /></a></p>
<p>Then change this colour of this text layer to black, you will have the following effect:</p>
<p><a href="http://www.psdvault.com/img/2012/01/2-black.jpg"><img class="alignnone size-full wp-image-12591" title="2 black" src="http://www.psdvault.com/img/2012/01/2-black.jpg" alt="2 black Design an Interesting Fire Text Effect with Particles in Photoshop" width="471" height="595" /></a></p>
<p>Load the fire texture into Photoshop, use the quick selection tool and select a piece as shown below:</p>
<p><img class="alignnone size-medium wp-image-12593" style="border-style: initial; border-color: initial;" title="2 sel" src="http://www.psdvault.com/img/2012/01/2-sel-500x397.jpg" alt="2 sel 500x397 Design an Interesting Fire Text Effect with Particles in Photoshop" width="500" height="397" /></p>
<p>Apply the following Refine Edge settings to smooth out the edge:</p>
<p><a href="http://www.psdvault.com/img/2012/01/2-refine-edge.jpg"><img class="alignnone size-medium wp-image-12592" style="border-style: initial; border-color: initial;" title="2 refine edge" src="http://www.psdvault.com/img/2012/01/2-refine-edge-500x427.jpg" alt="2 refine edge 500x427 Design an Interesting Fire Text Effect with Particles in Photoshop" width="500" height="427" /></a></p>
<p>Copy and paste the selection onto our text as shown below:</p>
<p><a href="http://www.psdvault.com/img/2012/01/2-after-refine.jpg"><img class="alignnone size-full wp-image-12590" style="border-style: initial; border-color: initial;" title="2 after refine" src="http://www.psdvault.com/img/2012/01/2-after-refine.jpg" alt="2 after refine Design an Interesting Fire Text Effect with Particles in Photoshop" width="414" height="369" /></a></p>
<h3>Step 3</h3>
<p>Now let&#8217;s add some liquifying effect to this fire texture, use the liquify filter with the following settings:</p>
<p><a href="http://www.psdvault.com/img/2012/01/3-liquid.jpg"><img class="alignnone size-medium wp-image-12598" style="border-style: initial; border-color: initial;" title="3 liquid" src="http://www.psdvault.com/img/2012/01/3-liquid-276x700.jpg" alt="3 liquid 276x700 Design an Interesting Fire Text Effect with Particles in Photoshop" width="276" height="700" /></a></p>
<p>Then, use the forward warping tool in the liquify filter, go crazy on this fire texture and add some flowing effect:</p>
<p><img class="alignnone size-medium wp-image-12599" title="3 liquify" src="http://www.psdvault.com/img/2012/01/3-liquify-500x485.jpg" alt="3 liquify 500x485 Design an Interesting Fire Text Effect with Particles in Photoshop" width="500" height="485" /></p>
<p>Apply the following Black and White adjustment to this fire layer:</p>
<p><a href="http://www.psdvault.com/img/2012/01/3-bw.jpg"><img class="alignnone size-full wp-image-12597" title="3 bw" src="http://www.psdvault.com/img/2012/01/3-bw.jpg" alt="3 bw Design an Interesting Fire Text Effect with Particles in Photoshop" width="415" height="510" /></a></p>
<p>Duplicate this fire layer a few times, resize and rotate them, then attach them to different part of the text as shown below:</p>
<p><a href="http://www.psdvault.com/img/2012/01/3-attach.jpg"><img class="alignnone size-medium wp-image-12596" title="3 attach" src="http://www.psdvault.com/img/2012/01/3-attach-500x484.jpg" alt="3 attach 500x484 Design an Interesting Fire Text Effect with Particles in Photoshop" width="500" height="484" /></a></p>
<h3>Step 4</h3>
<p>Now we can add some fire particles onto the text &#8211; go back to the fire texture and use the quick selection tool to select a few fire pieces as shown below:</p>
<p><a href="http://www.psdvault.com/img/2012/01/4-sel.jpg"><img class="alignnone size-medium wp-image-12604" title="4 sel" src="http://www.psdvault.com/img/2012/01/4-sel-500x361.jpg" alt="4 sel 500x361 Design an Interesting Fire Text Effect with Particles in Photoshop" width="500" height="361" /></a></p>
<p>Apply the following Refine Edge option to the selection:</p>
<p><a href="http://www.psdvault.com/img/2012/01/4-refine.jpg"><img class="alignnone size-medium wp-image-12603" title="4 refine" src="http://www.psdvault.com/img/2012/01/4-refine-500x374.jpg" alt="4 refine 500x374 Design an Interesting Fire Text Effect with Particles in Photoshop" width="500" height="374" /></a></p>
<p>Copy and paste the selection onto our text, resize it and change the blending mode to &#8220;Hard Light&#8221;:</p>
<p><a href="http://www.psdvault.com/img/2012/01/4-hard-light.jpg"><img class="alignnone size-medium wp-image-12602" title="4 hard light" src="http://www.psdvault.com/img/2012/01/4-hard-light-500x271.jpg" alt="4 hard light 500x271 Design an Interesting Fire Text Effect with Particles in Photoshop" width="500" height="271" /></a></p>
<p>This is effect so far:</p>
<p><a href="http://www.psdvault.com/img/2012/01/4-erase.jpg"><img class="alignnone size-medium wp-image-12601" title="4 erase" src="http://www.psdvault.com/img/2012/01/4-erase-500x332.jpg" alt="4 erase 500x332 Design an Interesting Fire Text Effect with Particles in Photoshop" width="500" height="332" /></a></p>
<p>Duplicate this layer a few times and attach them to different parts of the letter as shown below:</p>
<p><a href="http://www.psdvault.com/img/2012/01/4-attach.jpg"><img class="alignnone size-medium wp-image-12600" title="4 attach" src="http://www.psdvault.com/img/2012/01/4-attach-500x589.jpg" alt="4 attach 500x589 Design an Interesting Fire Text Effect with Particles in Photoshop" width="500" height="589" /></a></p>
<h3>Step 5</h3>
<p>Now let&#8217;s make a simple stripe brush &#8211; create a new document with a thin rectangular shape, add a new layer and fill it with black colour as shown below:</p>
<p><img class="alignnone size-medium wp-image-12606" style="border-style: initial; border-color: initial;" title="5 fill" src="http://www.psdvault.com/img/2012/01/5-fill-500x265.jpg" alt="5 fill 500x265 Design an Interesting Fire Text Effect with Particles in Photoshop" width="500" height="265" /></p>
<p>Then define a new brush via Edit &gt; Define Brush Preset:</p>
<p><a href="http://www.psdvault.com/img/2012/01/5-brush.jpg"><img class="alignnone size-medium wp-image-12605" style="border-style: initial; border-color: initial;" title="5 brush" src="http://www.psdvault.com/img/2012/01/5-brush-500x240.jpg" alt="5 brush 500x240 Design an Interesting Fire Text Effect with Particles in Photoshop" width="500" height="240" /></a></p>
<p>Apply the following brush options to this brush:</p>
<p>Shape Dynamics</p>
<p><img class="alignnone size-full wp-image-12610" style="border-style: initial; border-color: initial;" title="5 shape dyn" src="http://www.psdvault.com/img/2012/01/5-shape-dyn.jpg" alt="5 shape dyn Design an Interesting Fire Text Effect with Particles in Photoshop" width="404" height="445" /></p>
<p>Scattering</p>
<p><a href="http://www.psdvault.com/img/2012/01/5-scat.jpg"><img class="alignnone size-full wp-image-12609" style="border-style: initial; border-color: initial;" title="5 scat" src="http://www.psdvault.com/img/2012/01/5-scat.jpg" alt="5 scat Design an Interesting Fire Text Effect with Particles in Photoshop" width="404" height="445" /></a></p>
<p>Other Dynamics</p>
<p><a href="http://www.psdvault.com/img/2012/01/5-other-dyn.jpg"><img class="alignnone size-full wp-image-12607" style="border-style: initial; border-color: initial;" title="5 other dyn" src="http://www.psdvault.com/img/2012/01/5-other-dyn.jpg" alt="5 other dyn Design an Interesting Fire Text Effect with Particles in Photoshop" width="404" height="445" /></a></p>
<p>Tick the &#8220;Airbrush&#8221; and &#8220;Smoothing&#8221; options.</p>
<p>Use this newly created brush, paint some particles around the text as shown below:</p>
<p><img class="alignnone size-medium wp-image-12608" style="border-style: initial; border-color: initial;" title="5 paint" src="http://www.psdvault.com/img/2012/01/5-paint-500x465.jpg" alt="5 paint 500x465 Design an Interesting Fire Text Effect with Particles in Photoshop" width="500" height="465" /></p>
<h3>Step 6</h3>
<p>We&#8217;re almost done! For some final retouches,  I added some red colour over the text with a colour balance adjustment layer (you can also use a red brush to paint over the text with the &#8220;Color&#8221; blending mode):</p>
<blockquote><p>Hint: use layer mask on this colour layer to assist masking colours from the areas that you don&#8217;t want to have colours on.</p></blockquote>
<p><img class="alignnone size-medium wp-image-12611" style="border-style: initial; border-color: initial;" title="6 add colour" src="http://www.psdvault.com/img/2012/01/6-add-colour-500x514.jpg" alt="6 add colour 500x514 Design an Interesting Fire Text Effect with Particles in Photoshop" width="500" height="514" /></p>
<p>Use a soft white brush, add some highlight over the text with the &#8220;overlay&#8221; blending mode for this highlight layer:</p>
<p><a href="http://www.psdvault.com/img/2012/01/6-high-light.jpg"><img class="alignnone size-medium wp-image-12613" title="6 high light" src="http://www.psdvault.com/img/2012/01/6-high-light-500x395.jpg" alt="6 high light 500x395 Design an Interesting Fire Text Effect with Particles in Photoshop" width="500" height="395" /></a></p>
<p>I also added some more fire texture around the text with &#8220;Hard Light&#8221; blending mode for those added fire layers:</p>
<p><a href="http://www.psdvault.com/img/2012/01/6-fire-texture.jpg"><img class="alignnone size-full wp-image-12612" title="6 fire texture" src="http://www.psdvault.com/img/2012/01/6-fire-texture.jpg" alt="6 fire texture Design an Interesting Fire Text Effect with Particles in Photoshop" width="471" height="431" /></a></p>
<p>I also added some lines with method described in this tutorial <a href="http://www.psdvault.com/abstracts/create-realistic-rain-drop-via-brush-tool-in-photoshop/" target="_blank">here</a>:</p>
<p><img class="alignnone size-medium wp-image-12614" style="border-style: initial; border-color: initial;" title="6 lines" src="http://www.psdvault.com/img/2012/01/6-lines-500x394.jpg" alt="6 lines 500x394 Design an Interesting Fire Text Effect with Particles in Photoshop" width="500" height="394" /></p>
<p>and here is the final effect I have for this tutorial: (click to enlarge)</p>
<p><a href="http://www.psdvault.com/img/2012/01/fire-break-apart-text-flatten-2.jpg"><img class="alignnone size-medium wp-image-12585" title="fire-break-apart-text-flatten-2" src="http://www.psdvault.com/img/2012/01/fire-break-apart-text-flatten-2-494x700.jpg" alt="fire break apart text flatten 2 494x700 Design an Interesting Fire Text Effect with Particles in Photoshop" width="494" height="700" /></a></p>
<p>That&#8217;s it for this tutorial! Hope you enjoy it and find it useful! Till next time, have a great day!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.psdvault.com/text-effects/design-an-interesting-fire-text-effect-with-particles-in-photoshop/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>Create a Rocky Text Effect with Space Background in Photoshop</title>
		<link>http://www.psdvault.com/text-effects/create-a-rocky-text-effect-with-space-background-in-photoshop/</link>
		<comments>http://www.psdvault.com/text-effects/create-a-rocky-text-effect-with-space-background-in-photoshop/#comments</comments>
		<pubDate>Sun, 27 Nov 2011 12:13:47 +0000</pubDate>
		<dc:creator>James Qu</dc:creator>
				<category><![CDATA[Text Effects]]></category>
		<category><![CDATA[rocky text photoshop]]></category>
		<category><![CDATA[space rocky text]]></category>
		<category><![CDATA[text effect tutorial]]></category>

		<guid isPermaLink="false">http://www.psdvault.com/?p=12334</guid>
		<description><![CDATA[In this Photoshop tutorial, I will show you the steps I took to Create a Rocky Text Effect with Space Background in Photoshop. This is an intermediate level tutorial so some steps can be tricky, but why not have a try :)]]></description>
			<content:encoded><![CDATA[<p>In this Photoshop tutorial, I will show you the steps I took to Create a Rocky Text Effect with Space Background in Photoshop. This is an intermediate level tutorial so some steps can be tricky, but why not have a try :)</p>
<p>Along the way, we will be using some selection techniques, warping tool, refine edge filter, image adjustments and layer blending options. We will only be using one stock image for this whole text effect.</p>
<p>Printing <a href="http://www.nextdayflyers.com/business-card-printing/">business cards</a> is easy and cheap when you find a great online printing company.</p>
<p>Here is a preview of the final effect I have for this tutorial: (click to enlarge)</p>
<p><a href="http://www.psdvault.com/img/2011/11/rock-star-text-flatten.jpg"><img class="alignnone size-medium wp-image-12364" title="rock-star-text-flatten" src="http://www.psdvault.com/img/2011/11/rock-star-text-flatten-500x600.jpg" alt="rock star text flatten 500x600 Create a Rocky Text Effect with Space Background in Photoshop" width="500" height="600" /></a></p>
<h3>PSD File Download</h3>
<div>
<p>You can download the PSD File for this tutorial via the VIP Members Area for only $6.95/Month (or less)! You will not only get this PSD File, but also 70+ other PSD Files + Extra Goodies + Exclusive Photoshop tutorials there. <a href="http://www.psdvault.com/vip/signup.php" target="_blank">Signup now</a> and get exclusive :) <a href="http://www.psdvault.com/vault-news/psd-vault-vip-members-area-launched-signup-and-get-exclusive/" target="_blank">Find out more about the VIP Members Areas</a></p>
<p><a href="http://www.psdvault.com/vip/signup.php"><img title="vip-sign-up-250" src="http://img.psdvault.com/2010/04/vip-sign-up-250.png" alt="vip sign up 250 Create a Rocky Text Effect with Space Background in Photoshop" width="250" height="250" /></a></p>
<p>OK Let&#8217;s get started!</p>
</div>
<p>To complete this tutorial, you will need the following stocks:</p>
<p><a href="http://qbrushes.net/space/hd-space-brushes/" target="_blank">Space Brush</a></p>
<p><a href="http://www.cgtextures.com/texview.php?id=68366&amp;PHPSESSID=vf2q0apc6himdkured3lp5eav1" target="_blank">Rock</a></p>
<h3>Step 1</h3>
<p>Create a new document sized 900px * 1270px with black background. Create a new layer and use the star brush we downloaded, paint some space background: (set brush opacity and flow to be around 40% for a subtle effect)</p>
<p><img class="alignnone size-medium wp-image-12335" style="border-style: initial; border-color: initial;" title="1 paint star" src="http://www.psdvault.com/img/2011/11/1-paint-star-493x700.jpg" alt="1 paint star 493x700 Create a Rocky Text Effect with Space Background in Photoshop" width="493" height="700" /></p>
<p>Create a new layer and use a font of your choice to type a letter on the centre of the canvas:</p>
<p><a href="http://www.psdvault.com/img/2011/11/1-type.jpg"><img class="alignnone size-medium wp-image-12339" title="1 type" src="http://www.psdvault.com/img/2011/11/1-type-486x700.jpg" alt="1 type 486x700 Create a Rocky Text Effect with Space Background in Photoshop" width="486" height="700" /></a></p>
<p>Load the rock texture into Photoshop, and go back to our letter layer and load its selection:</p>
<p><a href="http://www.psdvault.com/img/2011/11/1-sel2.jpg"><img class="alignnone size-full wp-image-12338" title="1 sel" src="http://www.psdvault.com/img/2011/11/1-sel2.jpg" alt="1 sel2 Create a Rocky Text Effect with Space Background in Photoshop" width="440" height="522" /></a></p>
<p>Select the rectangular marquee tool, click and drag the selection onto the rock texture and select a piece from it:</p>
<p><a href="http://www.psdvault.com/img/2011/11/1-sel-rock.jpg"><img class="alignnone size-medium wp-image-12337" title="1 sel rock" src="http://www.psdvault.com/img/2011/11/1-sel-rock-500x340.jpg" alt="1 sel rock 500x340 Create a Rocky Text Effect with Space Background in Photoshop" width="500" height="340" /></a></p>
<p>Copy and paste our selection onto the text to cover it, turn off the original text layer and you will have the effect as shown below:</p>
<p><a href="http://www.psdvault.com/img/2011/11/1-paste1.jpg"><img class="alignnone size-full wp-image-12336" title="1 paste" src="http://www.psdvault.com/img/2011/11/1-paste1.jpg" alt="1 paste1 Create a Rocky Text Effect with Space Background in Photoshop" width="419" height="554" /></a></p>
<h3>Step 2</h3>
<p>Use a soft eraser, gently remove some parts of the rock texture as shown below:</p>
<p><a href="http://www.psdvault.com/img/2011/11/2-erase1.jpg"><img class="alignnone size-medium wp-image-12343" style="border-style: initial; border-color: initial;" title="2 erase" src="http://www.psdvault.com/img/2011/11/2-erase1-500x464.jpg" alt="2 erase1 500x464 Create a Rocky Text Effect with Space Background in Photoshop" width="500" height="464" /></a></p>
<p>Sharpen this rock texture a bit with the following Unsharp Mask filter settings:</p>
<p><a href="http://www.psdvault.com/img/2011/11/2-uns.jpg"><img class="alignnone size-medium wp-image-12345" title="2 uns" src="http://www.psdvault.com/img/2011/11/2-uns-500x358.jpg" alt="2 uns 500x358 Create a Rocky Text Effect with Space Background in Photoshop" width="500" height="358" /></a></p>
<p>Then, add the following 3 adjustment layer as clipping mask to this rock layer:</p>
<p>Levels</p>
<p><a href="http://www.psdvault.com/img/2011/11/2-lv2.jpg"><img class="alignnone size-full wp-image-12344" title="2 lv" src="http://www.psdvault.com/img/2011/11/2-lv2.jpg" alt="2 lv2 Create a Rocky Text Effect with Space Background in Photoshop" width="210" height="336" /></a></p>
<p>Curves</p>
<p><a href="http://www.psdvault.com/img/2011/11/2-curves1.jpg"><img class="alignnone size-full wp-image-12341" title="2 curves" src="http://www.psdvault.com/img/2011/11/2-curves1.jpg" alt="2 curves1 Create a Rocky Text Effect with Space Background in Photoshop" width="210" height="336" /></a></p>
<p>Brightness and Contrast</p>
<p><a href="http://www.psdvault.com/img/2011/11/2-br.jpg"><img class="alignnone size-full wp-image-12340" title="2 br" src="http://www.psdvault.com/img/2011/11/2-br.jpg" alt="2 br Create a Rocky Text Effect with Space Background in Photoshop" width="210" height="336" /></a></p>
<p>and you will have the following effect so far:</p>
<p><img class="alignnone size-medium wp-image-12342" style="border-style: initial; border-color: initial;" title="2 effect" src="http://www.psdvault.com/img/2011/11/2-effect2-500x548.jpg" alt="2 effect2 500x548 Create a Rocky Text Effect with Space Background in Photoshop" width="500" height="548" /></p>
<h3>Step 3</h3>
<p>Now we can apply some more rocky texture onto its base and make the text looks better. Go back to the rock image and select a piece of rock as shown below:</p>
<p><a href="http://www.psdvault.com/img/2011/11/3-sel1.jpg"><img class="alignnone size-medium wp-image-12350" title="3 sel" src="http://www.psdvault.com/img/2011/11/3-sel1-500x246.jpg" alt="3 sel1 500x246 Create a Rocky Text Effect with Space Background in Photoshop" width="500" height="246" /></a></p>
<p>You can refine your selection with the refine edge filter (Ctrl + Alt + R) to smooth its edge:</p>
<p><a href="http://www.psdvault.com/img/2011/11/3-refine.jpg"><img class="alignnone size-medium wp-image-12349" title="3 refine" src="http://www.psdvault.com/img/2011/11/3-refine-500x347.jpg" alt="3 refine 500x347 Create a Rocky Text Effect with Space Background in Photoshop" width="500" height="347" /></a></p>
<p>Copy and paste the selection onto our texture, use a soft eraser to remove its edges and blend it in with the base texture:</p>
<p><a href="http://www.psdvault.com/img/2011/11/3-paste2.jpg"><img class="alignnone size-medium wp-image-12348" title="3 paste" src="http://www.psdvault.com/img/2011/11/3-paste2-500x258.jpg" alt="3 paste2 500x258 Create a Rocky Text Effect with Space Background in Photoshop" width="500" height="258" /></a></p>
<p>Repeat the process above and add more rock texture onto the text:</p>
<blockquote><p>Hint: leave some base texture exposed, this creates more depth. Also use the free transform tool to adjust the shape of the rock to join them together.</p></blockquote>
<p><a href="http://www.psdvault.com/img/2011/11/3-paste-cont.jpg"><img class="alignnone size-full wp-image-12347" title="3 paste cont" src="http://www.psdvault.com/img/2011/11/3-paste-cont.jpg" alt="3 paste cont Create a Rocky Text Effect with Space Background in Photoshop" width="484" height="358" /></a></p>
<p><a href="http://www.psdvault.com/img/2011/11/3-paste-cont-2.jpg"><img class="alignnone size-medium wp-image-12346" title="3 paste cont 2" src="http://www.psdvault.com/img/2011/11/3-paste-cont-2-500x217.jpg" alt="3 paste cont 2 500x217 Create a Rocky Text Effect with Space Background in Photoshop" width="500" height="217" /></a></p>
<h3>Step 4</h3>
<p>Lets&#8217;s add some particles into the image. We can use the same rock texture and use the quick selection tool to select some rock pieces as shown below:</p>
<p><img class="alignnone size-full wp-image-12354" style="border-style: initial; border-color: initial;" title="4 sel" src="http://www.psdvault.com/img/2011/11/4-sel1.jpg" alt="4 sel1 Create a Rocky Text Effect with Space Background in Photoshop" width="480" height="360" /></p>
<p>Copy and paste the selection onto our document, resize and attach it to the rock text as shown below:</p>
<p><img class="alignnone size-medium wp-image-12353" style="border-style: initial; border-color: initial;" title="4 paste" src="http://www.psdvault.com/img/2011/11/4-paste1-500x371.jpg" alt="4 paste1 500x371 Create a Rocky Text Effect with Space Background in Photoshop" width="500" height="371" /></p>
<p>You can also apply some warping effect to the rock pieces to add some motion to the text:</p>
<p><a href="http://www.psdvault.com/img/2011/11/4-warp.jpg"><img class="alignnone size-medium wp-image-12357" title="4 warp" src="http://www.psdvault.com/img/2011/11/4-warp-500x351.jpg" alt="4 warp 500x351 Create a Rocky Text Effect with Space Background in Photoshop" width="500" height="351" /></a></p>
<p>Duplicate this warped layer a few times and attach them around the text:</p>
<p><a href="http://www.psdvault.com/img/2011/11/4-warp-texture.jpg"><img class="alignnone size-medium wp-image-12356" title="4 warp texture" src="http://www.psdvault.com/img/2011/11/4-warp-texture-500x293.jpg" alt="4 warp texture 500x293 Create a Rocky Text Effect with Space Background in Photoshop" width="500" height="293" /></a></p>
<p><a href="http://www.psdvault.com/img/2011/11/4-warp-texture-2.jpg"><img class="alignnone size-medium wp-image-12355" title="4 warp texture 2" src="http://www.psdvault.com/img/2011/11/4-warp-texture-2-500x345.jpg" alt="4 warp texture 2 500x345 Create a Rocky Text Effect with Space Background in Photoshop" width="500" height="345" /></a></p>
<p>Also make sure you use a soft eraser to fade the flying rocks into the background to add some depth:</p>
<p><a href="http://www.psdvault.com/img/2011/11/4-fade.jpg"><img class="alignnone size-full wp-image-12352" title="4 fade" src="http://www.psdvault.com/img/2011/11/4-fade.jpg" alt="4 fade Create a Rocky Text Effect with Space Background in Photoshop" width="449" height="316" /></a></p>
<p>and here is the effect so far:</p>
<p><a href="http://www.psdvault.com/img/2011/11/4-effect2.jpg"><img class="alignnone size-medium wp-image-12351" title="4 effect" src="http://www.psdvault.com/img/2011/11/4-effect2-500x613.jpg" alt="4 effect2 500x613 Create a Rocky Text Effect with Space Background in Photoshop" width="500" height="613" /></a></p>
<h3>Step 5</h3>
<p>OK we&#8217;re almost done :) For some final adjustments, we can render some light cloud with the cloud filter, and paint some grungy texture around the texture:</p>
<p><a href="http://www.psdvault.com/img/2011/11/5-smoke.jpg"><img class="alignnone size-medium wp-image-12363" title="5 smoke" src="http://www.psdvault.com/img/2011/11/5-smoke-500x310.jpg" alt="5 smoke 500x310 Create a Rocky Text Effect with Space Background in Photoshop" width="500" height="310" /></a></p>
<p><a href="http://www.psdvault.com/img/2011/11/5-smoke-2.jpg"><img class="alignnone size-medium wp-image-12362" title="5 smoke 2" src="http://www.psdvault.com/img/2011/11/5-smoke-2-500x259.jpg" alt="5 smoke 2 500x259 Create a Rocky Text Effect with Space Background in Photoshop" width="500" height="259" /></a></p>
<p>We can paint some abstract lines with a 3px brush for extra effect:</p>
<p><img class="alignnone size-medium wp-image-12360" title="5 lines" src="http://www.psdvault.com/img/2011/11/5-lines1-500x227.jpg" alt="5 lines1 500x227 Create a Rocky Text Effect with Space Background in Photoshop" width="500" height="227" /></p>
<p>We can flatten the image, and apply some light Unsharp Mask settings to bring out some more details for the rocks:</p>
<p><a href="http://www.psdvault.com/img/2011/11/5-sharpen.jpg"><img class="alignnone size-medium wp-image-12361" style="border-style: initial; border-color: initial;" title="5 sharpen" src="http://www.psdvault.com/img/2011/11/5-sharpen-500x331.jpg" alt="5 sharpen 500x331 Create a Rocky Text Effect with Space Background in Photoshop" width="500" height="331" /></a></p>
<p>I also burned some part of the text with the burn tool to add some shadow to the text: (around 15% strength)</p>
<p><a href="http://www.psdvault.com/img/2011/11/5-burn.jpg"><img class="alignnone size-medium wp-image-12359" title="5 burn" src="http://www.psdvault.com/img/2011/11/5-burn-500x226.jpg" alt="5 burn 500x226 Create a Rocky Text Effect with Space Background in Photoshop" width="500" height="226" /></a></p>
<p><a href="http://www.psdvault.com/img/2011/11/5-burn-2.jpg"><img class="alignnone size-medium wp-image-12358" title="5 burn 2" src="http://www.psdvault.com/img/2011/11/5-burn-2-500x270.jpg" alt="5 burn 2 500x270 Create a Rocky Text Effect with Space Background in Photoshop" width="500" height="270" /></a></p>
<p>and here is the final effect I have for this tutorial: (click to enlarge)</p>
<p><img class="alignnone size-medium wp-image-12364" style="border-style: initial; border-color: initial;" title="rock-star-text-flatten" src="http://www.psdvault.com/img/2011/11/rock-star-text-flatten-500x600.jpg" alt="rock star text flatten 500x600 Create a Rocky Text Effect with Space Background in Photoshop" width="500" height="600" /></p>
<p>That&#8217;s it for this tutorial! Hope you enjoy it and find it useful :) Till next time, have a great day!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.psdvault.com/text-effects/create-a-rocky-text-effect-with-space-background-in-photoshop/feed/</wfw:commentRss>
		<slash:comments>5</slash:comments>
		</item>
		<item>
		<title>Create a Unique Abstract Text Effect with Metal Texture and Cloud Effect in Photoshop</title>
		<link>http://www.psdvault.com/text-effects/create-a-unique-abstract-text-effect-with-metal-texture-and-cloud-effect-in-photoshop/</link>
		<comments>http://www.psdvault.com/text-effects/create-a-unique-abstract-text-effect-with-metal-texture-and-cloud-effect-in-photoshop/#comments</comments>
		<pubDate>Mon, 31 Oct 2011 12:14:24 +0000</pubDate>
		<dc:creator>James Qu</dc:creator>
				<category><![CDATA[Text Effects]]></category>
		<category><![CDATA[abstract text effect]]></category>
		<category><![CDATA[text cloud effect]]></category>
		<category><![CDATA[text effect photoshop]]></category>

		<guid isPermaLink="false">http://www.psdvault.com/?p=12054</guid>
		<description><![CDATA[In this tutorial, I will show you the steps I took to Create this Abstract Text Effect with Metal Texture and Cloud Effect in Photoshop. This is an intermediate level tutorial so some steps can be a little tricky, but why not have a try :)]]></description>
			<content:encoded><![CDATA[<p>In this tutorial, I will show you the steps I took to Create this Abstract Text Effect with Metal Texture and Cloud Effect in Photoshop. This is an intermediate level tutorial so some steps can be a little tricky, but why not have a try :)</p>
<p>Here is a preview of the final effect I have for this tutorial: (click to enlarge)</p>
<p><a href="http://www.psdvault.com/img/2011/10/scattered-typo-flatten-2.jpg"><img class="alignnone size-medium wp-image-12087" title="scattered-typo-flatten-2" src="http://www.psdvault.com/img/2011/10/scattered-typo-flatten-2-500x685.jpg" alt="scattered typo flatten 2 500x685 Create a Unique Abstract Text Effect with Metal Texture and Cloud Effect in Photoshop" width="500" height="685" /></a></p>
<h3>PSD File Download</h3>
<div>
<p>You can download the PSD File for this tutorial via the VIP Members Area for only $6.95/Month (or less)! You will not only get this PSD File, but also 70+ other PSD Files + Extra Goodies + Exclusive Photoshop tutorials there. <a href="http://www.psdvault.com/vip/signup.php" target="_blank">Signup now</a> and get exclusive :) <a href="http://www.psdvault.com/vault-news/psd-vault-vip-members-area-launched-signup-and-get-exclusive/" target="_blank">Find out more about the VIP Members Areas</a></p>
<p><a href="http://www.psdvault.com/vip/signup.php"><img title="vip-sign-up-250" src="http://img.psdvault.com/2010/04/vip-sign-up-250.png" alt="vip sign up 250 Create a Unique Abstract Text Effect with Metal Texture and Cloud Effect in Photoshop" width="250" height="250" /></a></p>
<p>OK Let&#8217;s get started!</p>
</div>
<p>To complete this tutorial, you will need the following stocks:</p>
<p><a href="http://www.cgtextures.com/texview.php?id=5043&amp;PHPSESSID=gm2f2reba9lt1sid5v2kvbfbn4" target="_blank">Metal Texture</a></p>
<p><a href="http://qbrushes.net/category/photoshop-splash-brushes/" target="_blank">Splatter Brushes</a></p>
<p><a href="http://qbrushes.net/photoshop-abstract-brushes/debris-brush/" target="_blank">Debris Brushes</a></p>
<h3>Step 1</h3>
<p>Create a new document sized 700px * 960px with black background. Load the metal texture into Photoshop and select a portion of the image, copy and paste it onto our document, adjust its size with free transform tool so it cover the whole canvas:</p>
<p><a href="http://www.psdvault.com/img/2011/10/1-paste2.jpg"><img class="alignnone size-medium wp-image-12055" style="border-style: initial; border-color: initial;" title="1 paste" src="http://www.psdvault.com/img/2011/10/1-paste2-500x649.jpg" alt="1 paste2 500x649 Create a Unique Abstract Text Effect with Metal Texture and Cloud Effect in Photoshop" width="500" height="649" /></a></p>
<p>Reduce the layer opacity to be around 20%:</p>
<p><a href="http://www.psdvault.com/img/2011/10/1-reduce.jpg"><img class="alignnone size-medium wp-image-12056" style="border-style: initial; border-color: initial;" title="1 reduce" src="http://www.psdvault.com/img/2011/10/1-reduce-500x674.jpg" alt="1 reduce 500x674 Create a Unique Abstract Text Effect with Metal Texture and Cloud Effect in Photoshop" width="500" height="674" /></a></p>
<h3>Step 2</h3>
<p>Apply the following 3 image adjustment layer to this metal texture layer:</p>
<p>Black and White</p>
<p><img class="alignnone size-full wp-image-12057" title="2 bw" src="http://www.psdvault.com/img/2011/10/2-bw1.jpg" alt="2 bw1 Create a Unique Abstract Text Effect with Metal Texture and Cloud Effect in Photoshop" width="210" height="336" /></p>
<p>Levels</p>
<p><img class="alignnone size-full wp-image-12061" title="2 lv" src="http://www.psdvault.com/img/2011/10/2-lv2.jpg" alt="2 lv2 Create a Unique Abstract Text Effect with Metal Texture and Cloud Effect in Photoshop" width="210" height="336" /></p>
<p>Layer mask on the levels adjustment layer: (use a big soft eraser with 70% opacity and flow on this layer mask)</p>
<p><img class="alignnone size-medium wp-image-12060" style="border-style: initial; border-color: initial;" title="2 lv mask" src="http://www.psdvault.com/img/2011/10/2-lv-mask-500x697.jpg" alt="2 lv mask 500x697 Create a Unique Abstract Text Effect with Metal Texture and Cloud Effect in Photoshop" width="500" height="697" /></p>
<p>Curves</p>
<p><a href="http://www.psdvault.com/img/2011/10/2-curves1.jpg"><img class="alignnone size-full wp-image-12058" title="2 curves" src="http://www.psdvault.com/img/2011/10/2-curves1.jpg" alt="2 curves1 Create a Unique Abstract Text Effect with Metal Texture and Cloud Effect in Photoshop" width="210" height="336" /></a></p>
<p>And you will have the following effect so far:</p>
<p><img class="alignnone size-medium wp-image-12059" title="2 effect" src="http://www.psdvault.com/img/2011/10/2-effect2-500x695.jpg" alt="2 effect2 500x695 Create a Unique Abstract Text Effect with Metal Texture and Cloud Effect in Photoshop" width="500" height="695" /></p>
<h3>Step 3</h3>
<p>Create a new layer with 20% layer opacity, draw a selection with a 40px feather Lasso Tool as shown below, and render some cloud with the cloud filter in it:</p>
<p><img class="alignnone size-medium wp-image-12062" style="border-style: initial; border-color: initial;" title="3 cloud" src="http://www.psdvault.com/img/2011/10/3-cloud-489x700.jpg" alt="3 cloud 489x700 Create a Unique Abstract Text Effect with Metal Texture and Cloud Effect in Photoshop" width="489" height="700" /></p>
<p>Now we can create some random abstract pattern with the liquify filter. Use the rectangular marquee to draw a selection and fill it with black colour as shown below:</p>
<p><a href="http://www.psdvault.com/img/2011/10/3-rect.jpg"><img class="alignnone size-full wp-image-12065" style="border-style: initial; border-color: initial;" title="3 rect" src="http://www.psdvault.com/img/2011/10/3-rect.jpg" alt="3 rect Create a Unique Abstract Text Effect with Metal Texture and Cloud Effect in Photoshop" width="331" height="478" /></a></p>
<p>Use the liquify filter&#8217;s forward warping tool with the following settings:</p>
<p><img class="alignnone size-full wp-image-12063" style="border-style: initial; border-color: initial;" title="3 liq setting" src="http://www.psdvault.com/img/2011/10/3-liq-setting.jpg" alt="3 liq setting Create a Unique Abstract Text Effect with Metal Texture and Cloud Effect in Photoshop" width="278" height="504" /></p>
<p>Warp it until it forms the following liquid flowing shape:</p>
<p><img class="alignnone size-full wp-image-12064" style="border-style: initial; border-color: initial;" title="3 liquify" src="http://www.psdvault.com/img/2011/10/3-liquify1.jpg" alt="3 liquify1 Create a Unique Abstract Text Effect with Metal Texture and Cloud Effect in Photoshop" width="379" height="479" /></p>
<p>Then, duplicate this layer a few times, rotate and scatter them around the canvas (adjust the layer opacity of each duplicated layer to create depth):</p>
<p><a href="http://www.psdvault.com/img/2011/10/3-scatter.jpg"><img class="alignnone size-medium wp-image-12066" style="border-style: initial; border-color: initial;" title="3 scatter" src="http://www.psdvault.com/img/2011/10/3-scatter-500x199.jpg" alt="3 scatter 500x199 Create a Unique Abstract Text Effect with Metal Texture and Cloud Effect in Photoshop" width="500" height="199" /></a></p>
<p>Optionally, you can invert (Ctrl + I) the colour to white and mix them with the black pattern:</p>
<p><a href="http://www.psdvault.com/img/2011/10/3-white.jpg"><img class="alignnone size-medium wp-image-12067" title="3 white" src="http://www.psdvault.com/img/2011/10/3-white-500x188.jpg" alt="3 white 500x188 Create a Unique Abstract Text Effect with Metal Texture and Cloud Effect in Photoshop" width="500" height="188" /></a></p>
<h3>Step 4</h3>
<p>Create a new layer and type a letter onto the centre of the canvas as shown below with black colour, drop the layer opacity of this new layer to around 45%:</p>
<p><a href="http://www.psdvault.com/img/2011/10/4-type1.jpg"><img class="alignnone size-medium wp-image-12076" title="4 type" src="http://www.psdvault.com/img/2011/10/4-type1-500x520.jpg" alt="4 type1 500x520 Create a Unique Abstract Text Effect with Metal Texture and Cloud Effect in Photoshop" width="500" height="520" /></a></p>
<p>Add the following gradient overlay setting to this text layer:</p>
<p><a href="http://www.psdvault.com/img/2011/10/4-grad.jpg"><img class="alignnone size-medium wp-image-12073" style="border-style: initial; border-color: initial;" title="4 grad" src="http://www.psdvault.com/img/2011/10/4-grad-500x350.jpg" alt="4 grad 500x350 Create a Unique Abstract Text Effect with Metal Texture and Cloud Effect in Photoshop" width="500" height="350" /></a></p>
<p>Add a layer mask to this text layer, use the splatter brush as eraser and remove some part of the text as shown below:</p>
<blockquote><p>Hint: you can set the brush flow and opacity to be around 50% and reduce the size of the eraser for a layered effect.</p></blockquote>
<p><a href="http://www.psdvault.com/img/2011/10/4-erase.jpg"><img class="alignnone size-medium wp-image-12072" style="border-style: initial; border-color: initial;" title="4 erase" src="http://www.psdvault.com/img/2011/10/4-erase-500x527.jpg" alt="4 erase 500x527 Create a Unique Abstract Text Effect with Metal Texture and Cloud Effect in Photoshop" width="500" height="527" /></a></p>
<p>Load the selection of the text layer and move it to the metal texture, select a portion and paste it onto our text:</p>
<p><img class="alignnone size-medium wp-image-12075" style="border-style: initial; border-color: initial;" title="4 select" src="http://www.psdvault.com/img/2011/10/4-select-500x377.jpg" alt="4 select 500x377 Create a Unique Abstract Text Effect with Metal Texture and Cloud Effect in Photoshop" width="500" height="377" /></p>
<p>Again we remove the edges and parts of the texture with a soft eraser and splatter eraser:</p>
<p><a href="http://www.psdvault.com/img/2011/10/4-erase-2.jpg"><img class="alignnone size-medium wp-image-12071" style="border-style: initial; border-color: initial;" title="4 erase 2" src="http://www.psdvault.com/img/2011/10/4-erase-2-500x464.jpg" alt="4 erase 2 500x464 Create a Unique Abstract Text Effect with Metal Texture and Cloud Effect in Photoshop" width="500" height="464" /></a></p>
<p>Apply the following 3 image adjustment layers as clipping mask for this new metal texture layer:</p>
<p>Black and White</p>
<p><a href="http://www.psdvault.com/img/2011/10/4-bw.jpg"><img class="alignnone size-full wp-image-12068" style="border-style: initial; border-color: initial;" title="4 bw" src="http://www.psdvault.com/img/2011/10/4-bw.jpg" alt="4 bw Create a Unique Abstract Text Effect with Metal Texture and Cloud Effect in Photoshop" width="210" height="336" /></a></p>
<p>Levels</p>
<p><img class="alignnone size-full wp-image-12074" title="4 lv" src="http://www.psdvault.com/img/2011/10/4-lv.jpg" alt="4 lv Create a Unique Abstract Text Effect with Metal Texture and Cloud Effect in Photoshop" width="210" height="336" /></p>
<p>Curves</p>
<p><a href="http://www.psdvault.com/img/2011/10/4-curves.jpg"><img class="alignnone size-full wp-image-12069" title="4 curves" src="http://www.psdvault.com/img/2011/10/4-curves.jpg" alt="4 curves Create a Unique Abstract Text Effect with Metal Texture and Cloud Effect in Photoshop" width="210" height="336" /></a></p>
<p>and here is the effect so far:</p>
<p><img class="alignnone size-medium wp-image-12070" style="border-style: initial; border-color: initial;" title="4 effect" src="http://www.psdvault.com/img/2011/10/4-effect2-500x533.jpg" alt="4 effect2 500x533 Create a Unique Abstract Text Effect with Metal Texture and Cloud Effect in Photoshop" width="500" height="533" /></p>
<h3>Step 5</h3>
<p>Now let&#8217;s blending this text into the background. Firstly, we can render some cloud (using the method mentioned above) on the bottom of the text and compress it down as shown below, this will form a ground texture:</p>
<p><a href="http://www.psdvault.com/img/2011/10/5-compress.jpg"><img class="alignnone size-medium wp-image-12077" style="border-style: initial; border-color: initial;" title="5 compress" src="http://www.psdvault.com/img/2011/10/5-compress-500x108.jpg" alt="5 compress 500x108 Create a Unique Abstract Text Effect with Metal Texture and Cloud Effect in Photoshop" width="500" height="108" /></a></p>
<p>Create a new layer with 50% layer opacity, again render some cloud above the ground:</p>
<p><img class="alignnone size-medium wp-image-12081" title="5 render cloud" src="http://www.psdvault.com/img/2011/10/5-render-cloud-500x146.jpg" alt="5 render cloud 500x146 Create a Unique Abstract Text Effect with Metal Texture and Cloud Effect in Photoshop" width="500" height="146" /></p>
<p>Create another new layer with 30% opacity, render some cloud over the text as shown below:</p>
<p><a href="http://www.psdvault.com/img/2011/10/5-render-cloud-over-text.jpg"><img class="alignnone size-full wp-image-12080" style="border-style: initial; border-color: initial;" title="5 render cloud over text" src="http://www.psdvault.com/img/2011/10/5-render-cloud-over-text.jpg" alt="5 render cloud over text Create a Unique Abstract Text Effect with Metal Texture and Cloud Effect in Photoshop" width="496" height="567" /></a></p>
<p>Now you can use the splatter brush downloaded, add some decorative painting around the text:</p>
<p><a href="http://www.psdvault.com/img/2011/10/5-splatter.jpg"><img class="alignnone size-medium wp-image-12083" style="border-style: initial; border-color: initial;" title="5 splatter" src="http://www.psdvault.com/img/2011/10/5-splatter-500x567.jpg" alt="5 splatter 500x567 Create a Unique Abstract Text Effect with Metal Texture and Cloud Effect in Photoshop" width="500" height="567" /></a></p>
<p>Use a soft eraser to remove the edges of the painting so they fade into the background to add more depth to the image:</p>
<p><a href="http://www.psdvault.com/img/2011/10/5-erase.jpg"><img class="alignnone size-medium wp-image-12078" style="border-style: initial; border-color: initial;" title="5 erase" src="http://www.psdvault.com/img/2011/10/5-erase-500x219.jpg" alt="5 erase 500x219 Create a Unique Abstract Text Effect with Metal Texture and Cloud Effect in Photoshop" width="500" height="219" /></a></p>
<p>Optionally, you can add some abstract black pattern from the previous step over the text, as well as some flying particle with the debris brush downloaded:</p>
<p><a href="http://www.psdvault.com/img/2011/10/5-over-text.jpg"><img class="alignnone size-medium wp-image-12079" style="border-style: initial; border-color: initial;" title="5 over text" src="http://www.psdvault.com/img/2011/10/5-over-text-500x364.jpg" alt="5 over text 500x364 Create a Unique Abstract Text Effect with Metal Texture and Cloud Effect in Photoshop" width="500" height="364" /></a></p>
<h3>Step 6</h3>
<p>OK we&#8217;re almost done! For some final adjustments, we can flatten the image, duplicate this background layer once and apply the following High Pass filter setting to the duplicated layer:</p>
<p><a href="http://www.psdvault.com/img/2011/10/6-high-pass.jpg"><img class="alignnone size-full wp-image-12086" title="6 high pass" src="http://www.psdvault.com/img/2011/10/6-high-pass.jpg" alt="6 high pass Create a Unique Abstract Text Effect with Metal Texture and Cloud Effect in Photoshop" width="316" height="305" /></a></p>
<p>Change the layer blending mode of this new high pass layer to &#8220;Hard Light&#8221;, you will find you parts of the image being slightly sharpened:</p>
<p><img class="alignnone size-medium wp-image-12082" style="border-style: initial; border-color: initial;" title="5 sharpen" src="http://www.psdvault.com/img/2011/10/5-sharpen-500x228.jpg" alt="5 sharpen 500x228 Create a Unique Abstract Text Effect with Metal Texture and Cloud Effect in Photoshop" width="500" height="228" /></p>
<p>You can also add some cloud warp into the image to create some motion effect: (<a href="http://www.psdvault.com/drawing/5-useful-little-photoshop-tricks-to-add-extra-elegance-for-your-design/" target="_blank">check out this tutorial to learn this technique</a>)</p>
<p><a href="http://www.psdvault.com/img/2011/10/6-cloud-warp.jpg"><img class="alignnone size-medium wp-image-12084" title="6 cloud warp" src="http://www.psdvault.com/img/2011/10/6-cloud-warp-500x264.jpg" alt="6 cloud warp 500x264 Create a Unique Abstract Text Effect with Metal Texture and Cloud Effect in Photoshop" width="500" height="264" /></a></p>
<p>Adjust the levels of the ground and the background a little with the levels adjustments tool, this will create a floating effect and more depth for the image:</p>
<p><img class="alignnone size-medium wp-image-12085" style="border-style: initial; border-color: initial;" title="6 float" src="http://www.psdvault.com/img/2011/10/6-float-500x180.jpg" alt="6 float 500x180 Create a Unique Abstract Text Effect with Metal Texture and Cloud Effect in Photoshop" width="500" height="180" /></p>
<p>You can then apply some colour effect onto the image via either colour balance adjustment layer, or use soft brush to paint on a new layer (with layer blending mode set to &#8220;colour&#8221; or &#8220;overlay&#8221;). I will leave the choice of colours to you, but below is my colour combination (I decided to apply an ancient, rusty theme to the text)</p>
<p><a href="http://www.psdvault.com/img/2011/10/scattered-typo-flatten-2.jpg"><img class="alignnone size-medium wp-image-12087" style="border-style: initial; border-color: initial;" title="scattered-typo-flatten-2" src="http://www.psdvault.com/img/2011/10/scattered-typo-flatten-2-500x685.jpg" alt="scattered typo flatten 2 500x685 Create a Unique Abstract Text Effect with Metal Texture and Cloud Effect in Photoshop" width="500" height="685" /></a></p>
<p>That&#8217;s it for this tutorial! Hope you enjoy it and find it useful :) Till next time, have a great day!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.psdvault.com/text-effects/create-a-unique-abstract-text-effect-with-metal-texture-and-cloud-effect-in-photoshop/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Create a Unique Break-Apart Text Effect with Urban Background in Photoshop</title>
		<link>http://www.psdvault.com/text-effects/create-a-unique-break-apart-text-effect-with-urban-background-in-photoshop/</link>
		<comments>http://www.psdvault.com/text-effects/create-a-unique-break-apart-text-effect-with-urban-background-in-photoshop/#comments</comments>
		<pubDate>Sun, 09 Oct 2011 00:34:03 +0000</pubDate>
		<dc:creator>James Qu</dc:creator>
				<category><![CDATA[Text Effects]]></category>
		<category><![CDATA[break apart text effect]]></category>
		<category><![CDATA[text effect photoshop]]></category>
		<category><![CDATA[urban text effect]]></category>

		<guid isPermaLink="false">http://www.psdvault.com/?p=11842</guid>
		<description><![CDATA[In this tutorial, I will show you the steps I took to create this Create a Unique Break-Apart Text Effect with Urban Background in Photoshop. This is an intermediate level tutorial so some steps can be tricky, but why not have a try :)]]></description>
			<content:encoded><![CDATA[<p>In this tutorial, I will show you the steps I took to create this Create a Unique Break-Apart Text Effect with Urban Background in Photoshop. This is an intermediate level tutorial so some steps can be tricky, but why not have a try :)</p>
<p>The text itself is made up from wooden texture, along with some particle brush effect. You will be using techniques such as layer blending options, warp tool, image adjustments, and some paintings with custom brushes.</p>
<p>Finding a good <a href="http://www.nextdayflyers.com/business-card-printing/">business card printing</a> company, can help streamline your marketing efforts.</p>
<p>Here is a preview of the final effect I have for this tutorial: (click to enlarge)</p>
<p><a href="http://www.psdvault.com/img/2011/10/rage-text-flatten-22.jpg"><img class="alignnone size-medium wp-image-11880" title="rage-text-flatten-2" src="http://www.psdvault.com/img/2011/10/rage-text-flatten-22-500x685.jpg" alt="rage text flatten 22 500x685 Create a Unique Break Apart Text Effect with Urban Background in Photoshop" width="500" height="685" /></a></p>
<h3>PSD File Download</h3>
<div>
<p>You can download the PSD File for this tutorial via the VIP Members Area for only $6.95/Month (or less)! You will not only get this PSD File, but also 70+ other PSD Files + Extra Goodies + Exclusive Photoshop tutorials there. <a href="http://www.psdvault.com/vip/signup.php" target="_blank">Signup now</a> and get exclusive :) <a href="http://www.psdvault.com/vault-news/psd-vault-vip-members-area-launched-signup-and-get-exclusive/" target="_blank">Find out more about the VIP Members Areas</a></p>
<p><a href="http://www.psdvault.com/vip/signup.php"><img title="vip-sign-up-250" src="http://img.psdvault.com/2010/04/vip-sign-up-250.png" alt="vip sign up 250 Create a Unique Break Apart Text Effect with Urban Background in Photoshop" width="250" height="250" /></a></p>
<p>OK Let&#8217;s get started!</p>
</div>
<p>To complete this tutorial, you will need the following stocks:</p>
<p><a href="http://qbrushes.net/nature/xplosion-brushes/" target="_blank">Smoke Brushes</a></p>
<p><a href="http://www.stockvault.net/photo/126770/wood-texture" target="_blank">Wood Texture</a></p>
<p><a href="http://www.stockvault.net/photo/112129/chicago" target="_blank">City</a></p>
<p><a href="http://www.stockvault.net/photo/107490/cracked-mud-surface" target="_blank">Crack</a></p>
<p><a href="http://qbrushes.net/photoshop-abstract-brushes/debris-brush/" target="_blank">Debris Brush</a></p>
<h3>Step 1</h3>
<p>Create a new document sized 700px *960px (size doesn&#8217;t really matter in this tutorial, you can choose a size suits you) with black background. Create a new layer and use the smoke brush you download, paint some smoke patterns onto the canvas:</p>
<p><img class="alignnone size-medium wp-image-11849" style="border-style: initial; border-color: initial;" title="1 paint" src="http://www.psdvault.com/img/2011/10/1-paint-500x679.jpg" alt="1 paint 500x679 Create a Unique Break Apart Text Effect with Urban Background in Photoshop" width="500" height="679" /></p>
<p>Load the crack texture into Photoshop, and use the rectangular marquee tool to select a portion as shown below:</p>
<p><a href="http://www.psdvault.com/img/2011/10/1-sel1.jpg"><img class="alignnone size-medium wp-image-11851" title="1 sel" src="http://www.psdvault.com/img/2011/10/1-sel1-500x267.jpg" alt="1 sel1 500x267 Create a Unique Break Apart Text Effect with Urban Background in Photoshop" width="500" height="267" /></a></p>
<p>Copy and paste the selection onto our document, compress the texture down and apply the following perspectives with the free transform tool:</p>
<p><a href="http://www.psdvault.com/img/2011/10/1-persp.jpg"><img class="alignnone size-medium wp-image-11850" title="1 persp" src="http://www.psdvault.com/img/2011/10/1-persp-500x133.jpg" alt="1 persp 500x133 Create a Unique Break Apart Text Effect with Urban Background in Photoshop" width="500" height="133" /></a></p>
<p>Use a soft eraser to fade the edges around this crack layer,</p>
<p><a href="http://www.psdvault.com/img/2011/10/1-erase-edge.jpg"><img class="alignnone size-medium wp-image-11847" style="border-style: initial; border-color: initial;" title="1 erase edge" src="http://www.psdvault.com/img/2011/10/1-erase-edge-500x179.jpg" alt="1 erase edge 500x179 Create a Unique Break Apart Text Effect with Urban Background in Photoshop" width="500" height="179" /></a></p>
<p>Then, add the following 3 image adjustment layer as clipping mask to this crack layer:</p>
<p>Black and White (set this adjustment layer&#8217;s opacity to 70%)</p>
<p><img class="alignnone size-full wp-image-11844" style="border-style: initial; border-color: initial;" title="1 bw" src="http://www.psdvault.com/img/2011/10/1-bw1.jpg" alt="1 bw1 Create a Unique Break Apart Text Effect with Urban Background in Photoshop" width="210" height="336" /></p>
<p>Levels</p>
<p><a href="http://www.psdvault.com/img/2011/10/1-lv.jpg"><img class="alignnone size-full wp-image-11848" title="1 lv" src="http://www.psdvault.com/img/2011/10/1-lv.jpg" alt="1 lv Create a Unique Break Apart Text Effect with Urban Background in Photoshop" width="210" height="336" /></a></p>
<p>Curves</p>
<p><a href="http://www.psdvault.com/img/2011/10/1-cur.jpg"><img class="alignnone size-full wp-image-11845" title="1 cur" src="http://www.psdvault.com/img/2011/10/1-cur.jpg" alt="1 cur Create a Unique Break Apart Text Effect with Urban Background in Photoshop" width="210" height="336" /></a></p>
<p>and you will have the following effect so far:</p>
<p><a href="http://www.psdvault.com/img/2011/10/1-effect1.jpg"><img class="alignnone size-medium wp-image-11846" style="border-style: initial; border-color: initial;" title="1 effect" src="http://www.psdvault.com/img/2011/10/1-effect1-500x253.jpg" alt="1 effect1 500x253 Create a Unique Break Apart Text Effect with Urban Background in Photoshop" width="500" height="253" /></a></p>
<h3>Step 2</h3>
<p>Now let&#8217;s work on adding some urban city buildings to the image. Load the city image into Photoshop, select the city portion with quick selection tool, copy and paste the selection onto our document, then resize and apply some warping to it as shown below:</p>
<p><a href="http://www.psdvault.com/img/2011/10/2-warp.jpg"><img class="alignnone size-medium wp-image-11859" title="2 warp" src="http://www.psdvault.com/img/2011/10/2-warp-500x292.jpg" alt="2 warp 500x292 Create a Unique Break Apart Text Effect with Urban Background in Photoshop" width="500" height="292" /></a></p>
<p>Use the Chalk Brush as an eraser (set its flow and opacity to around 50%), erase the edges of the building to create some damaging effect:</p>
<p><a href="http://www.psdvault.com/img/2011/10/2-erase.jpg"><img class="alignnone size-medium wp-image-11856" style="border-style: initial; border-color: initial;" title="2 erase" src="http://www.psdvault.com/img/2011/10/2-erase-500x267.jpg" alt="2 erase 500x267 Create a Unique Break Apart Text Effect with Urban Background in Photoshop" width="500" height="267" /></a></p>
<p>and here is the effect after the erase:</p>
<p><img class="alignnone size-medium wp-image-11853" style="border-style: initial; border-color: initial;" title="2 city erase" src="http://www.psdvault.com/img/2011/10/2-city-erase-500x215.jpg" alt="2 city erase 500x215 Create a Unique Break Apart Text Effect with Urban Background in Photoshop" width="500" height="215" /></p>
<p>Add the following 3 image adjustment layers as clipping mask to this city layer:</p>
<p>Black and White</p>
<p><img class="alignnone size-full wp-image-11852" style="border-style: initial; border-color: initial;" title="2 bw" src="http://www.psdvault.com/img/2011/10/2-bw.jpg" alt="2 bw Create a Unique Break Apart Text Effect with Urban Background in Photoshop" width="210" height="336" /></p>
<p>Levels</p>
<p><a href="http://www.psdvault.com/img/2011/10/2-lv.jpg"><img class="alignnone size-full wp-image-11857" title="2 lv" src="http://www.psdvault.com/img/2011/10/2-lv.jpg" alt="2 lv Create a Unique Break Apart Text Effect with Urban Background in Photoshop" width="210" height="336" /></a></p>
<p>Colour Balance (Highlights)</p>
<p><a href="http://www.psdvault.com/img/2011/10/2-col-ba.jpg"><img class="alignnone size-full wp-image-11854" title="2 col ba" src="http://www.psdvault.com/img/2011/10/2-col-ba.jpg" alt="2 col ba Create a Unique Break Apart Text Effect with Urban Background in Photoshop" width="210" height="336" /></a></p>
<p>Create a new layer and use the smoke brush to paint some smoke around the building, you will have the following effect so far:</p>
<p><a href="http://www.psdvault.com/img/2011/10/2-paint.jpg"><img class="alignnone size-medium wp-image-11858" style="border-style: initial; border-color: initial;" title="2 paint" src="http://www.psdvault.com/img/2011/10/2-paint-500x241.jpg" alt="2 paint 500x241 Create a Unique Break Apart Text Effect with Urban Background in Photoshop" width="500" height="241" /></a></p>
<h3>Step 3</h3>
<p>Now let&#8217;s add the text onto the image. Create a new layer and use the type tool to type a letter onto the canvas using a bold font:</p>
<p><a href="http://www.psdvault.com/img/2011/10/3-type.jpg"><img class="alignnone size-full wp-image-11867" style="border-style: initial; border-color: initial;" title="3 type" src="http://www.psdvault.com/img/2011/10/3-type.jpg" alt="3 type Create a Unique Break Apart Text Effect with Urban Background in Photoshop" width="363" height="504" /></a></p>
<p>Load the wood texture into Photoshop, select a portion of it as shown below:</p>
<p><img class="alignnone size-full wp-image-11866" title="3 sel wood" src="http://www.psdvault.com/img/2011/10/3-sel-wood.jpg" alt="3 sel wood Create a Unique Break Apart Text Effect with Urban Background in Photoshop" width="378" height="660" /></p>
<p>Copy and paste the selection onto our canvas, rotate and warp it as shown below:</p>
<p><a href="http://www.psdvault.com/img/2011/10/3-warp.jpg"><img class="alignnone size-full wp-image-11868" style="border-style: initial; border-color: initial;" title="3 warp" src="http://www.psdvault.com/img/2011/10/3-warp.jpg" alt="3 warp Create a Unique Break Apart Text Effect with Urban Background in Photoshop" width="428" height="557" /></a></p>
<p>Repeat the above the process, copy and paste another 2 pieces of wood onto our letter:</p>
<p><a href="http://www.psdvault.com/img/2011/10/3-paste.jpg"><img class="alignnone size-medium wp-image-11865" title="3 paste" src="http://www.psdvault.com/img/2011/10/3-paste-500x535.jpg" alt="3 paste 500x535 Create a Unique Break Apart Text Effect with Urban Background in Photoshop" width="500" height="535" /></a></p>
<p>Turn off the original text letter and merge those 3 wood texture layer, use a soft eraser to remove the edges of the merged layer to create some depth:</p>
<p><a href="http://www.psdvault.com/img/2011/10/3-erase.jpg"><img class="alignnone size-full wp-image-11863" style="border-style: initial; border-color: initial;" title="3 erase" src="http://www.psdvault.com/img/2011/10/3-erase.jpg" alt="3 erase Create a Unique Break Apart Text Effect with Urban Background in Photoshop" width="475" height="535" /></a></p>
<p>Then, apply the following 3 adjustment layer to the text layer as clipping mask:</p>
<p>Black and White</p>
<p><img class="alignnone size-full wp-image-11860" style="border-style: initial; border-color: initial;" title="3 bw" src="http://www.psdvault.com/img/2011/10/3-bw.jpg" alt="3 bw Create a Unique Break Apart Text Effect with Urban Background in Photoshop" width="210" height="336" /></p>
<p>Levels</p>
<p><a href="http://www.psdvault.com/img/2011/10/3-lv.jpg"><img class="alignnone size-full wp-image-11864" title="3 lv" src="http://www.psdvault.com/img/2011/10/3-lv.jpg" alt="3 lv Create a Unique Break Apart Text Effect with Urban Background in Photoshop" width="210" height="336" /></a></p>
<p>Curves</p>
<p><a href="http://www.psdvault.com/img/2011/10/3-curves.jpg"><img class="alignnone size-full wp-image-11861" title="3 curves" src="http://www.psdvault.com/img/2011/10/3-curves.jpg" alt="3 curves Create a Unique Break Apart Text Effect with Urban Background in Photoshop" width="210" height="336" /></a></p>
<p>and you will have the following effect:</p>
<p><img class="alignnone size-full wp-image-11862" style="border-style: initial; border-color: initial;" title="3 effect" src="http://www.psdvault.com/img/2011/10/3-effect1.jpg" alt="3 effect1 Create a Unique Break Apart Text Effect with Urban Background in Photoshop" width="490" height="577" /></p>
<h3>Step 4</h3>
<p>Now we can add some particle with the debris brush we download around the text:</p>
<blockquote><p>Hint: Use Sharpen and Blur Tool on the debris to create extra depth.</p></blockquote>
<p><a href="http://www.psdvault.com/img/2011/10/4-partilce.jpg"><img class="alignnone size-medium wp-image-11870" style="border-style: initial; border-color: initial;" title="4 partilce" src="http://www.psdvault.com/img/2011/10/4-partilce-500x509.jpg" alt="4 partilce 500x509 Create a Unique Break Apart Text Effect with Urban Background in Photoshop" width="500" height="509" /></a></p>
<p>Duplicate this debris layer once and apply the following Radial Blur settings:</p>
<p><a href="http://www.psdvault.com/img/2011/10/4-rad-blur.jpg"><img class="alignnone size-full wp-image-11872" style="border-style: initial; border-color: initial;" title="4 rad blur" src="http://www.psdvault.com/img/2011/10/4-rad-blur.jpg" alt="4 rad blur Create a Unique Break Apart Text Effect with Urban Background in Photoshop" width="327" height="274" /></a></p>
<p>Reduce the layer opacity of this radial blur layer to around 60%, you will have the following effect:</p>
<p><a href="http://www.psdvault.com/img/2011/10/4-after-rad.jpg"><img class="alignnone size-medium wp-image-11869" title="4 after rad" src="http://www.psdvault.com/img/2011/10/4-after-rad-500x572.jpg" alt="4 after rad 500x572 Create a Unique Break Apart Text Effect with Urban Background in Photoshop" width="500" height="572" /></a></p>
<p>You can duplicate this radial blue layer once and resize it to a smaller scale, then move it to the top of the text as shown below:</p>
<p><a href="http://www.psdvault.com/img/2011/10/4-rad-blur-2.jpg"><img class="alignnone size-full wp-image-11871" style="border-style: initial; border-color: initial;" title="4 rad blur 2" src="http://www.psdvault.com/img/2011/10/4-rad-blur-2.jpg" alt="4 rad blur 2 Create a Unique Break Apart Text Effect with Urban Background in Photoshop" width="433" height="500" /></a></p>
<h3>Step 5</h3>
<p>OK we&#8217;re almost done! For some final touches, I added some shadow on the crack texture with soft black brush painting: (set brush flow and opacity to around 20%)</p>
<p><a href="http://www.psdvault.com/img/2011/10/5-shadow.jpg"><img class="alignnone size-medium wp-image-11877" title="5 shadow" src="http://www.psdvault.com/img/2011/10/5-shadow-500x161.jpg" alt="5 shadow 500x161 Create a Unique Break Apart Text Effect with Urban Background in Photoshop" width="500" height="161" /></a></p>
<p>Also added some light coming from behind the text with a soft white brush:</p>
<p><a href="http://www.psdvault.com/img/2011/10/5-light.jpg"><img class="alignnone size-medium wp-image-11875" style="border-style: initial; border-color: initial;" title="5 light" src="http://www.psdvault.com/img/2011/10/5-light-500x283.jpg" alt="5 light 500x283 Create a Unique Break Apart Text Effect with Urban Background in Photoshop" width="500" height="283" /></a></p>
<p>I added some buildings on top of the text from the city image (applied the same image adjustments as in step 2):</p>
<p><img class="alignnone size-medium wp-image-11873" style="border-style: initial; border-color: initial;" title="5 add city on top" src="http://www.psdvault.com/img/2011/10/5-add-city-on-top-500x383.jpg" alt="5 add city on top 500x383 Create a Unique Break Apart Text Effect with Urban Background in Photoshop" width="500" height="383" /></p>
<p>Further added some more cloud/smoke texture around the text, to the positions shown below:</p>
<p><a href="http://www.psdvault.com/img/2011/10/5-more-cloud.jpg"><img class="alignnone size-medium wp-image-11876" style="border-style: initial; border-color: initial;" title="5 more cloud" src="http://www.psdvault.com/img/2011/10/5-more-cloud-470x700.jpg" alt="5 more cloud 470x700 Create a Unique Break Apart Text Effect with Urban Background in Photoshop" width="470" height="700" /></a></p>
<p>Plus some Lens Flare Filter effect (set blending mode to &#8220;Color Dodge&#8221;) on the text to spice up the effect a bit more:</p>
<blockquote><p>Hint: If you have some difficulty with this lighting and colour effect, <a href="http://www.psdvault.com/photo-effect/quick-and-effective-lighting-and-decoration-techniques-for-photo-manipulation-in-photoshop/" target="_blank">check out this tutorial here</a>.</p></blockquote>
<p><a href="http://www.psdvault.com/img/2011/10/5-len-flare.jpg"><img class="alignnone size-medium wp-image-11874" style="border-style: initial; border-color: initial;" title="5 len flare" src="http://www.psdvault.com/img/2011/10/5-len-flare-500x368.jpg" alt="5 len flare 500x368 Create a Unique Break Apart Text Effect with Urban Background in Photoshop" width="500" height="368" /></a></p>
<p>Add some more colour and you will have the following final effect: (click to enlarge)</p>
<p><a href="http://www.psdvault.com/img/2011/10/rage-text-flatten-22.jpg"><img class="alignnone size-medium wp-image-11880" title="rage-text-flatten-2" src="http://www.psdvault.com/img/2011/10/rage-text-flatten-22-500x685.jpg" alt="rage text flatten 22 500x685 Create a Unique Break Apart Text Effect with Urban Background in Photoshop" width="500" height="685" /></a></p>
<p>That&#8217;s it for this tutorial! Hope you enjoy it and find it useful :) Till next time, have a great day!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.psdvault.com/text-effects/create-a-unique-break-apart-text-effect-with-urban-background-in-photoshop/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Design a Freestyle Text Effect with Pen Tool and Liquify Filter in Photoshop</title>
		<link>http://www.psdvault.com/text-effects/design-a-freestyle-text-effect-with-pen-tool-and-liquify-filter-in-photoshop/</link>
		<comments>http://www.psdvault.com/text-effects/design-a-freestyle-text-effect-with-pen-tool-and-liquify-filter-in-photoshop/#comments</comments>
		<pubDate>Sun, 02 Oct 2011 12:50:07 +0000</pubDate>
		<dc:creator>James Qu</dc:creator>
				<category><![CDATA[Text Effects]]></category>
		<category><![CDATA[freestyle text effect photoshop]]></category>
		<category><![CDATA[liquify filter photohsop]]></category>
		<category><![CDATA[text effect photoshop]]></category>

		<guid isPermaLink="false">http://www.psdvault.com/?p=11765</guid>
		<description><![CDATA[In this tutorial, I will show you the steps I took to Design a Freestyle Text Effect with Pen Tool and Liquify Filter in Photoshop. This is a beginner level tutorial so should be quite easy to complete, have a try :)]]></description>
			<content:encoded><![CDATA[<p>In this tutorial, I will show you the steps I took to Design a Freestyle Text Effect with Pen Tool and Liquify Filter in Photoshop. This is a beginner level tutorial so should be quite easy to complete, have a try :)</p>
<p>Along the way, we will mainly use the Pen Tool and the liquify filter to create flowing effect, as well as layer blending options and the free transform tool.</p>
<p>Choose an offset <a href="http://www.nextdayflyers.com/">printing services</a> company when you need to bring your designs to life.</p>
<p>Here is a preview of the final effect I have for this tutorial: (click to enlarge)</p>
<p><a href="http://www.psdvault.com/img/2011/10/freestyle-pen-liquid-text-flatten.jpg"><img class="alignnone size-medium wp-image-11796" title="freestyle-pen-liquid-text-flatten" src="http://www.psdvault.com/img/2011/10/freestyle-pen-liquid-text-flatten-500x649.jpg" alt="freestyle pen liquid text flatten 500x649 Design a Freestyle Text Effect with Pen Tool and Liquify Filter in Photoshop" width="500" height="649" /></a></p>
<h3>PSD File Download</h3>
<div>
<p>You can download the PSD File for this tutorial via the VIP Members Area for only $6.95/Month (or less)! You will not only get this PSD File, but also 70+ other PSD Files + Extra Goodies + Exclusive Photoshop tutorials there. <a href="http://www.psdvault.com/vip/signup.php" target="_blank">Signup now</a> and get exclusive :) <a href="http://www.psdvault.com/vault-news/psd-vault-vip-members-area-launched-signup-and-get-exclusive/" target="_blank">Find out more about the VIP Members Areas</a></p>
<p><a href="http://www.psdvault.com/vip/signup.php"><img title="vip-sign-up-250" src="http://img.psdvault.com/2010/04/vip-sign-up-250.png" alt="vip sign up 250 Design a Freestyle Text Effect with Pen Tool and Liquify Filter in Photoshop" width="250" height="250" /></a></p>
<p>OK Let&#8217;s get started!</p>
</div>
<p>To complete this tutorial, you will need the following stocks:</p>
<p><a href="http://www.cgtextures.com/texview.php?id=12493&amp;PHPSESSID=dfil1p8skc2agjepot6j7rjtt7" target="_blank">Paper Texture</a></p>
<h3>Step 1</h3>
<p>Create a new document sized 770px * 1000px with white background. Load the Paper Texture image into Photoshop and use the rectangular marquee tool to select a portion of it as shown below:</p>
<p><a href="http://www.psdvault.com/img/2011/10/1-sel.jpg"><img class="alignnone size-medium wp-image-11770" title="1 sel" src="http://www.psdvault.com/img/2011/10/1-sel-500x341.jpg" alt="1 sel 500x341 Design a Freestyle Text Effect with Pen Tool and Liquify Filter in Photoshop" width="500" height="341" /></a></p>
<p>Copy and paste the selection onto our canvas, resize it to fit the canvas size:</p>
<p><a href="http://www.psdvault.com/img/2011/10/1-paste.jpg"><img class="alignnone size-medium wp-image-11769" title="1 paste" src="http://www.psdvault.com/img/2011/10/1-paste-500x612.jpg" alt="1 paste 500x612 Design a Freestyle Text Effect with Pen Tool and Liquify Filter in Photoshop" width="500" height="612" /></a></p>
<p>Add the following Black and White adjustment layer on top of this paper texture layer:</p>
<p><a href="http://www.psdvault.com/img/2011/10/1-bw.jpg"><img class="alignnone size-full wp-image-11767" style="border-style: initial; border-color: initial;" title="1 bw" src="http://www.psdvault.com/img/2011/10/1-bw.jpg" alt="1 bw Design a Freestyle Text Effect with Pen Tool and Liquify Filter in Photoshop" width="210" height="336" /></a></p>
<p>and you will turn this paper texture into a black and white particle effect as shown below:</p>
<p><a href="http://www.psdvault.com/img/2011/10/1-effect.jpg"><img class="alignnone size-medium wp-image-11768" style="border-style: initial; border-color: initial;" title="1 effect" src="http://www.psdvault.com/img/2011/10/1-effect-500x568.jpg" alt="1 effect 500x568 Design a Freestyle Text Effect with Pen Tool and Liquify Filter in Photoshop" width="500" height="568" /></a></p>
<h3>Step 2</h3>
<p>Now let&#8217;s create some pattern using Pen tool &#8211; create a new layer and use the Pen tool to draw a work path on the bottom of the canvas:</p>
<p><a href="http://www.psdvault.com/img/2011/10/2-close-path.jpg"><img class="alignnone size-medium wp-image-11771" style="border-style: initial; border-color: initial;" title="2 close path" src="http://www.psdvault.com/img/2011/10/2-close-path-500x211.jpg" alt="2 close path 500x211 Design a Freestyle Text Effect with Pen Tool and Liquify Filter in Photoshop" width="500" height="211" /></a></p>
<p>Right-click inside this work path, and fill this path with a light grey colour:</p>
<p><a href="http://www.psdvault.com/img/2011/10/2-fill.jpg"><img class="alignnone size-medium wp-image-11775" style="border-style: initial; border-color: initial;" title="2 fill" src="http://www.psdvault.com/img/2011/10/2-fill-500x525.jpg" alt="2 fill 500x525 Design a Freestyle Text Effect with Pen Tool and Liquify Filter in Photoshop" width="500" height="525" /></a></p>
<p><a href="http://www.psdvault.com/img/2011/10/2-color.jpg"><img class="alignnone size-medium wp-image-11772" title="2 color" src="http://www.psdvault.com/img/2011/10/2-color-500x269.jpg" alt="2 color 500x269 Design a Freestyle Text Effect with Pen Tool and Liquify Filter in Photoshop" width="500" height="269" /></a></p>
<p>and you will have the following effect so far:</p>
<p><a href="http://www.psdvault.com/img/2011/10/2-effect.jpg"><img class="alignnone size-medium wp-image-11774" style="border-style: initial; border-color: initial;" title="2 effect" src="http://www.psdvault.com/img/2011/10/2-effect-500x195.jpg" alt="2 effect 500x195 Design a Freestyle Text Effect with Pen Tool and Liquify Filter in Photoshop" width="500" height="195" /></a></p>
<h3>Step 3</h3>
<p>Now let&#8217;s you the liquify filter, apply some forward warp to this grey pattern layer to create some liquid flowing effect:</p>
<p><a href="http://www.psdvault.com/img/2011/10/3-liquify.jpg"><img class="alignnone size-medium wp-image-11779" title="3 liquify" src="http://www.psdvault.com/img/2011/10/3-liquify-500x345.jpg" alt="3 liquify 500x345 Design a Freestyle Text Effect with Pen Tool and Liquify Filter in Photoshop" width="500" height="345" /></a></p>
<p>and this is the sort of effect you will be aiming to achieve:</p>
<blockquote><p>Hint: adjust the brush size and the pressure of the forward warp tool to fine-tune the result.</p></blockquote>
<p>&nbsp;</p>
<p><a href="http://www.psdvault.com/img/2011/10/3-liq-effect.jpg"><img class="alignnone size-full wp-image-11778" title="3 liq effect" src="http://www.psdvault.com/img/2011/10/3-liq-effect.jpg" alt="3 liq effect Design a Freestyle Text Effect with Pen Tool and Liquify Filter in Photoshop" width="479" height="304" /></a></p>
<p>Apply the liquify filter on different parts of this grey pattern layer, then flip this layer vertically and move it the top edge of the canvas:</p>
<p><a href="http://www.psdvault.com/img/2011/10/3-effect.jpg"><img class="alignnone size-medium wp-image-11777" title="3 effect" src="http://www.psdvault.com/img/2011/10/3-effect-500x226.jpg" alt="3 effect 500x226 Design a Freestyle Text Effect with Pen Tool and Liquify Filter in Photoshop" width="500" height="226" /></a></p>
<p>After this, duplicate this layer once and move it to the bottom of the canvas, hit Ctrl + U and adjust the lightness of the layer to a darker colour, again apply some liquify effect to it:</p>
<p><a href="http://www.psdvault.com/img/2011/10/3-effect-2.jpg"><img class="alignnone size-medium wp-image-11776" title="3 effect 2" src="http://www.psdvault.com/img/2011/10/3-effect-2-500x628.jpg" alt="3 effect 2 500x628 Design a Freestyle Text Effect with Pen Tool and Liquify Filter in Photoshop" width="500" height="628" /></a></p>
<h3>Step 4</h3>
<p>Now let&#8217;s type some text onto the canvas &#8211; I used a bold font and arranged each letter in a sequence as shown below: (there is no need to following my arrangement here, you&#8217;re free to experiment you own creation)</p>
<blockquote><p>Hint: as you can see, I used red colour for the letter L, and use the same colour for the letter K as the bottom wave pattern colour.</p></blockquote>
<p><a href="http://www.psdvault.com/img/2011/10/4-type.jpg"><img class="alignnone size-medium wp-image-11786" title="4 type" src="http://www.psdvault.com/img/2011/10/4-type-500x647.jpg" alt="4 type 500x647 Design a Freestyle Text Effect with Pen Tool and Liquify Filter in Photoshop" width="500" height="647" /></a></p>
<p>Let&#8217;s add some liquify filter to the letters &#8211; start with the letter L, we can duplicate this text layer once,  then move the duplicated layer below the original text layer, rasterise the layer and <strong>adjust the colour to a darker red</strong>, then apply some liquid effect (using the forward warp tool) as shown below:</p>
<p><a href="http://www.psdvault.com/img/2011/10/4-liq.jpg"><img class="alignnone size-medium wp-image-11784" title="4 liq" src="http://www.psdvault.com/img/2011/10/4-liq-500x306.jpg" alt="4 liq 500x306 Design a Freestyle Text Effect with Pen Tool and Liquify Filter in Photoshop" width="500" height="306" /></a></p>
<p><a href="http://www.psdvault.com/img/2011/10/4-liq-2.jpg"><img class="alignnone size-medium wp-image-11783" style="border-style: initial; border-color: initial;" title="4 liq 2" src="http://www.psdvault.com/img/2011/10/4-liq-2-406x700.jpg" alt="4 liq 2 406x700 Design a Freestyle Text Effect with Pen Tool and Liquify Filter in Photoshop" width="406" height="700" /></a></p>
<p>Create a new layer on top of the original text letter, and use the Pen Tool to draw a work path as shown below:</p>
<p><img class="alignnone size-medium wp-image-11780" title="4 draw" src="http://www.psdvault.com/img/2011/10/4-draw-361x700.jpg" alt="4 draw 361x700 Design a Freestyle Text Effect with Pen Tool and Liquify Filter in Photoshop" width="361" height="700" /></p>
<p>Then fill this work path with a lighter red colour to create some pattern of the letter L:</p>
<p><a href="http://www.psdvault.com/img/2011/10/4-fill.jpg"><img class="alignnone size-medium wp-image-11782" style="border-style: initial; border-color: initial;" title="4 fill" src="http://www.psdvault.com/img/2011/10/4-fill-404x700.jpg" alt="4 fill 404x700 Design a Freestyle Text Effect with Pen Tool and Liquify Filter in Photoshop" width="404" height="700" /></a></p>
<p>Duplicate this new pattern letter once, rotate it clock-wise 90 degree and move it to the lower part of the letter L:</p>
<p><img class="alignnone size-medium wp-image-11785" style="border-style: initial; border-color: initial;" title="4 rotate" src="http://www.psdvault.com/img/2011/10/4-rotate-500x235.jpg" alt="4 rotate 500x235 Design a Freestyle Text Effect with Pen Tool and Liquify Filter in Photoshop" width="500" height="235" /></p>
<h3>Step 5</h3>
<p>Now repeat the step above, apply the liquify filter effect to the rest of the letters, make sure you play with the layer opacity and lightness as you liquify those layer:</p>
<p><a href="http://www.psdvault.com/img/2011/10/5-repeat.jpg"><img class="alignnone size-medium wp-image-11794" style="border-style: initial; border-color: initial;" title="5 repeat" src="http://www.psdvault.com/img/2011/10/5-repeat-500x267.jpg" alt="5 repeat 500x267 Design a Freestyle Text Effect with Pen Tool and Liquify Filter in Photoshop" width="500" height="267" /></a></p>
<p><a href="http://www.psdvault.com/img/2011/10/5-repeat-2.jpg"><img class="alignnone size-medium wp-image-11793" style="border-style: initial; border-color: initial;" title="5 repeat 2" src="http://www.psdvault.com/img/2011/10/5-repeat-2-500x522.jpg" alt="5 repeat 2 500x522 Design a Freestyle Text Effect with Pen Tool and Liquify Filter in Photoshop" width="500" height="522" /></a></p>
<p>You can apply some abstract brush painting to the canvas to spice up the effect a bit &#8211; you can find those brushes around the net, such as <a href="http://qbrushes.net/category/photoshop-abstract-brushes/" target="_blank">Qbrushes</a>:</p>
<p><img class="alignnone size-medium wp-image-11788" style="border-style: initial; border-color: initial;" title="5 brush" src="http://www.psdvault.com/img/2011/10/5-brush-500x643.jpg" alt="5 brush 500x643 Design a Freestyle Text Effect with Pen Tool and Liquify Filter in Photoshop" width="500" height="643" /></p>
<h3>Step 6</h3>
<p>We&#8217;re almost done! For some final adjustments, I flattened the image, duplicate the background layer, and apply the Filter &gt; Sketch &gt; Charcoal effect as shown below:</p>
<p><img class="alignnone size-medium wp-image-11791" style="border-style: initial; border-color: initial;" title="5 filter" src="http://www.psdvault.com/img/2011/10/5-filter-500x272.jpg" alt="5 filter 500x272 Design a Freestyle Text Effect with Pen Tool and Liquify Filter in Photoshop" width="500" height="272" /></p>
<p>Change the blending mode of the duplicate layer to &#8220;vivid light&#8221;, drop the layer opacity to around  30%. You will have the following effect:</p>
<p><a href="http://www.psdvault.com/img/2011/10/5-effect.jpg"><img class="alignnone size-medium wp-image-11790" title="5 effect" src="http://www.psdvault.com/img/2011/10/5-effect-500x647.jpg" alt="5 effect 500x647 Design a Freestyle Text Effect with Pen Tool and Liquify Filter in Photoshop" width="500" height="647" /></a></p>
<p>Add some colour to the image with the following curves adjustment layer:</p>
<p><a href="http://www.psdvault.com/img/2011/10/5-rgb.jpg"><img class="alignnone size-full wp-image-11795" style="border-style: initial; border-color: initial;" title="5 rgb" src="http://www.psdvault.com/img/2011/10/5-rgb.jpg" alt="5 rgb Design a Freestyle Text Effect with Pen Tool and Liquify Filter in Photoshop" width="210" height="336" /></a></p>
<p><a href="http://www.psdvault.com/img/2011/10/5-curv-red.jpg"><img class="alignnone size-full wp-image-11789" title="5 curv red" src="http://www.psdvault.com/img/2011/10/5-curv-red.jpg" alt="5 curv red Design a Freestyle Text Effect with Pen Tool and Liquify Filter in Photoshop" width="210" height="336" /></a></p>
<p><a href="http://www.psdvault.com/img/2011/10/5-green.jpg"><img class="alignnone size-full wp-image-11792" style="border-style: initial; border-color: initial;" title="5 green" src="http://www.psdvault.com/img/2011/10/5-green.jpg" alt="5 green Design a Freestyle Text Effect with Pen Tool and Liquify Filter in Photoshop" width="210" height="336" /></a></p>
<p><a href="http://www.psdvault.com/img/2011/10/5-blue.jpg"><img class="alignnone size-full wp-image-11787" title="5 blue" src="http://www.psdvault.com/img/2011/10/5-blue.jpg" alt="5 blue Design a Freestyle Text Effect with Pen Tool and Liquify Filter in Photoshop" width="210" height="336" /></a></p>
<p>and you will have the following final effect: (click to enlarge)</p>
<p><a href="http://www.psdvault.com/img/2011/10/freestyle-pen-liquid-text-flatten.jpg"><img class="alignnone size-medium wp-image-11796" title="freestyle-pen-liquid-text-flatten" src="http://www.psdvault.com/img/2011/10/freestyle-pen-liquid-text-flatten-500x649.jpg" alt="freestyle pen liquid text flatten 500x649 Design a Freestyle Text Effect with Pen Tool and Liquify Filter in Photoshop" width="500" height="649" /></a></p>
<p>That&#8217;s it for this tutorial! Hope you enjoy it and find it useful :) Till next time, have a great day!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.psdvault.com/text-effects/design-a-freestyle-text-effect-with-pen-tool-and-liquify-filter-in-photoshop/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Create Awesome Particle Flame Text Effect in Photoshop</title>
		<link>http://www.psdvault.com/text-effects/create-awesome-particle-flame-text-effect-in-photoshop/</link>
		<comments>http://www.psdvault.com/text-effects/create-awesome-particle-flame-text-effect-in-photoshop/#comments</comments>
		<pubDate>Sun, 18 Sep 2011 09:46:43 +0000</pubDate>
		<dc:creator>James Qu</dc:creator>
				<category><![CDATA[Text Effects]]></category>

		<guid isPermaLink="false">http://www.psdvault.com/?p=11597</guid>
		<description><![CDATA[In this tutorial, I will show you the steps I took to Create Awesome Particle Flame Text Effect in Photoshop. This is an intermediate level tutorial so some steps can be tricky, but why not have a try :)]]></description>
			<content:encoded><![CDATA[<p>In this tutorial, I will show you the steps I took to Create Awesome Particle Flame Text Effect in Photoshop. This is an intermediate level tutorial so some steps can be tricky, but why not have a try :)</p>
<p>Along the way, we will using lots of selection, layer blending, and custom brush effect. We will manipulate the fire texture with the liquify filter, and learn how to use adjustment layers to fine-tune the final effect.</p>
<p>To build awareness for events and campaigns, consider <a href="http://www.nextdayflyers.com/glossy-poster-printing/">poster printing</a> as one of your marketing techniques.</p>
<p>Here is a preview of the final effect I have for this tutorial: (click to enlarge)</p>
<p><a href="http://www.psdvault.com/img/2011/09/particle-flame-text-flatten-2.jpg"><img class="alignnone size-medium wp-image-11635" title="particle-flame-text-flatten-2" src="http://www.psdvault.com/img/2011/09/particle-flame-text-flatten-2-500x312.jpg" alt="particle flame text flatten 2 500x312 Create Awesome Particle Flame Text Effect in Photoshop" width="500" height="312" /></a></p>
<h3>PSD File Download</h3>
<div>
<p>You can download the PSD File for this tutorial via the VIP Members Area for only $6.95/Month (or less)! You will not only get this PSD File, but also 70+ other PSD Files + Extra Goodies + Exclusive Photoshop tutorials there. <a href="http://www.psdvault.com/vip/signup.php" target="_blank">Signup now</a> and get exclusive :) <a href="http://www.psdvault.com/vault-news/psd-vault-vip-members-area-launched-signup-and-get-exclusive/" target="_blank">Find out more about the VIP Members Areas</a></p>
<p><a href="http://www.psdvault.com/vip/signup.php"><img title="vip-sign-up-250" src="http://img.psdvault.com/2010/04/vip-sign-up-250.png" alt="vip sign up 250 Create Awesome Particle Flame Text Effect in Photoshop" width="250" height="250" /></a></p>
<p>OK Let&#8217;s get started!</p>
</div>
<p>To complete this tutorial, you will need the following stocks:</p>
<p><a href="http://www.dafont.com/coolvetica.font" target="_blank">Font</a></p>
<p><a href="http://www.cgtextures.com/texview.php?id=39499&amp;PHPSESSID=uma2jf1lnoetvs8uahl0lc92h2" target="_blank">Wood Texture</a></p>
<p><a href="http://www.cgtextures.com/texview.php?id=63915&amp;PHPSESSID=uma2jf1lnoetvs8uahl0lc92h2" target="_blank">Fire Texture</a></p>
<h3>Step 1</h3>
<p>Create a new document with black background (canvas size doesn&#8217;t really matter for this tutorial), create a new layer and use the font we downloaded, type some text on the new layer with a dark red colour:</p>
<p><a href="http://www.psdvault.com/img/2011/09/1-type.jpg"><img class="alignnone size-medium wp-image-11603" title="1 type" src="http://www.psdvault.com/img/2011/09/1-type-500x307.jpg" alt="1 type 500x307 Create Awesome Particle Flame Text Effect in Photoshop" width="500" height="307" /></a></p>
<p>On this text layer, apply the following layer blending options:</p>
<p>Inner Shadow</p>
<p><a href="http://www.psdvault.com/img/2011/09/1-inner-shadow.jpg"><img class="alignnone size-medium wp-image-11601" style="border-style: initial; border-color: initial;" title="1 inner shadow" src="http://www.psdvault.com/img/2011/09/1-inner-shadow-500x350.jpg" alt="1 inner shadow 500x350 Create Awesome Particle Flame Text Effect in Photoshop" width="500" height="350" /></a></p>
<p>Bevel and Emboss</p>
<p><a href="http://www.psdvault.com/img/2011/09/1-bevel.jpg"><img class="alignnone size-medium wp-image-11598" style="border-style: initial; border-color: initial;" title="1 bevel" src="http://www.psdvault.com/img/2011/09/1-bevel-500x350.jpg" alt="1 bevel 500x350 Create Awesome Particle Flame Text Effect in Photoshop" width="500" height="350" /></a></p>
<p>Gradient Overlay</p>
<p><a href="http://www.psdvault.com/img/2011/09/1-grad.jpg"><img class="alignnone size-medium wp-image-11600" style="border-style: initial; border-color: initial;" title="1 grad" src="http://www.psdvault.com/img/2011/09/1-grad-500x350.jpg" alt="1 grad 500x350 Create Awesome Particle Flame Text Effect in Photoshop" width="500" height="350" /></a></p>
<p>Stroke</p>
<p><a href="http://www.psdvault.com/img/2011/09/1-stroke.jpg"><img class="alignnone size-medium wp-image-11602" style="border-style: initial; border-color: initial;" title="1 stroke" src="http://www.psdvault.com/img/2011/09/1-stroke-500x350.jpg" alt="1 stroke 500x350 Create Awesome Particle Flame Text Effect in Photoshop" width="500" height="350" /></a></p>
<p>and you will have the following effect:</p>
<p><a href="http://www.psdvault.com/img/2011/09/1-effect2.jpg"><img class="alignnone size-medium wp-image-11599" style="border-style: initial; border-color: initial;" title="1 effect" src="http://www.psdvault.com/img/2011/09/1-effect2-500x256.jpg" alt="1 effect2 500x256 Create Awesome Particle Flame Text Effect in Photoshop" width="500" height="256" /></a></p>
<h3>Step 2</h3>
<p>Now let&#8217;s add some wooden texture onto the text. Load the wood texture image into Photoshop, load the selection of the text layer from our document and drag it onto the wooden texture:</p>
<p><a href="http://www.psdvault.com/img/2011/09/2-sel1.jpg"><img class="alignnone size-medium wp-image-11608" title="2 sel" src="http://www.psdvault.com/img/2011/09/2-sel1-500x276.jpg" alt="2 sel1 500x276 Create Awesome Particle Flame Text Effect in Photoshop" width="500" height="276" /></a></p>
<p>Copy and paste the selection onto our text, then reduce the layer opacity to around 65%:</p>
<p><img class="alignnone size-medium wp-image-11604" style="border-style: initial; border-color: initial;" title="2 blend" src="http://www.psdvault.com/img/2011/09/2-blend-500x231.jpg" alt="2 blend 500x231 Create Awesome Particle Flame Text Effect in Photoshop" width="500" height="231" /></p>
<p>Then, duplicate this wood layer once and set the blending mode of the duplicated layer to &#8220;Overlay&#8221;, increase its layer opacity to 100%. You will have the following effect:</p>
<p><a href="http://www.psdvault.com/img/2011/09/2-overlay.jpg"><img class="alignnone size-medium wp-image-11607" style="border-style: initial; border-color: initial;" title="2 overlay" src="http://www.psdvault.com/img/2011/09/2-overlay-500x259.jpg" alt="2 overlay 500x259 Create Awesome Particle Flame Text Effect in Photoshop" width="500" height="259" /></a></p>
<p>Optionally, you can add a colour balance adjustment layer as clipping mask to this wood texture layer to tune the colour a bit:</p>
<p><a href="http://www.psdvault.com/img/2011/09/2-col-bal.jpg"><img class="alignnone size-full wp-image-11605" title="2 col bal" src="http://www.psdvault.com/img/2011/09/2-col-bal.jpg" alt="2 col bal Create Awesome Particle Flame Text Effect in Photoshop" width="210" height="336" /></a></p>
<p>and here is the effect so far:</p>
<p><a href="http://www.psdvault.com/img/2011/09/2-effect2.jpg"><img class="alignnone size-medium wp-image-11606" style="border-style: initial; border-color: initial;" title="2 effect" src="http://www.psdvault.com/img/2011/09/2-effect2-500x252.jpg" alt="2 effect2 500x252 Create Awesome Particle Flame Text Effect in Photoshop" width="500" height="252" /></a></p>
<h3>Step 3</h3>
<p>If you&#8217;re having trouble with this step, check out this video Photoshop tutorial I have below:</p>
<p><object width="500" height="284"><param name="movie" value="http://www.youtube.com/v/HTdfPsXXvCE?version=3&amp;hl=en_US" /><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><embed type="application/x-shockwave-flash" width="500" height="284" src="http://www.youtube.com/v/HTdfPsXXvCE?version=3&amp;hl=en_US" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<p>Let&#8217;s add the fire texture onto the text. Load the fire image into Photoshop and use the Quick Selection Tool select a portion of the fire as shown below:</p>
<blockquote><p>Hint: Hit Ctrl + Alt + R and bring up the Refine Edge tool to adjust the edge of the selection to get better result.</p></blockquote>
<p><a href="http://www.psdvault.com/img/2011/09/3-sel.jpg"><img class="alignnone size-medium wp-image-11615" title="3 sel" src="http://www.psdvault.com/img/2011/09/3-sel-500x290.jpg" alt="3 sel 500x290 Create Awesome Particle Flame Text Effect in Photoshop" width="500" height="290" /></a></p>
<p>Copy and paste the fire selection to our document, put it above all previous layer and change the blending mode to &#8220;overlay&#8221;:</p>
<p><img class="alignnone size-medium wp-image-11613" title="3 overlay" src="http://www.psdvault.com/img/2011/09/3-overlay-500x255.jpg" alt="3 overlay 500x255 Create Awesome Particle Flame Text Effect in Photoshop" width="500" height="255" /></p>
<p>Duplicate the fire layer once and change the blending mode to &#8220;Screen&#8221; &#8211; by doing so, you can add more fire texture onto the text and give it more depth:</p>
<p><a href="http://www.psdvault.com/img/2011/09/3-screen.jpg"><img class="alignnone size-medium wp-image-11614" style="border-style: initial; border-color: initial;" title="3 screen" src="http://www.psdvault.com/img/2011/09/3-screen-500x239.jpg" alt="3 screen 500x239 Create Awesome Particle Flame Text Effect in Photoshop" width="500" height="239" /></a></p>
<p>Go back to the fire texture image, use the quick selection tool to select another piece of the fire, copy and paste it onto our text: (adjust the blending mode of the fire texture accordingly, you can try &#8220;color dodge&#8221;, &#8220;soft light&#8221; and &#8220;screen&#8221;, have some experiments :)</p>
<p><img class="alignnone size-medium wp-image-11610" style="border-style: initial; border-color: initial;" title="3 keep dup" src="http://www.psdvault.com/img/2011/09/3-keep-dup-500x264.jpg" alt="3 keep dup 500x264 Create Awesome Particle Flame Text Effect in Photoshop" width="500" height="264" /></p>
<p>You can also use the Liquify filter to warp the fire texture and create a flowing effect for the fire texture:</p>
<p><a href="http://www.psdvault.com/img/2011/09/3-liq-setting.jpg"><img class="alignnone size-medium wp-image-11611" style="border-style: initial; border-color: initial;" title="3 liq setting" src="http://www.psdvault.com/img/2011/09/3-liq-setting-500x162.jpg" alt="3 liq setting 500x162 Create Awesome Particle Flame Text Effect in Photoshop" width="500" height="162" /></a></p>
<p><img class="alignnone size-medium wp-image-11612" title="3 liq" src="http://www.psdvault.com/img/2011/09/3-liq-500x242.jpg" alt="3 liq 500x242 Create Awesome Particle Flame Text Effect in Photoshop" width="500" height="242" /></p>
<p>and here is the effect you would be aiming to achieve:</p>
<p><a href="http://www.psdvault.com/img/2011/09/3-effect2.jpg"><img class="alignnone size-medium wp-image-11609" title="3 effect" src="http://www.psdvault.com/img/2011/09/3-effect2-500x264.jpg" alt="3 effect2 500x264 Create Awesome Particle Flame Text Effect in Photoshop" width="500" height="264" /></a></p>
<h3>Step 4</h3>
<p>We can add some smoke behind the fire with the cloud filter or a smoke brush:</p>
<p><img class="alignnone size-medium wp-image-11623" title="4 smoke" src="http://www.psdvault.com/img/2011/09/4-smoke-500x277.jpg" alt="4 smoke 500x277 Create Awesome Particle Flame Text Effect in Photoshop" width="500" height="277" /></p>
<p>Let&#8217;s create the triangle particle brush &#8211; create a new document with a rectangular shape, add a new layer on top and use the Pen Tool to draw a shape as shown below:</p>
<p><img class="alignnone size-full wp-image-11620" style="border-style: initial; border-color: initial;" title="4 path" src="http://www.psdvault.com/img/2011/09/4-path.jpg" alt="4 path Create Awesome Particle Flame Text Effect in Photoshop" width="464" height="358" /></p>
<p>Right-click and fill this path with black colour:</p>
<p><img class="alignnone size-medium wp-image-11616" style="border-style: initial; border-color: initial;" title="4 fill" src="http://www.psdvault.com/img/2011/09/4-fill-500x443.jpg" alt="4 fill 500x443 Create Awesome Particle Flame Text Effect in Photoshop" width="500" height="443" /></p>
<p>Turn off the background layer, and go to &#8220;Image &gt; Trim&#8221; and trim the transparent pixel off:</p>
<p><img class="alignnone size-full wp-image-11624" style="border-style: initial; border-color: initial;" title="4 turn off" src="http://www.psdvault.com/img/2011/09/4-turn-off.jpg" alt="4 turn off Create Awesome Particle Flame Text Effect in Photoshop" width="255" height="382" /></p>
<p>Go to Edit &gt;Define brush preset and define a new brush:</p>
<p><img class="alignnone size-medium wp-image-11617" style="border-style: initial; border-color: initial;" title="4 name" src="http://www.psdvault.com/img/2011/09/4-name-500x264.jpg" alt="4 name 500x264 Create Awesome Particle Flame Text Effect in Photoshop" width="500" height="264" /></p>
<p>Once you&#8217;ve done adding this new brush, press F5 and bring up the brush options window, apply the following settings:</p>
<p>Shape Dynamics</p>
<p><a href="http://www.psdvault.com/img/2011/09/4-shape-dyn1.jpg"><img class="alignnone size-full wp-image-11622" title="4 shape dyn" src="http://www.psdvault.com/img/2011/09/4-shape-dyn1.jpg" alt="4 shape dyn1 Create Awesome Particle Flame Text Effect in Photoshop" width="404" height="445" /></a></p>
<p>Scattering</p>
<p><a href="http://www.psdvault.com/img/2011/09/4-scatter.jpg"><img class="alignnone size-full wp-image-11621" title="4 scatter" src="http://www.psdvault.com/img/2011/09/4-scatter.jpg" alt="4 scatter Create Awesome Particle Flame Text Effect in Photoshop" width="404" height="445" /></a></p>
<p>Other Dynamics</p>
<p><a href="http://www.psdvault.com/img/2011/09/4-other-dyn1.jpg"><img class="alignnone size-full wp-image-11618" title="4 other dyn" src="http://www.psdvault.com/img/2011/09/4-other-dyn1.jpg" alt="4 other dyn1 Create Awesome Particle Flame Text Effect in Photoshop" width="404" height="445" /></a></p>
<p>Now you can use the newly created brush to paint some red particles around the text:</p>
<blockquote><p>Hint: adjust the brush size as you paint to add more depth to the image. also remember to save this brush so you can reuse it in the future.</p></blockquote>
<p><img class="alignnone size-medium wp-image-11619" style="border-style: initial; border-color: initial;" title="4 paint" src="http://www.psdvault.com/img/2011/09/4-paint2-500x273.jpg" alt="4 paint2 500x273 Create Awesome Particle Flame Text Effect in Photoshop" width="500" height="273" /></p>
<h3>Step 5</h3>
<p>We&#8217;re almost done! For some final adjustments, we can flatten the image, duplicate the background layer and apply the following Reduce Noise filter settings:</p>
<p><a href="http://www.psdvault.com/img/2011/09/5-reduce-noise.jpg"><img class="alignnone size-full wp-image-11632" title="5 reduce noise" src="http://www.psdvault.com/img/2011/09/5-reduce-noise.jpg" alt="5 reduce noise Create Awesome Particle Flame Text Effect in Photoshop" width="303" height="564" /></a></p>
<p>As you can see, after the noise reduction, we have a clearer, more fiery text effect with warmer colour:</p>
<p><a href="http://www.psdvault.com/img/2011/09/5-fire-touch.jpg"><img class="alignnone size-medium wp-image-11631" title="5 fire touch" src="http://www.psdvault.com/img/2011/09/5-fire-touch-500x224.jpg" alt="5 fire touch 500x224 Create Awesome Particle Flame Text Effect in Photoshop" width="500" height="224" /></a></p>
<p>Add the following 2 image adjustment layers to the image:</p>
<p>Black and White <strong>(Important: set blending mode this layer to &#8220;color dodge&#8221;)</strong></p>
<p><a href="http://www.psdvault.com/img/2011/09/5-bw.jpg"><img class="alignnone size-full wp-image-11626" style="border-style: initial; border-color: initial;" title="5 bw" src="http://www.psdvault.com/img/2011/09/5-bw.jpg" alt="5 bw Create Awesome Particle Flame Text Effect in Photoshop" width="210" height="336" /></a></p>
<p>Color Balance</p>
<p><a href="http://www.psdvault.com/img/2011/09/5-col-sha.jpg"><img class="alignnone size-full wp-image-11629" title="5 col sha" src="http://www.psdvault.com/img/2011/09/5-col-sha.jpg" alt="5 col sha Create Awesome Particle Flame Text Effect in Photoshop" width="210" height="336" /></a></p>
<p><a href="http://www.psdvault.com/img/2011/09/5-col-mid1.jpg"><img class="alignnone size-full wp-image-11636" title="5 col mid" src="http://www.psdvault.com/img/2011/09/5-col-mid1.jpg" alt="5 col mid1 Create Awesome Particle Flame Text Effect in Photoshop" width="210" height="336" /></a></p>
<p><a href="http://www.psdvault.com/img/2011/09/5-col-hig.jpg"><img class="alignnone size-full wp-image-11627" title="5 col hig" src="http://www.psdvault.com/img/2011/09/5-col-hig.jpg" alt="5 col hig Create Awesome Particle Flame Text Effect in Photoshop" width="210" height="336" /></a></p>
<p>As you can see, we added some brighter colour to the image by having those 2 image adjustment layers:</p>
<p><img class="alignnone size-medium wp-image-11625" style="border-style: initial; border-color: initial;" title="5 brighter" src="http://www.psdvault.com/img/2011/09/5-brighter-500x398.jpg" alt="5 brighter 500x398 Create Awesome Particle Flame Text Effect in Photoshop" width="500" height="398" /></p>
<p>and here is the final effect I have for this tutorial: (click to enlarge)</p>
<p><a href="http://www.psdvault.com/img/2011/09/particle-flame-text-flatten-2.jpg"><img class="alignnone size-medium wp-image-11635" title="particle-flame-text-flatten-2" src="http://www.psdvault.com/img/2011/09/particle-flame-text-flatten-2-500x312.jpg" alt="particle flame text flatten 2 500x312 Create Awesome Particle Flame Text Effect in Photoshop" width="500" height="312" /></a></p>
<p>That&#8217;s it for this tutorial! Hope you enjoy it and find it useful :) Till next time, have a great day!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.psdvault.com/text-effects/create-awesome-particle-flame-text-effect-in-photoshop/feed/</wfw:commentRss>
		<slash:comments>10</slash:comments>
		</item>
		<item>
		<title>Design a Dirty, Cracked Text with Blood Effect in Photoshop</title>
		<link>http://www.psdvault.com/text-effects/design-a-dirty-cracked-text-with-blood-effect-in-photoshop/</link>
		<comments>http://www.psdvault.com/text-effects/design-a-dirty-cracked-text-with-blood-effect-in-photoshop/#comments</comments>
		<pubDate>Sun, 21 Aug 2011 15:21:49 +0000</pubDate>
		<dc:creator>James Qu</dc:creator>
				<category><![CDATA[Text Effects]]></category>
		<category><![CDATA[blood text effect]]></category>
		<category><![CDATA[dirty crack text]]></category>
		<category><![CDATA[photoshop text tutorial]]></category>
		<category><![CDATA[text effect photoshop]]></category>

		<guid isPermaLink="false">http://www.psdvault.com/?p=11301</guid>
		<description><![CDATA[In this tutorial, I will show you the steps I took Design a Dirty, Cracked Text with Blood Effect in Photoshop. This is an intermediate level tutorial  so some steps can be tricky, but why not have a try :)]]></description>
			<content:encoded><![CDATA[<p>In this tutorial, I will show you the steps I took Design a Dirty, Cracked Text with Blood Effect in Photoshop. This is an intermediate level tutorial  so some steps can be tricky, but why not have a try :)</p>
<p>The text effect tutorial is inspired by the Pirates of the Caribbean film typography &#8211; Personally I quite like this type of ancient, mystical typography, so I decided to replicate the text effect, plus some extra effect such as cracks and blood.</p>
<p>For <a href="http://www.nextdayflyers.com/">printing services</a> offering good prices and quick print times make sure you check out Next Day Flyers.</p>
<p>Here is a preview of the final effect I have for this tutorial: (click to enlarge)</p>
<p><a href="http://www.psdvault.com/img/2011/08/pirate-text-flatten-2.jpg"><img class="alignnone size-medium wp-image-11303" title="pirate-text-flatten-2" src="http://www.psdvault.com/img/2011/08/pirate-text-flatten-2-500x291.jpg" alt="pirate text flatten 2 500x291 Design a Dirty, Cracked Text with Blood Effect in Photoshop" width="500" height="291" /></a></p>
<h3>PSD File Download</h3>
<div>
<p>You can download the PSD File for this tutorial via the VIP Members Area for only $6.95/Month (or less)! You will not only get this PSD File, but also 70+ other PSD Files + Extra Goodies + Exclusive Photoshop tutorials there. <a href="http://www.psdvault.com/vip/signup.php" target="_blank">Signup now</a> and get exclusive :) <a href="http://www.psdvault.com/vault-news/psd-vault-vip-members-area-launched-signup-and-get-exclusive/" target="_blank">Find out more about the VIP Members Areas</a></p>
<p><a href="http://www.psdvault.com/vip/signup.php"><img title="vip-sign-up-250" src="http://img.psdvault.com/2010/04/vip-sign-up-250.png" alt="vip sign up 250 Design a Dirty, Cracked Text with Blood Effect in Photoshop" width="250" height="250" /></a></p>
<p>OK Let&#8217;s get started!</p>
<p>To complete this tutorial, you will need the following stocks:</p>
<p><a href="http://www.dafont.com/pieces-of-eight.font" target="_blank">Font</a></p>
<p><a href="http://www.cgtextures.com/texview.php?id=49726&amp;PHPSESSID=ggu6g1mkdvvsjv8jhkheupfl46" target="_blank">Concrete Texture</a></p>
<p><a href="http://www.brusheezy.com/Brushes/1176-High-Res-Dirt-Brush-Set" target="_blank">Dirt Brush</a></p>
<p><a href="http://www.brusheezy.com/Brushes/1442-Crack-Brushes-I" target="_blank">Crack Brush</a></p>
<h3>Step 1</h3>
<p>Let&#8217;s create a new document with black background (size doesn&#8217;t matter here) &#8211; load the concrete texture into Photoshop and select a portion of it as shown below:</p>
<p><a href="http://www.psdvault.com/img/2011/08/1-sel.jpg"><img class="alignnone size-medium wp-image-11308" title="1 sel" src="http://www.psdvault.com/img/2011/08/1-sel-500x277.jpg" alt="1 sel 500x277 Design a Dirty, Cracked Text with Blood Effect in Photoshop" width="500" height="277" /></a></p>
<p>Copy and paste the selection to our document, use a soft erase to remove some parts of the texture to create some depth to the image:</p>
<p><img class="alignnone size-medium wp-image-11306" title="1 erase" src="http://www.psdvault.com/img/2011/08/1-erase-500x279.jpg" alt="1 erase 500x279 Design a Dirty, Cracked Text with Blood Effect in Photoshop" width="500" height="279" /></p>
<p>Add the following 2 image adjustment layers on top of this texture layer:</p>
<p>Black and white</p>
<p><img class="alignnone size-full wp-image-11304" title="1 bw" src="http://www.psdvault.com/img/2011/08/1-bw2.jpg" alt="1 bw2 Design a Dirty, Cracked Text with Blood Effect in Photoshop" width="210" height="336" /></p>
<p>Levels</p>
<p><img class="alignnone size-full wp-image-11307" style="border-style: initial; border-color: initial;" title="1 lv" src="http://www.psdvault.com/img/2011/08/1-lv1.jpg" alt="1 lv1 Design a Dirty, Cracked Text with Blood Effect in Photoshop" width="210" height="336" /></p>
<p>And you will have the following effect:</p>
<p><img class="alignnone size-medium wp-image-11305" title="1 effect" src="http://www.psdvault.com/img/2011/08/1-effect3-500x280.jpg" alt="1 effect3 500x280 Design a Dirty, Cracked Text with Blood Effect in Photoshop" width="500" height="280" /></p>
<h3>Step 2</h3>
<p>Use the font we downloaded, type some texts onto the centre of the canvas:</p>
<p><a href="http://www.psdvault.com/img/2011/08/2-type.jpg"><img class="alignnone size-medium wp-image-11315" title="2 type" src="http://www.psdvault.com/img/2011/08/2-type-500x272.jpg" alt="2 type 500x272 Design a Dirty, Cracked Text with Blood Effect in Photoshop" width="500" height="272" /></a></p>
<p>Apply the following layer blending options to this text layer:</p>
<p><img class="alignnone size-medium wp-image-11310" title="2 drop sha" src="http://www.psdvault.com/img/2011/08/2-drop-sha1-500x350.jpg" alt="2 drop sha1 500x350 Design a Dirty, Cracked Text with Blood Effect in Photoshop" width="500" height="350" /></p>
<p>Bevel and Emboss</p>
<p><img class="alignnone size-medium wp-image-11309" title="2 bevel" src="http://www.psdvault.com/img/2011/08/2-bevel1-500x350.jpg" alt="2 bevel1 500x350 Design a Dirty, Cracked Text with Blood Effect in Photoshop" width="500" height="350" /></p>
<p>Gradient Overlay</p>
<p><img class="alignnone size-medium wp-image-11312" style="border-style: initial; border-color: initial;" title="2 grad" src="http://www.psdvault.com/img/2011/08/2-grad1-500x350.jpg" alt="2 grad1 500x350 Design a Dirty, Cracked Text with Blood Effect in Photoshop" width="500" height="350" /></p>
<p>Stroke</p>
<p><img class="alignnone size-medium wp-image-11314" style="border-style: initial; border-color: initial;" title="2 stroke" src="http://www.psdvault.com/img/2011/08/2-stroke1-500x350.jpg" alt="2 stroke1 500x350 Design a Dirty, Cracked Text with Blood Effect in Photoshop" width="500" height="350" /></p>
<p>Reduce the layer opacity of this text layer to around 50%, and here is the effect so far:</p>
<p><img class="alignnone size-medium wp-image-11311" style="border-style: initial; border-color: initial;" title="2 effecty" src="http://www.psdvault.com/img/2011/08/2-effecty-500x147.jpg" alt="2 effecty 500x147 Design a Dirty, Cracked Text with Blood Effect in Photoshop" width="500" height="147" /></p>
<p>Duplicate this text layer once and increase its layer opacity to 100%, move this duplicated layer slightly towards the top left, to create a fake 3D effect for the text:</p>
<p><img class="alignnone size-medium wp-image-11313" style="border-style: initial; border-color: initial;" title="2 move eff" src="http://www.psdvault.com/img/2011/08/2-move-eff-500x161.jpg" alt="2 move eff 500x161 Design a Dirty, Cracked Text with Blood Effect in Photoshop" width="500" height="161" /></p>
<h3>Step 3</h3>
<p>Now we can add some dirt texture onto the text. Load the selection of the text layer as shown below, then create a new layer on top of all previous layer, and use the dirt brush to paint some texture on this new layer:</p>
<p>If you&#8217;re having trouble with loading the text layer selection, check out this video tutorial below:</p>
<p><object width="520" height="322"><param name="movie" value="http://www.youtube.com/v/t8MEu2orNSI?version=3&amp;hl=en_GB"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/t8MEu2orNSI?version=3&amp;hl=en_GB" type="application/x-shockwave-flash" width="520" height="322" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<p>Here is the effect after painting the dirt texture:</p>
<p><a href="http://www.psdvault.com/img/2011/08/3-paint.jpg"><img class="alignnone size-medium wp-image-11320" title="3 paint" src="http://www.psdvault.com/img/2011/08/3-paint-500x136.jpg" alt="3 paint 500x136 Design a Dirty, Cracked Text with Blood Effect in Photoshop" width="500" height="136" /></a></p>
<p>Make sure you don&#8217;t over paint &#8211; a subtle effect will do:</p>
<p><a href="http://www.psdvault.com/img/2011/08/3-paint-2.jpg"><img class="alignnone size-medium wp-image-11319" title="3 paint 2" src="http://www.psdvault.com/img/2011/08/3-paint-2-500x391.jpg" alt="3 paint 2 500x391 Design a Dirty, Cracked Text with Blood Effect in Photoshop" width="500" height="391" /></a></p>
<p>We can also use the same method to add some crack texture onto the text as shown below:</p>
<p><a href="http://www.psdvault.com/img/2011/08/3-crack.jpg"><img class="alignnone size-medium wp-image-11317" title="3 crack" src="http://www.psdvault.com/img/2011/08/3-crack-500x338.jpg" alt="3 crack 500x338 Design a Dirty, Cracked Text with Blood Effect in Photoshop" width="500" height="338" /></a></p>
<p>As you add the crack texture, make sure you adjust the brush size to fit the text size for a better result:</p>
<p><a href="http://www.psdvault.com/img/2011/08/3-crack-2.jpg"><img class="alignnone size-medium wp-image-11316" title="3 crack 2" src="http://www.psdvault.com/img/2011/08/3-crack-2-500x237.jpg" alt="3 crack 2 500x237 Design a Dirty, Cracked Text with Blood Effect in Photoshop" width="500" height="237" /></a></p>
<p>and here is the effect so far:</p>
<p><img class="alignnone size-medium wp-image-11318" style="border-style: initial; border-color: initial;" title="3 effect" src="http://www.psdvault.com/img/2011/08/3-effect1-500x148.jpg" alt="3 effect1 500x148 Design a Dirty, Cracked Text with Blood Effect in Photoshop" width="500" height="148" /></p>
<h3>Step 4</h3>
<p>Now we can add some blood effect onto the text. To do this, you can again use the dirt brush with a dark red colour, paint some blood splash on a new layer:</p>
<p><a href="http://www.psdvault.com/img/2011/08/4-paint-blood.jpg"><img class="alignnone size-medium wp-image-11327" title="4 paint blood" src="http://www.psdvault.com/img/2011/08/4-paint-blood-500x315.jpg" alt="4 paint blood 500x315 Design a Dirty, Cracked Text with Blood Effect in Photoshop" width="500" height="315" /></a></p>
<p><a href="http://www.psdvault.com/img/2011/08/4-paint-blood-2.jpg"><img class="alignnone size-full wp-image-11326" title="4 paint blood 2" src="http://www.psdvault.com/img/2011/08/4-paint-blood-2.jpg" alt="4 paint blood 2 Design a Dirty, Cracked Text with Blood Effect in Photoshop" width="499" height="295" /></a></p>
<p>We can also add some blood dripping effect with the following steps: Create a new layer and use a solid red brush to paint a single dot as shown below:</p>
<p><a href="http://www.psdvault.com/img/2011/08/4-paint-3.jpg"><img class="alignnone size-medium wp-image-11325" title="4 paint 3" src="http://www.psdvault.com/img/2011/08/4-paint-3-500x292.jpg" alt="4 paint 3 500x292 Design a Dirty, Cracked Text with Blood Effect in Photoshop" width="500" height="292" /></a></p>
<p>Use the liquify filter to warp this red dot and form a dripping effect:</p>
<p><img class="alignnone size-medium wp-image-11321" style="border-style: initial; border-color: initial;" title="4 blood drip" src="http://www.psdvault.com/img/2011/08/4-blood-drip-500x338.jpg" alt="4 blood drip 500x338 Design a Dirty, Cracked Text with Blood Effect in Photoshop" width="500" height="338" /></p>
<p>Attach it to the text and use the free transform to adjust its shape if necessary:</p>
<p><a href="http://www.psdvault.com/img/2011/08/4-free-trans.jpg"><img class="alignnone size-medium wp-image-11324" title="4 free trans" src="http://www.psdvault.com/img/2011/08/4-free-trans-500x442.jpg" alt="4 free trans 500x442 Design a Dirty, Cracked Text with Blood Effect in Photoshop" width="500" height="442" /></a></p>
<p>Then change the layer blending mode of this blood dripping layer to &#8220;color burn&#8221;, and you will have the following effect:</p>
<p><img class="alignnone size-medium wp-image-11322" style="border-style: initial; border-color: initial;" title="4 color burn" src="http://www.psdvault.com/img/2011/08/4-color-burn-500x336.jpg" alt="4 color burn 500x336 Design a Dirty, Cracked Text with Blood Effect in Photoshop" width="500" height="336" /></p>
<p>Duplicate this blood drip layer a few times, scatter them around the text (resize them as you see fit) for more effect:</p>
<p><img class="alignnone size-medium wp-image-11323" style="border-style: initial; border-color: initial;" title="4 dup" src="http://www.psdvault.com/img/2011/08/4-dup-500x149.jpg" alt="4 dup 500x149 Design a Dirty, Cracked Text with Blood Effect in Photoshop" width="500" height="149" /></p>
<h3>Step 5</h3>
<p>Now let&#8217;s add some lighting effect on the text. Create a new layer on top of all previous layer and use a soft white brush to do a single click on the new layer:</p>
<p><img class="alignnone size-full wp-image-11330" style="border-style: initial; border-color: initial;" title="5 paint" src="http://www.psdvault.com/img/2011/08/5-paint.jpg" alt="5 paint Design a Dirty, Cracked Text with Blood Effect in Photoshop" width="280" height="188" /></p>
<p>Then compress it down with free transform tool:</p>
<p><img class="alignnone size-full wp-image-11328" title="5 compr" src="http://www.psdvault.com/img/2011/08/5-compr.jpg" alt="5 compr Design a Dirty, Cracked Text with Blood Effect in Photoshop" width="347" height="169" /></p>
<p>Duplicate this layer once and rotate it 90 degree clock-wise:</p>
<p><img class="alignnone size-medium wp-image-11331" style="border-style: initial; border-color: initial;" title="5 rote" src="http://www.psdvault.com/img/2011/08/5-rote-500x453.jpg" alt="5 rote 500x453 Design a Dirty, Cracked Text with Blood Effect in Photoshop" width="500" height="453" /></p>
<p>Merge those two layers together and attach it to the position shown below:</p>
<p><img class="alignnone size-full wp-image-11329" title="5 effect" src="http://www.psdvault.com/img/2011/08/5-effect.jpg" alt="5 effect Design a Dirty, Cracked Text with Blood Effect in Photoshop" width="356" height="255" /></p>
<h3>Step 6</h3>
<p>We&#8217;re almost done! For some final touches, we can flatten the image and sharpen the text a little with the Smart Sharpen Filter, and use the Selective Color filter to apply some red blood colour on it:</p>
<p>Hint: Set this selective colour layer opacity to be around 50% for a subtle blood effect</p>
<p><a href="http://www.psdvault.com/img/2011/08/6-neu.jpg"><img class="alignnone size-full wp-image-11337" title="6 neu" src="http://www.psdvault.com/img/2011/08/6-neu.jpg" alt="6 neu Design a Dirty, Cracked Text with Blood Effect in Photoshop" width="210" height="336" /></a></p>
<p><img class="alignnone size-full wp-image-11333" style="border-style: initial; border-color: initial;" title="6 black" src="http://www.psdvault.com/img/2011/08/6-black.jpg" alt="6 black Design a Dirty, Cracked Text with Blood Effect in Photoshop" width="210" height="336" /></p>
<p>Add the following Curves and Levels adjustment layer for adding some contrast and depth to the text:</p>
<p>Curves</p>
<p><img class="alignnone size-full wp-image-11334" style="border-style: initial; border-color: initial;" title="6 curves" src="http://www.psdvault.com/img/2011/08/6-curves.jpg" alt="6 curves Design a Dirty, Cracked Text with Blood Effect in Photoshop" width="210" height="336" /></p>
<p>Levels</p>
<p><a href="http://www.psdvault.com/img/2011/08/6-lv.jpg"><img class="alignnone size-full wp-image-11336" title="6 lv" src="http://www.psdvault.com/img/2011/08/6-lv.jpg" alt="6 lv Design a Dirty, Cracked Text with Blood Effect in Photoshop" width="210" height="336" /></a></p>
<p>Layer mask on the levels adjustment layer:</p>
<p><a href="http://www.psdvault.com/img/2011/08/6-lv-mask.jpg"><img class="alignnone size-medium wp-image-11335" title="6 lv mask" src="http://www.psdvault.com/img/2011/08/6-lv-mask-500x281.jpg" alt="6 lv mask 500x281 Design a Dirty, Cracked Text with Blood Effect in Photoshop" width="500" height="281" /></a></p>
<p>As you can see, now the text will have more contrast and the blood looks more realistic:</p>
<p><a href="http://www.psdvault.com/img/2011/08/6-after-lv.jpg"><img class="alignnone size-medium wp-image-11332" title="6 after lv" src="http://www.psdvault.com/img/2011/08/6-after-lv-500x258.jpg" alt="6 after lv 500x258 Design a Dirty, Cracked Text with Blood Effect in Photoshop" width="500" height="258" /></a></p>
<p>and here is my final effect for this tutorial: (click to enlarge)</p>
<p><a href="http://www.psdvault.com/img/2011/08/pirate-text-flatten-2.jpg"><img class="alignnone size-medium wp-image-11303" title="pirate-text-flatten-2" src="http://www.psdvault.com/img/2011/08/pirate-text-flatten-2-500x291.jpg" alt="pirate text flatten 2 500x291 Design a Dirty, Cracked Text with Blood Effect in Photoshop" width="500" height="291" /></a></p>
<p>That&#8217;s it for this tutorial! Hope you enjoy it and find it useful! Till next time, have a great day!</p>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.psdvault.com/text-effects/design-a-dirty-cracked-text-with-blood-effect-in-photoshop/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Create an Ancient Stone Text Effect Inspired by The Elder Scrolls V: SKYRIM Game in Photoshop</title>
		<link>http://www.psdvault.com/text-effects/create-an-ancient-stone-text-effect-inspired-by-the-elder-scrolls-v-skyrim-game-in-photoshop/</link>
		<comments>http://www.psdvault.com/text-effects/create-an-ancient-stone-text-effect-inspired-by-the-elder-scrolls-v-skyrim-game-in-photoshop/#comments</comments>
		<pubDate>Sun, 14 Aug 2011 03:27:22 +0000</pubDate>
		<dc:creator>James Qu</dc:creator>
				<category><![CDATA[Text Effects]]></category>
		<category><![CDATA[ancient stone text]]></category>
		<category><![CDATA[elder scroll text photoshop]]></category>
		<category><![CDATA[photoshop text effect tutorial]]></category>
		<category><![CDATA[skyrim text photoshop]]></category>
		<category><![CDATA[text effect photoshop]]></category>

		<guid isPermaLink="false">http://www.psdvault.com/?p=11242</guid>
		<description><![CDATA[In this tutorial, I will show you how you can create a Ancient Stone text effect Inspired by The Elder Scrolls V: SKYRIM Game in Photoshop. This is a basic, beginner-friendly tutorial with a nice end result, have a try :)]]></description>
			<content:encoded><![CDATA[<p>In this tutorial, I will show you how you can create a Ancient Stone text effect Inspired by The Elder Scrolls V: SKYRIM Game in Photoshop. This is a basic, beginner-friendly tutorial with a nice end result, have a try :)</p>
<p>For those who have not seen or heard of The Elder Scrolls V: SKYRIM game, you can go check out their website here: <a href="http://www.elderscrolls.com/">http://www.elderscrolls.com/</a>.</p>
<p>Along the way, I will show a number of ways you can use to apply textures to texts, layer blending modes and image adjustments.</p>
<p><a href="http://www.nextdayflyers.com/glossy-poster-printing/">Poster printing</a> can be useful for promoting concerts, events, and political campaigns.</p>
<p>Here is a preview of the final effect I have for this tutorial: (click to enlarge)</p>
<p><a href="http://www.psdvault.com/img/2011/08/skyrim-text-flatten-2.jpg"><img class="alignnone size-medium wp-image-11270" title="skyrim-text-flatten-2" src="http://www.psdvault.com/img/2011/08/skyrim-text-flatten-2-500x308.jpg" alt="skyrim text flatten 2 500x308 Create an Ancient Stone Text Effect Inspired by The Elder Scrolls V: SKYRIM Game in Photoshop" width="500" height="308" /></a></p>
<h3>PSD File Download</h3>
<div>
<p>You can download the PSD File for this tutorial via the VIP Members Area for only $6.95/Month (or less)! You will not only get this PSD File, but also 70+ other PSD Files + Extra Goodies + Exclusive Photoshop tutorials there. <a href="http://www.psdvault.com/vip/signup.php" target="_blank">Signup now</a> and get exclusive :) <a href="http://www.psdvault.com/vault-news/psd-vault-vip-members-area-launched-signup-and-get-exclusive/" target="_blank">Find out more about the VIP Members Areas</a></p>
<p><a href="http://www.psdvault.com/vip/signup.php"><img title="vip-sign-up-250" src="http://img.psdvault.com/2010/04/vip-sign-up-250.png" alt="vip sign up 250 Create an Ancient Stone Text Effect Inspired by The Elder Scrolls V: SKYRIM Game in Photoshop" width="250" height="250" /></a></p>
<p>OK Let&#8217;s get started!</p>
<p>To complete this tutorial, you will need the following stocks:</p>
<p><a href="http://www.dafont.com/ringbearer.font?fpp=50" target="_blank">Font</a></p>
<p><a href="http://www.cgtextures.com/texview.php?id=11934&amp;PHPSESSID=uaff308a7hn7lojm670cjq4td5" target="_blank">Stone Texture</a></p>
<p><a href="http://leboef.deviantart.com/art/Dirt-Brush-Set-50733824" target="_blank">Dirt Brush</a></p>
<h3>Step 1</h3>
<p>Create a new document (size doesn&#8217;t really matter) with a black background, create a new layer and use a soft white brush to do a single click on the top edge of the canvas as shown below:</p>
<p><img class="alignnone size-medium wp-image-11248" title="1 paint" src="http://www.psdvault.com/img/2011/08/1-paint2-500x257.jpg" alt="1 paint2 500x257 Create an Ancient Stone Text Effect Inspired by The Elder Scrolls V: SKYRIM Game in Photoshop" width="500" height="257" /></p>
<p>Use the Free Transform tool (Ctrl + T) to compress this layer down as shown below:</p>
<p><img class="alignnone size-medium wp-image-11244" style="border-style: initial; border-color: initial;" title="1 compress" src="http://www.psdvault.com/img/2011/08/1-compress2-500x314.jpg" alt="1 compress2 500x314 Create an Ancient Stone Text Effect Inspired by The Elder Scrolls V: SKYRIM Game in Photoshop" width="500" height="314" /></p>
<p>Drop the layer opacity of this layer to around 50% &#8211; you will have the following effect as a result:</p>
<p><img class="alignnone size-medium wp-image-11245" style="border-style: initial; border-color: initial;" title="1 drop" src="http://www.psdvault.com/img/2011/08/1-drop-500x289.jpg" alt="1 drop 500x289 Create an Ancient Stone Text Effect Inspired by The Elder Scrolls V: SKYRIM Game in Photoshop" width="500" height="289" /></p>
<p>We can now render some cloud onto the canvas. Firstly set the foreground colour to be a light grey colour:</p>
<p><img class="alignnone size-medium wp-image-11243" style="border-style: initial; border-color: initial;" title="1 color picker" src="http://www.psdvault.com/img/2011/08/1-color-picker-500x307.jpg" alt="1 color picker 500x307 Create an Ancient Stone Text Effect Inspired by The Elder Scrolls V: SKYRIM Game in Photoshop" width="500" height="307" /></p>
<p>Then use the Lasso Tool with 40px feather to draw a selection, then use the cloud filter to render some cloud in it:</p>
<p><img class="alignnone size-medium wp-image-11249" title="1 render cloud" src="http://www.psdvault.com/img/2011/08/1-render-cloud-500x242.jpg" alt="1 render cloud 500x242 Create an Ancient Stone Text Effect Inspired by The Elder Scrolls V: SKYRIM Game in Photoshop" width="500" height="242" /></p>
<p>Hit Ctrl + L to bring up the Levels adjustment tool, apply the following settings and adjust the contrast of this cloud layer a bit:</p>
<p><a href="http://www.psdvault.com/img/2011/08/1-lv.jpg"><img class="alignnone size-full wp-image-11247" title="1 lv" src="http://www.psdvault.com/img/2011/08/1-lv.jpg" alt="1 lv Create an Ancient Stone Text Effect Inspired by The Elder Scrolls V: SKYRIM Game in Photoshop" width="415" height="381" /></a></p>
<p>Drop the layer opacity of this cloud layer to around 50%, you will have the following effect:</p>
<p><img class="alignnone size-medium wp-image-11246" style="border-style: initial; border-color: initial;" title="1 effect" src="http://www.psdvault.com/img/2011/08/1-effect2-500x198.jpg" alt="1 effect2 500x198 Create an Ancient Stone Text Effect Inspired by The Elder Scrolls V: SKYRIM Game in Photoshop" width="500" height="198" /></p>
<h3>Step 2</h3>
<p>Use the font we downloaded, type some texts onto the document as shown below:</p>
<p><img class="alignnone size-medium wp-image-11253" style="border-style: initial; border-color: initial;" title="2 font" src="http://www.psdvault.com/img/2011/08/2-font-500x200.jpg" alt="2 font 500x200 Create an Ancient Stone Text Effect Inspired by The Elder Scrolls V: SKYRIM Game in Photoshop" width="500" height="200" /></p>
<p>On this new text layer, apply the following layer blending options:</p>
<p>Drop shadow</p>
<p><img class="alignnone size-medium wp-image-11251" style="border-style: initial; border-color: initial;" title="2 drop sha" src="http://www.psdvault.com/img/2011/08/2-drop-sha-500x350.jpg" alt="2 drop sha 500x350 Create an Ancient Stone Text Effect Inspired by The Elder Scrolls V: SKYRIM Game in Photoshop" width="500" height="350" /></p>
<p>Bevel and Emboss: (make sure you set the technique to &#8220;Chisel Hard&#8221;)</p>
<p><img class="alignnone size-medium wp-image-11250" title="2 bevel" src="http://www.psdvault.com/img/2011/08/2-bevel-500x350.jpg" alt="2 bevel 500x350 Create an Ancient Stone Text Effect Inspired by The Elder Scrolls V: SKYRIM Game in Photoshop" width="500" height="350" /></p>
<p>Gradient Overlay</p>
<p><a href="http://www.psdvault.com/img/2011/08/2-grad.jpg"><img class="alignnone size-medium wp-image-11254" title="2 grad" src="http://www.psdvault.com/img/2011/08/2-grad-500x350.jpg" alt="2 grad 500x350 Create an Ancient Stone Text Effect Inspired by The Elder Scrolls V: SKYRIM Game in Photoshop" width="500" height="350" /></a></p>
<p>Stroke</p>
<p><img class="alignnone size-medium wp-image-11255" title="2 stroke" src="http://www.psdvault.com/img/2011/08/2-stroke-500x350.jpg" alt="2 stroke 500x350 Create an Ancient Stone Text Effect Inspired by The Elder Scrolls V: SKYRIM Game in Photoshop" width="500" height="350" /></p>
<p>and you will have the following effect so far:</p>
<p><a href="http://www.psdvault.com/img/2011/08/2-effect1.jpg"><img class="alignnone size-medium wp-image-11252" title="2 effect" src="http://www.psdvault.com/img/2011/08/2-effect1-500x193.jpg" alt="2 effect1 500x193 Create an Ancient Stone Text Effect Inspired by The Elder Scrolls V: SKYRIM Game in Photoshop" width="500" height="193" /></a></p>
<h3>Step 3</h3>
<p>Now we can add some stone texture onto the image. Load the selection of the text layer via Ctrl + Left-click on the thumbnail image of the text layer on the layer palette:</p>
<p>If you have difficulty with this step, I have a video tutorial here on PSD Vault YouTube Channel to show you the step:</p>
<p><object width="520" height="326"><param name="movie" value="http://www.youtube.com/v/t8MEu2orNSI?version=3&amp;hl=en_US"></param><param name="allowFullScreen" value="true"></param><param name="allowscriptaccess" value="always"></param><embed src="http://www.youtube.com/v/t8MEu2orNSI?version=3&amp;hl=en_US" type="application/x-shockwave-flash" width="520" height="326" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<p>and you will have the selection like this below:</p>
<p><a href="http://www.psdvault.com/img/2011/08/3-sele.jpg"><img class="alignnone size-medium wp-image-11261" title="3 sele" src="http://www.psdvault.com/img/2011/08/3-sele-500x157.jpg" alt="3 sele 500x157 Create an Ancient Stone Text Effect Inspired by The Elder Scrolls V: SKYRIM Game in Photoshop" width="500" height="157" /></a></p>
<p>Select the Rectangular Marquee tool, then move your mouse over the text selection, click and drag the selection onto the stone texture image as shown below:</p>
<p><a href="http://www.psdvault.com/img/2011/08/3-move.jpg"><img class="alignnone size-medium wp-image-11257" title="3 move" src="http://www.psdvault.com/img/2011/08/3-move-500x147.jpg" alt="3 move 500x147 Create an Ancient Stone Text Effect Inspired by The Elder Scrolls V: SKYRIM Game in Photoshop" width="500" height="147" /></a></p>
<p>Copy and paste the selection onto our canvas, as shown below:</p>
<p><img class="alignnone size-medium wp-image-11260" title="3 paste" src="http://www.psdvault.com/img/2011/08/3-paste-500x180.jpg" alt="3 paste 500x180 Create an Ancient Stone Text Effect Inspired by The Elder Scrolls V: SKYRIM Game in Photoshop" width="500" height="180" /></p>
<p>Set the layer blending mode of this new stone layer to &#8220;Multiply&#8221;, drop the layer opacity to around 60%:</p>
<p><img class="alignnone size-medium wp-image-11258" title="3 multiply" src="http://www.psdvault.com/img/2011/08/3-multiply-500x195.jpg" alt="3 multiply 500x195 Create an Ancient Stone Text Effect Inspired by The Elder Scrolls V: SKYRIM Game in Photoshop" width="500" height="195" /></p>
<p>Duplicate this stone texture layer once and set the blending mode of the duplicated layer to &#8220;overlay&#8221;:</p>
<p><img class="alignnone size-medium wp-image-11259" style="border-style: initial; border-color: initial;" title="3 overlay" src="http://www.psdvault.com/img/2011/08/3-overlay-500x189.jpg" alt="3 overlay 500x189 Create an Ancient Stone Text Effect Inspired by The Elder Scrolls V: SKYRIM Game in Photoshop" width="500" height="189" /></p>
<p>As you can see by duplicating the layer, we will have more stone texture detail and a greater contrast between the lighter and darker part of the textL</p>
<p><img class="alignnone size-medium wp-image-11256" title="3 details" src="http://www.psdvault.com/img/2011/08/3-details-500x220.jpg" alt="3 details 500x220 Create an Ancient Stone Text Effect Inspired by The Elder Scrolls V: SKYRIM Game in Photoshop" width="500" height="220" /></p>
<h3>Step 4</h3>
<p>We can now add some dirt and light effect for the text. Use the dirt brush you downloaded, paint some dirt texture around the text:</p>
<blockquote><p>Hint: Do not paint too much dirt, and use a soft eraser tool to remove unwanted bits as you paint.</p></blockquote>
<p><a href="http://www.psdvault.com/img/2011/08/4-paint-dirt.jpg"><img class="alignnone size-medium wp-image-11265" title="4 paint dirt" src="http://www.psdvault.com/img/2011/08/4-paint-dirt-500x214.jpg" alt="4 paint dirt 500x214 Create an Ancient Stone Text Effect Inspired by The Elder Scrolls V: SKYRIM Game in Photoshop" width="500" height="214" /></a></p>
<p>We can add some ground highlight to image by creating a new layer, then grab a big soft white brush to paint one dot in the centre:</p>
<p><a href="http://www.psdvault.com/img/2011/08/4-dot.jpg"><img class="alignnone size-medium wp-image-11263" title="4 dot" src="http://www.psdvault.com/img/2011/08/4-dot-500x268.jpg" alt="4 dot 500x268 Create an Ancient Stone Text Effect Inspired by The Elder Scrolls V: SKYRIM Game in Photoshop" width="500" height="268" /></a></p>
<p>Then use the Free Transform tool (Ctrl + T) and compress it down as shown below:</p>
<p><a href="http://www.psdvault.com/img/2011/08/4-compress.jpg"><img class="alignnone size-medium wp-image-11262" title="4 compress" src="http://www.psdvault.com/img/2011/08/4-compress-500x120.jpg" alt="4 compress 500x120 Create an Ancient Stone Text Effect Inspired by The Elder Scrolls V: SKYRIM Game in Photoshop" width="500" height="120" /></a></p>
<p>You can also add some more cloud using the method described in step 1, in order to add more dramatic effect:</p>
<p><a href="http://www.psdvault.com/img/2011/08/4-more-cloud.jpg"><img class="alignnone size-medium wp-image-11264" style="border-style: initial; border-color: initial;" title="4 more cloud" src="http://www.psdvault.com/img/2011/08/4-more-cloud-500x219.jpg" alt="4 more cloud 500x219 Create an Ancient Stone Text Effect Inspired by The Elder Scrolls V: SKYRIM Game in Photoshop" width="500" height="219" /></a></p>
<h3>Step 5</h3>
<p>Now we can do some final retouches for the image. I decide to sharpen the text and add some cold colour to it. So I flatten the image, duplicate the background layer and apply the following Reduce Noise filter settings (via Filter &gt; Noise &gt; Reduce Noise):</p>
<p><a href="http://www.psdvault.com/img/2011/08/5-red-noise.jpg"><img class="alignnone size-medium wp-image-11269" title="5 red noise" src="http://www.psdvault.com/img/2011/08/5-red-noise-500x360.jpg" alt="5 red noise 500x360 Create an Ancient Stone Text Effect Inspired by The Elder Scrolls V: SKYRIM Game in Photoshop" width="500" height="360" /></a></p>
<p>This is the before and after comparison for the Reduce Noise filter:</p>
<p>Before:</p>
<p><a href="http://www.psdvault.com/img/2011/08/5-before-reduce.jpg"><img class="alignnone size-medium wp-image-11267" title="5 before reduce" src="http://www.psdvault.com/img/2011/08/5-before-reduce-500x277.jpg" alt="5 before reduce 500x277 Create an Ancient Stone Text Effect Inspired by The Elder Scrolls V: SKYRIM Game in Photoshop" width="500" height="277" /></a></p>
<p>After: (there are more details on the texture)</p>
<p><a href="http://www.psdvault.com/img/2011/08/5-after-reduce-noise.jpg"><img class="alignnone size-medium wp-image-11266" title="5 after reduce noise" src="http://www.psdvault.com/img/2011/08/5-after-reduce-noise-500x190.jpg" alt="5 after reduce noise 500x190 Create an Ancient Stone Text Effect Inspired by The Elder Scrolls V: SKYRIM Game in Photoshop" width="500" height="190" /></a></p>
<p>Then I added a color balance adjustment layer on the top with the following settings to give the image a cold finish:</p>
<p><img class="alignnone size-full wp-image-11268" style="border-style: initial; border-color: initial;" title="5 color bal" src="http://www.psdvault.com/img/2011/08/5-color-bal.jpg" alt="5 color bal Create an Ancient Stone Text Effect Inspired by The Elder Scrolls V: SKYRIM Game in Photoshop" width="210" height="336" /></p>
<p>and here is my final effect for this tutorial: (click to enlarge)</p>
<p><a href="http://www.psdvault.com/img/2011/08/skyrim-text-flatten-2.jpg"><img class="alignnone size-medium wp-image-11270" title="skyrim-text-flatten-2" src="http://www.psdvault.com/img/2011/08/skyrim-text-flatten-2-500x308.jpg" alt="skyrim text flatten 2 500x308 Create an Ancient Stone Text Effect Inspired by The Elder Scrolls V: SKYRIM Game in Photoshop" width="500" height="308" /></a></p>
<p>That&#8217;s it for this tutorial! Hope you enjoy it and find it useful! Till next time, have a great day!</p>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.psdvault.com/text-effects/create-an-ancient-stone-text-effect-inspired-by-the-elder-scrolls-v-skyrim-game-in-photoshop/feed/</wfw:commentRss>
		<slash:comments>12</slash:comments>
		</item>
	</channel>
</rss>

