How to Apply Textures to Uneven Surfaces

How to Apply Textures to Uneven Surfaces

Tutorial Details
  • Program: Photoshop
  • Difficulty: Intermediate
  • Completion Time: 1-2 hours
Download Source Files

Final Product What You'll Be Creating

Applying texture to a flat surface, or flatly applying a texture across a whole image (as a means to age it or degrade it) is simple stuff. Realistically applying a texture to an uneven surface is much more hands-on (more so than simply overlaying a texture and changing the Blending mode).

Video Tutorial

Our video editor Gavin Steele has created this video tutorial to compliment this text + image tutorial.


Step 1

Job number one, as ever, is pooling your assets together. I got the man from iStockphoto here and the tree bark (courtesy of K. Tuck) from stock.xchng here.


Step 2

Cut out the face using the Pen tool (set to Paths not Shape Layers). Cut and paste it into your blank canvas (1562 pixels by 1172 pixels at 300dpi). Open up the bark image, and import it into your working document. Resize and rotate the document as in the screengrab.


Step 3

Use the Clone Stamp tool to fill in the rest of the texture. Avoid easily recognizable repetitions in the texture like the ones circled. Clone them out. I used a 200 pixel, soft-edged brush to do this


Step 4

Turn the visibility of the “Bark” layer off (clicking the eye icon next to the layer thumbnail will do this). Go to the Channels palette, select the channel with the best contrast, and duplicate this channel into a new document.


Step 5

Apply a 2 pixel Gaussian Blur to your new document and then adjust the Levels as in the screengrab below. Save as “Displace.psd.”


Step 6

Reselect the “RGB” channel (so all channels are selected and the image is now back in color) and return to the Layers palette. Make the “Bark” layer visible and select it. Go to Filter > Distort > Displace. Set the Horizontal and Vertical scale to 1 (or try other values), select Stretch To Fit and Repeat Edge Pixels. Set the Layer Blending Mode to Multiply. You can see how it’s distorted over parts of the face.

It hasn’t quite put it in the right place so move the “Bark” down the face until the distortions match the face. Use this wrinkle (circled) as a guide as to where to put it.


Step 7

Duplicate the “Bark” layer twice. Set one to Multiply with an Opacity of 100%. Set the other to Normal at 40% Opacity. Position in the Layer hierarchy as in the image below.


Step 8

Command-click on the “Face” Layer to create a selection. Select the “Bark Normal 40% Layer” and go to Layer > Layer Mask > Reveal selection. Repeat this for the “Bark Multiply” Layer. Zoom into 300% and use the Pen tool to draw around the eyes and the mouth. Add a rough edge to the top of the mouth. Press Commmand-click on the Path thumbnail to create a selection.


Step 9

Select the “Bark Normal 40%” Layer Mask thumbnail to work directly on the Mask. Select black as the background color and then delete the selection from the Layer Mask. Repeat this process for the “Bark Multiply” Layer.


Step 10

Go to Layer > New Adjustment Layer > Curves and set up as shown below. Then fill the Adjustment Layer Mask with black so the effects aren’t visible.


Step 11

Turn off the visibility of the “Bark” Layers and use the Pen tool to draw a paths around the hard edges we need to mask. The bottom of the nose and cheek lines are good examples. Command-click on the Path thumbnail to create a selection from it.


Step 12

Select a soft-edged (0% Hardness) brush, loaded with white (as the foreground color) and set to 16% Opacity. Paint directly on the Layer Mask. Press Command + H to hide selection the, if it helps. Draw over several times, applying more at the shadow source and less as you get further from the harsher shadows.


Step 13

Draw around other features which produce hard lines such as the bottom lip. Draw the Shadows in the same manner.


Step 14

Create a selection from the “Face” layer by Command-clicking the layer thumbnail. Draw all the shadows in…


Step 15

…Changing the Brush size to suit size of the area you’re treating. Around the lip for example, use a small brush.


Step 16

Turn the “Bark” layers off to see the key areas of shadow. You can still work on the Mask with the face showing. I flick between working with the “Bark” visible and invisible.


Step 17

In order to soften or erase any shadows that you’re not happy with, change the brush color to black and draw on the mask in the same way as before. Keep working on the Mask until you get it right.


Step 18

Whilst drawing on the Mask, you should be changing your brush size and the opacity to suit the shadow. For a big gradual shadow you’ll want around a 300 pixel brush set to 16% Opacity, all the way down to 18 pixels and increasing the opacity to suit. Finally, apply a 0.6 pixel Gaussian Blur to the Adjustment Curve Layer Mask to soften the hard edges.


Step 19

Duplicate the “Bark” Layer that sits beneath the “Face” Layer. Set them up so they are the same as the top Bark layers, one Normal at 40% opacity, one Multiply at 100%. Then under those two layers create a new layer and fill it with C=61%, M=66%, Y=66%, and K=62%.


Step 20

Create a selection from the “Face” Layer (Command-click the Layer thumbnail) and go to Select > Inverse. Then go to Select > Modify > Expand. Give it a 1 pixel expansion. Select the Curves Adjustment Layer Mask and Fill the selection with 20% black.


Step 21

Create a selection from the Eyes/Mouth Path you made earlier. Add some shadows by drawing on the Curves Adjustment Layer Mask.


Step 22

To further fuse the elements together, and to grade the image, add a Curves and a Hue/Saturation Adjustment Layer to the top of the Layers hierarchy.


Step 23

Flatten the image and go to Filter > Liquify. Select the Bloat tool and set up roughly how it is in the image below. We want to add a 3D quality to the areas such as cheeks, nose, and forehead. Select an appropriate Brush size for each of these areas and click on each a few times rather than dragging the brush around.


Conclusion

You can always add some real world effects such as leaves and bugs to the final image – go nuts. This technique works for applying any texture to any surface, for example you could make a brand new Mercedes SLK rusty and riveted, or make a house out of skin. Go have fun whilst you perfect your craft. You can view the final image below or view a larger version here.

Add Comment

Discussion 217 Comments

Comment Page 3 of 4 1 2 3 4
  1. Awesome stuff, thanks for sharing.

  2. Ziare Phresh Soldier says:

    Your Message…Here mines just added a little of my style in it and made it kind of a movie like.
    http://farm3.static.flickr.com/2422/3689582552_5878ac401e_b.jpg

  3. Jeremy Darko says:

    It’s fantastic, but I just don’t think that the leaf is necessary. It makes the image too complicated. Also, the right ear is a bit dark as already mentioned. I can definitely use this for future endeavors!

  4. Mohd Saqib says:

    Helloooo, nice tutorial…. but as I click on the above given wood link to download it then it shows Go Daddy website page… please give me the correct download link.. I need it to try to make this layout. if possible then send me the link on my email mohdsaqib786@gmail.com… well really simple and nice tutorial.. thanks for share it.

  5. Cyril says:

    génial !

  6. CMYK says:

    Very nice tuto, Thanks!!!

  7. CMYK says:

    Very nice tuto!!! Thankssss PSD-Tuts!!

  8. evilkitty75 says:

    hehehe i love this method i use it myself

  9. tuna says:

    It’s fantastic, thanks..

  10. dyna says:

    lovely.i like it.

  11. rameshwar says:

    its really good and ossam

  12. victoria says:

    this is Wack!!!!!! so confusing

  13. bono calacal says:

    Wow this is sooo cool!

    Thanks for posting!

  14. Soyeb Ahmed says:

    Very nice.

    this is very cool tuts

    i learn more from you

    thanks

  15. Soyeb Ahmed says:

    this is great one

    thanks

  16. Gerard Cruz says:

    Great tutorial, very well explained. :)

  17. Looks like a fantastic tutorial, thanks I found it very informative

  18. pancracio says:

    this sucks

  19. khajan says:

    nice job dude….

  20. ParveshK says:

    Ammmmazzzzzzz-ZING

  21. Su6ek says:

    4 thumbs up for the tut!!! Thx again for sharing……:)

  22. Very nice tutorial, Thanks!!!

  23. Wow this is so cool! Thanks for posting

  24. Keith says:

    it’s a lousy work, it looks so fake. there are mistakes everywhere. Waste of time

  25. Jitendra Pandey says:

    Fantastic!!!!

    No words to say!!

  26. Wow, great tutorial, I really like the effects and textures you used.
    The final effect with the leaf and the little bug makes it all come together, great post.

  27. This tutorial is Awesome …..!!!!

  28. Thiago says:

    Wonderful effect! Thanks for posting!

  29. Sounds like a great idea, and I love the tutorial and the design of your blog, everything is so clear and sharp.

  30. YaWeZ says:

    Thanks For Sharing

  31. Totte says:

    eum… i use CS3 and with those channels my face becomes blue when i put RGB back on after i have dublicated

  32. 3d models says:

    Very nice tutorials specials video tutorials thanks.
    Nice peace of work

  33. Want to say your article is outstanding. The clarity in your post is simply striking and i can assume you are an expert on this field.

  34. Want to say your article is outstanding. The clarity in your post is simply striking and i can assume you are an expert on this field

  35. Amazing!!!! You are very talented. Awesome tutorial!!!!

  36. escort files says:

    This is an excellent tutorial. You should post it on youtube. I’m sure there are many people who would want to learn how to re create this. I’m definitely inspired. Thanks for sharing.

  37. condoms says:

    Great tutorial and I like the feeling of depth you’ve achieved on the lips

  38. Amazing effect. I really wish I had the patience to create images like this. I definitely need to give this one a go! Thanks for taking the time to share. :)

  39. white_shark says:

    video on 10 minutes is deleted…

  40. Steve says:

    Pretty awesome tutorial – a big thanks!!

  41. Meowzers says:

    He must’ve had tacos last night :)

  42. Royce says:

    Awesome! thanks for sharing :)

  43. shah faisal says:

    awesome soon i try the same thx 4 d sharing

  44. Alessandro says:

    Cool tutorial! Please just fix the wood texture link! :)

  45. Odyssey says:

    Not sure if I like them recycling this tut.. but meh. Cool effect.

  46. Thehugo says:

    This on other site were already posted

  47. FreekDVL says:

    Nice effects!

    But when you make a tutorial, you should tell why you are doing what you are doing.

    Teach a man to fish right?

Comment Page 3 of 4 1 2 3 4

Add a Comment