Tenacious Creations

Use your creativity and make a dent in the universe!

Tenacious Creations header image 2

Making a Better Virtual Tattoo with Photo Shop

November 12th, 2007 · 8 Comments


Finished Result tattoo

 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 of the body it is place on.

 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’t look good but they don’t suit all purposes.

 In this tutorial I will show you a method using the displace filter to make a virtual tattoo look as though it follows the contours of the body. So let’s get started….


  • 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 www.sxc.hi to find one. Make sure you choose one with lots of exposed skin so you have more areas to place the virtual tattoo.
  • 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’s Fan you probably just got a good laugh.).
  • Fighting Hell Fish Cut Out

  • 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 New Layer Icon New Layer Icon. Now click on the eye 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.
  • 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 Layers Pallet select the channels tab. Channels Tab
  • 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 Reds channel.
  • Channels     Showing Contrast

  • Right Click or Ctrl Click on the channel that gives you the best contrast, then select Duplicate Channel. When the Duplicate Channel dialog box appears make sure under Destination, Document is set to New. You can then name it. I went with Tattoo map for a name. This document will become the displacement map for the tattoo.
  • Duplicate Channel Dialog

  • On you new image which should have open automatically click the Layers tab to go back to the layers. Now press Crtl+L to bring up the levels dialog. Here we will tweak the contrast a little bit. To do this you’ll move the far left and far right arrows under the Input Levels graph. The far left will control the darkness and the far right will make it lighter. Don’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.
  • Levels
    Contrast tweaked

  • As you can see I really didn’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 Save this image. I called mine tattomap.psd . You can close it if you wish as we will no longer be working on it.
  • Go back to the image of the person you want to place the tattoo on. Now go back to Channels and select RGB to turn the colors back on. Then click back on layers and select your duplicated layer.
  • If you haven’t already open the image of the tattoo you want to place. Now using the Move tool Move Tool 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 - and if you haven’t you need to do this). Using the Move Tool 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.

  • Tattoo placed

  • If you adjusted the size or rated the tattoo you now need to press Enter 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 Filters > Blur > Gaussian Blur 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.
  • Now we are going to use the Displace filter. Go to Filters > Distort > Displace. Make sure your settings are the same as mine below.
  • Displace Dialog


  • Press Okay and when it asks you for the displacement map file choose the one you created from the channels. Mine was the tattoomap.psd file. Then in the layer blending mode change it to Multiply in the Layers Pallet. Then adjust the opacity to around 75%. This should result in a really realistic looking tattoo.

Finished virtual Tattoo


 The Displace 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.

For more tutorials from this site Click Here

Rate this:
2.8 (1 person)

If you enjoyed this post, make sure you subscribe to my RSS feed!

Tags: Photoshop · Tutorials

8 responses so far ↓

  • 1 no imageNicole (Who am I?) // Nov 12, 2007 at 11:01 pm

    Instant add to my blog roll / photography category ;)!!!

    I need to learn to use Photoshop, but I am not one to read a book with tutorials or search my butt of.

    This is just the perfect size of pie for me to try and goof around.

    Thanks!!

    (Found via blogmad)

    Rate this:
    2.5
  • 2 no imageIvan (Who am I?) // Nov 29, 2007 at 12:26 pm

    Hi, my name is disman-kl, i like your site and i ll be back ;)

    Rate this:
    2.9
  • 3 no imageowen (Who am I?) // Dec 5, 2007 at 7:30 am

    thanks mate this one is the best one ever!
    using it so much now

    Rate this:
    2.5
  • 4 no imagevirtual-tatoo (Who am I?) // Dec 9, 2007 at 1:03 pm

    this leavel discussion give me a new idea
    thanks for all

    Rate this:
    2.5
  • 5 no imageTuteGate (Who am I?) // Jan 23, 2008 at 5:51 pm

    Very good tutorial, very simple to understand.

    Thanks,

    Rate this:
    2.5
  • 6 no imagejavad (Who am I?) // Feb 11, 2008 at 6:27 pm

    hello thanks for your tutorial.

    Rate this:
    2.5
  • 7 no imageLogändi (Who am I?) // Feb 28, 2008 at 4:18 pm

    Hey thanks :) a friend asked me to make an image for him, and I agreed, then he told me that he wanted him on his friends back imitating the classic “Steve-o” thumbs up tattoo, and I tried, but it didn’t seem to fit right, this helped me alot though at it looks awesome thanks :)

    Rate this:
    2.5
  • 8 no imageAmber (Who am I?) // Jun 24, 2008 at 3:21 am

    Hey this is a great trick to blow your cyber friends’ minds with your ‘tattoo’ :)

    Rate this:
    1.6