<?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>Tenacious Creations &#187; displace filter</title>
	<atom:link href="http://www.tenaciouscreations.com/tag/displace-filter/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.tenaciouscreations.com</link>
	<description>Use your creativity and make a dent in the universe!</description>
	<lastBuildDate>Sun, 16 May 2010 17:03:52 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Making a Better Virtual Tattoo with Photo Shop</title>
		<link>http://www.tenaciouscreations.com/2007/11/12/making-a-better-virtual-tattoo-with-photo-shop/</link>
		<comments>http://www.tenaciouscreations.com/2007/11/12/making-a-better-virtual-tattoo-with-photo-shop/#comments</comments>
		<pubDate>Tue, 13 Nov 2007 00:12:10 +0000</pubDate>
		<dc:creator>TractorJack</dc:creator>
				<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[displace]]></category>
		<category><![CDATA[displace filter]]></category>
		<category><![CDATA[photo shop]]></category>
		<category><![CDATA[sexy]]></category>
		<category><![CDATA[skin softening]]></category>
		<category><![CDATA[tutorial]]></category>

		<guid isPermaLink="false">http://www.tenaciouscreations.com/tutorials/making-a-better-virtual-tattoo-with-photo-shop</guid>
		<description><![CDATA[




&#160;There are numerous tutorials out there showing you how to make a virtual tattoo using Photo Shop. Many of these use overlay in the blending modes to achieve this. The only problem with most of the tutorials out there is that the virtual tattoo looks sort of, well overlaid and not actually following the contour [...]<p>a</p>
]]></description>
			<content:encoded><![CDATA[<p></p><p><center><br />
<a href="http://photoshopactionscripts.com/?e=TenaciousCreations"><br />
<img border="0" src="http://photoshopactionscripts.com/files/banners/468x60banner1.jpg"/></a><br />
</center><br />
<img src="http://www.tenaciouscreations.com/pics/tutorials/tattoo/tattoowoman.jpg" alt="Finished Result tattoo" align="right"/>
<p>&nbsp;There are numerous tutorials out there showing you how to make a virtual tattoo using Photo Shop. Many of these use <b>overlay</b> in the blending modes to achieve this. The only problem with most of the tutorials out there is that the virtual tattoo looks sort of, well overlaid and not actually following the contour of the body it is place on.</p>
<p>&nbsp;I have however seen one tutorial where the virtual tattoo seem to follow the contours of the body but alas it was in black and white only. Not that black and white tattoos and pictures don&#8217;t look good but they don&#8217;t suit all purposes.</p>
<p>&nbsp;In this tutorial I will show you a method using the <b>displace</b> filter to make a virtual tattoo look as though it follows the contours of the body. So let&#8217;s get started&#8230;.</p>
<ul>
<li>The first thing you need to do is locate an image of a person that you want to place the tattoo on. I went to <a href="http://www.sxc.hu/index.phtml" target="new">www.sxc.hu</a> to find one. Make sure you choose one with lots of exposed skin so you have more areas to place the virtual tattoo.</li>
<li>The next thing you need is the image of the virtual tattoo. Since I am a little lazy sometimes I just looked through my hard drive and found this image of a Fighting Hell Fish (if your a Simpson&#8217;s Fan you probably just got a good laugh.).</li>
<p><center><img src="http://www.tenaciouscreations.com/pics/tutorials/tattoo/hellfishcutout.png" alt="Fighting Hell Fish Cut Out" /></center></p>
<li>Now open the picture of the person you want to place the virtual tattoo on in Photo Shop. Duplicate the layer, you can do this by dragging the layer to the <b>New Layer Icon</b> <img src="http://www.tenaciouscreations.com/pics/tutorials/tattoo/newlayericon.png" alt="New Layer Icon" align="center"/>. Now click on the <b>eye</b> next to the original layer to turn off its visibility. I always try and do this so if I do a major screw up I still have the original image in tact.</li>
<li>Make sure you are working on your duplicate layer by clicking on it. Now might be a good time to change its name to person or woman, or something descriptive. This is a good practice to get into so when you are working with numerous layers you know whats what. Now in the <b>Layers Pallet</b> select the channels tab. <img src="http://www.tenaciouscreations.com/pics/tutorials/tattoo/channelstab.png" alt="Channels Tab" align="center"/></li>
<p><span id="more-105"></span></p>
<li>Now click on each channel until you find the one that gives you the most contrast. This means that the bright areas are their brightest and the dark areas are there darkest. In my case it was the <b>Reds</b> channel.</li>
<div style ="float: left; margin: 5px;">[ad#ad250]</div>
<p><center><img src="http://www.tenaciouscreations.com/pics/tutorials/tattoo/channels.png" alt="Channels" />&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;<img src="http://www.tenaciouscreations.com/pics/tutorials/tattoo/contrast1.png" alt="Showing Contrast" /><br />
<!--adsense#referbanner--><br />
</center></p>
<li><b>Right Click</b> or <b>Ctrl Click</b> on the channel that gives you the best contrast, then select <b>Duplicate Channel</b>. When the Duplicate Channel dialog box appears make sure under <b>Destination</b>, <b>Document</b> is set to <b>New</b>. You can then name it. I went with Tattoo map for a name. This document will become the displacement map for the tattoo.</li>
<p><center><img src="http://www.tenaciouscreations.com/pics/tutorials/tattoo/duplicatechannel.png" alt="Duplicate Channel Dialog" /></center></p>
<li>On you new image which should have open automatically click the <b>Layers</b> tab to go back to the layers. Now press <b>Crtl+L</b> to bring up the levels dialog. Here we will tweak the contrast a little bit. To do this you&#8217;ll move the far left and far right arrows under the <b>Input Levels</b> graph. The far left will control the darkness and the far right will make it lighter. Don&#8217;t over do it, on some images you may not have to do it at all. Want you want to be able to see is the curves of the body getting gradually darker as they move away from you.</li>
<p><center><img src="http://www.tenaciouscreations.com/pics/tutorials/tattoo/levelsdialog.png" alt="Levels" /><br />
<img src="http://www.tenaciouscreations.com/pics/tutorials/tattoo/contrasttweaked.png" alt="Contrast tweaked" /><br />
</center></p>
<li>As you can see I really didn&#8217;t change it too much. But you can see that the image gets darker as it rolls of the shoulder. This should make for a good displacement map. Now be sure to <b>Save</b> this image. I called mine tattomap.psd . You can close it if you wish as we will no longer be working on it.</li>
<li>Go back to the image of the person you want to place the tattoo on. Now go back to <b>Channels</b> and select <b>RGB</b> to turn the colors back on. Then click back on layers and select your duplicated layer.</li>
<li>If you haven&#8217;t already open the image of the tattoo you want to place. Now using the <b>Move</b> tool <img src="http://www.tenaciouscreations.com/pics/tutorials/tattoo/movetool.png" alt="Move Tool" align="center"/> drag your tattoo image onto the the picture of the person you want to virtual tattoo (I had removed the background from my tattoo image &#8211; and if you haven&#8217;t you need to do this). Using the <b>Move Tool</b> place the tattoo where you want. You may have to resize and rotate it so it fits. For my image I am placing it on her shoulder.</li>
<p><center><br />
<img src="http://www.tenaciouscreations.com/pics/tutorials/tattoo/tattoplaced.png" alt="Tattoo placed" /></center></p>
<li>If you adjusted the size or rated the tattoo you now need to press <b>Enter</b> to accept the changes. Now tattoos seldom have clearly defined edges (most likely because the ink spreads a little on the skin). So go to <b>Filters > Blur > Gaussian Blur</b> and blur it any where from .5 to 2 pixels. Depending on the image you have chosen for your tattoo, in my case I blurred it about 1.5 pixels.</li>
<li>Now we are going to use the <b>Displace</b> filter. Go to <b>Filters > Distort > Displace</b>. Make sure your settings are the same as mine below.</li>
<p><center><img src="http://www.tenaciouscreations.com/pics/tutorials/tattoo/displacemenu.png" alt="Displace Dialog" /></p>
<p><!--adsense#imagebanner--><br />
</center></p>
<li>Press <b>Okay</b> and when it asks you for the displacement map file choose the one you created from the channels. Mine was the <b>tattoomap.psd</b> file. Then in the layer blending mode change it to <b>Multiply</b> in the <b>Layers Pallet</b>. Then adjust the <b>opacity</b> to around 75%. This should result in a really realistic looking tattoo.</li>
</ul>
<p><center><img src="http://www.tenaciouscreations.com/pics/tutorials/tattoo/finsihed.png" alt="Finished virtual Tattoo" /></p>
<p><!--adsense#FullBannerText--><br />
</center></p>
<p>&nbsp;The <b>Displace</b> filter is a really powerful feature and you can use it to many more things. I hope this tutorial has shown you a better way to use photo shop to make a virtual tattoo. Happy Virtual Tattooing.</p>
<p>For more tutorials from this site <a href="http://www.tenaciouscreations.com/category/tutorials"><b>Click Here</b></a></p>
<p>a</p>


<div class="shr-bookmarks shr-bookmarks-expand shr-bookmarks-center">
<ul class="socials">
		<li class="shr-comfeed">
			<a href="http://www.tenaciouscreations.com/2007/11/12/making-a-better-virtual-tattoo-with-photo-shop/feed" rel="nofollow" title="Subscribe to the comments for this post?">Subscribe to the comments for this post?</a>
		</li>
		<li class="shr-delicious">
			<a href="http://delicious.com/post?url=http://www.tenaciouscreations.com/2007/11/12/making-a-better-virtual-tattoo-with-photo-shop/&amp;title=Making+a+Better+Virtual+Tattoo+with+Photo+Shop" rel="nofollow" title="Share this on del.icio.us">Share this on del.icio.us</a>
		</li>
		<li class="shr-digg">
			<a href="http://digg.com/submit?phase=2&amp;url=http://www.tenaciouscreations.com/2007/11/12/making-a-better-virtual-tattoo-with-photo-shop/&amp;title=Making+a+Better+Virtual+Tattoo+with+Photo+Shop" rel="nofollow" title="Digg this!">Digg this!</a>
		</li>
		<li class="shr-diigo">
			<a href="http://www.diigo.com/post?url=http://www.tenaciouscreations.com/2007/11/12/making-a-better-virtual-tattoo-with-photo-shop/&amp;title=Making+a+Better+Virtual+Tattoo+with+Photo+Shop&amp;desc=%0D%0A%0D%0A%0D%0A%0D%0A%26nbsp%3BThere%20are%20numerous%20tutorials%20out%20there%20showing%20you%20how%20to%20make%20a%20virtual%20tattoo%20using%20Photo%20Shop.%20Many%20of%20these%20use%20overlay%20in%20the%20blending%20modes%20to%20achieve%20this.%20The%20only%20problem%20with%20most%20of%20the%20tutorials%20out%20there%20is%20that%20the%20virtual%20tattoo%20looks%20sort%20of%2C%20well%20overlaid%20and%20not%20actua" rel="nofollow" title="Post this on Diigo">Post this on Diigo</a>
		</li>
		<li class="shr-googlebuzz">
			<a href="http://www.google.com/buzz/post?url=http://www.tenaciouscreations.com/2007/11/12/making-a-better-virtual-tattoo-with-photo-shop/&amp;imageurl=" rel="nofollow" title="Post on Google Buzz">Post on Google Buzz</a>
		</li>
		<li class="shr-misterwong">
			<a href="http://www.mister-wong.com/addurl/?bm_url=http://www.tenaciouscreations.com/2007/11/12/making-a-better-virtual-tattoo-with-photo-shop/&amp;bm_description=Making+a+Better+Virtual+Tattoo+with+Photo+Shop&amp;plugin=sexybookmarks" rel="nofollow" title="Add this to Mister Wong">Add this to Mister Wong</a>
		</li>
		<li class="shr-mixx">
			<a href="http://www.mixx.com/submit?page_url=http://www.tenaciouscreations.com/2007/11/12/making-a-better-virtual-tattoo-with-photo-shop/&amp;title=Making+a+Better+Virtual+Tattoo+with+Photo+Shop" rel="nofollow" title="Share this on Mixx">Share this on Mixx</a>
		</li>
		<li class="shr-reddit">
			<a href="http://reddit.com/submit?url=http://www.tenaciouscreations.com/2007/11/12/making-a-better-virtual-tattoo-with-photo-shop/&amp;title=Making+a+Better+Virtual+Tattoo+with+Photo+Shop" rel="nofollow" title="Share this on Reddit">Share this on Reddit</a>
		</li>
		<li class="shr-stumbleupon">
			<a href="http://www.stumbleupon.com/submit?url=http://www.tenaciouscreations.com/2007/11/12/making-a-better-virtual-tattoo-with-photo-shop/&amp;title=Making+a+Better+Virtual+Tattoo+with+Photo+Shop" rel="nofollow" title="Stumble upon something good? Share it on StumbleUpon">Stumble upon something good? Share it on StumbleUpon</a>
		</li>
		<li class="shr-technorati">
			<a href="http://technorati.com/faves?add=http://www.tenaciouscreations.com/2007/11/12/making-a-better-virtual-tattoo-with-photo-shop/" rel="nofollow" title="Share this on Technorati">Share this on Technorati</a>
		</li>
		<li class="shr-twitter">
			<a href="http://twitter.com/home?status=Making+a+Better+Virtual+Tattoo+with+Photo+Shop+-+http://b2l.me/b78vb&amp;source=shareaholic" rel="nofollow" title="Tweet This!">Tweet This!</a>
		</li>
</ul>
<div style="clear:both;"></div>
</div>

]]></content:encoded>
			<wfw:commentRss>http://www.tenaciouscreations.com/2007/11/12/making-a-better-virtual-tattoo-with-photo-shop/feed/</wfw:commentRss>
		<slash:comments>9</slash:comments>
		</item>
	</channel>
</rss>
