Adding Tattoo to a Photograph

This tutorial will show you how you can insert a tattoo design to a photograph with only couple of simple steps in photoshop. So, here’s my before and after photo:

adding a tatoo tutorial with photoshop

Step 1) Let’s working on the tattoo image first. Select your magic wand tool from your tool pallete, then select the white background on your tattoo design. Make sure you have selected every white on the image. After that, go to select>inverse (shift+ctrl+i)

adding a tatoo tutorial with photoshop

Step 2) Drag your tattoo design to your portrait. Or you can copy it (ctrl+c) then paste it (ctrl+v) in your portrait.

adding a tatoo tutorial with photoshop

Step 3) Now, you need to resize your tattoo by pressing ctrl+t so that it will fit nicely on the lady’s back.

adding a tatoo tutorial with photoshop

Step 4) Done with resizing, your next step is to reshape the tatto like the body part using the warp feature (right click while you’re still in free transform mode)

adding a tatoo tutorial with photoshop

Step 5) Now change the layer mode of the tatto design layer to multiply and play around with the opacity for the desired look. Mine is 54%

adding a tatoo tutorial with photoshop

You’re done!

adding a tatoo tutorial with photoshop

33 Responses to “Adding Tattoo to a Photograph”

  1. etch says:

    this was real cool good looken out

  2. yash says:

    you were using photoshop cs2 for this right? because my photoshop cs doesnt have warp option…

  3. steve says:

    wow! Thanks for publishing this. So simple but yet so nicely done! Kudos.

  4. tiago says:

    really thx
    very good

  5. Neviral says:

    instead of using the warp tool for those that don’t have acces to it, you can use a displace map
    render the body, desaturate it, save it [preferably displace as a name]
    open again the image, load your “tattoo” on the image . then go to “filters> distort>displace maps, look for your displace you just rendered and apply it to the tatto and gives you a really better looks

  6. CheGandra says:

    I don’t have that option : “WARP”!!! What can I do? I have a photo shop 7.0!!!
    thanks eny way…. 🙂

  7. CheGandra.. read the Neviral’s comment above..

  8. Mike says:

    hey thanx man, great tutorial =)

  9. William says:

    Hi, I’ve tried this but it just doesnt looks how i want to =s could you help me out please?… im trying to do it but the zone where i want to put the tattoo is kinda inclined and the tattoo looks plane…

  10. Steen says:

    Hello there.. Thanks alot for this turtorial! Its was great!..

  11. potchi says:

    wow…this photoshop tutorial is so so great…it is so easy to follow…astigg

  12. john says:

    Hey, that tattoo looks okay; the problem is that it doesn’t look real: look at the fading. I have had a tattoo for 8 years and it has not aged like you have shown. This is clearly a fake…

  13. faelyyyyy says:

    can u use 7.0 for this?

  14. t'mas says:

    if your tattoo looks like it’s sticked on, you can set the opacity of the layer tattoo, this did the trick for me.

  15. christo says:

    that girl is sexy man, anyway thx 4 the tutorial, its awesome

  16. Gary says:

    outstanding – much appreciated!

  17. Mustafa says:

    great post

    thanks man
    keep sending like those stuff


  18. Eddy says:

    Thanks man!!! This really helped me!!!

  19. retoucher77 says:

    really nice done. Great tutorial, thank you 🙂

  20. Ulrika says:

    Wow. You are so awsome!
    Thanks a ton for this tutorial! I will recomend this site to ALL my freidns!!

  21. wieser says:

    😉 the WARP id dont have either, its star treks engine 😉 (its called wrap..)

  22. wu-tang says:

    Exellent, my girlfriend liked seeing itself with a tatoo!!! Thank you;)

  23. AC says:


  24. ixa says:

    i like it.. thank you
    thank you !!!
    its great !!!
    love it nice_^

  25. nice article tattoo…

  26. Damon says:

    Hey if anyone wants to make their tattoo more realistic you just add red coloring around it with the paintbrush with an opacity of like…6-12%

  27. lola says:

    very nice love it

  28. A really helpfull article – Thank you very much I hope you will not mind me writting about this article on my blog I will also leave a linkback Thanks

  29. Thomas says:

    its CS5!

  30. Mayra Montalvo says:

    Very neat article post.Thanks Again. Much obliged.

Leave a Reply