Change Texture With A Clipping Mask In Photoshop

Following on from yesterday, where we looked at how to use the Quick Mask to make a better selection, I’m going to use my selection to make a clipping mask and apply a completely new textured dress for our model.

I’m using the same image as yesterday, and starting from the point where we had made a precise selection of the dress.

clip_image001

1. After you’ve made a precise selection of the dress, choose Layer > New > Layer Via Copy (or press Ctrl+ J /Cmd + J). Your layers should look like what you see below.

clip_image002
clip_image004

2. I picked up a few textures from Image After (a great website for free images of textures) and I copied and pasted this one – http://www.imageafter.com/image.php?image=b19metals050.jpg into my Photoshop file, so that the red garage door covered all of the dress.

clip_image006

3. Move the contents of the garage door layer so that it completely covers the dress.

clip_image008

5. We now want to clip the garage door layer using the dress layer. To create a clipping mask, make sure the red garage door layer is selected, press Ctrl + Alt + G (windows) or Cmd + Option + G (Mac). The dress is now neatly clipped.

clip_image010

6. Now, to make it a little look a little more authentic, we need to have a play around with some of the blending modes on the top of the Layers palette. With the red garage door layer still selected, click on the drop down box to see the blending modes available. (By default the blending mode is set to “Normal”)

clip_image011

I liked how the linear burn looked best for this example, but it’s a good idea to run through all the blending modes as they can give very different results depending on the images used. You can now see the creases and shadows in the dress fabric.

clip_image012

That completes the image. I can see places where I’ve gone off the edge of the dress, so I can go back to my dress layer and erase those areas. The clipped layer above will instantly change.

I hope you found this useful. It is a good technique for applying different textures to an image or text and is used frequently in graphic design and illustration.

Related Reading:

Using The Quick Mask In Photoshop For A Better Selection

Free book: Jump Start HTML5 Basics

Grab a free copy of one our latest ebooks! Packed with hints and tips on HTML5's most powerful new features.

  • http://www.magain.com/ Matthew Magain

    Clipping masks are definitely very powerful once you understand their potential. Thanks for the tutorial!

  • m4tty

    the woman and dress suck.
    so does the article imo

  • http://www.magain.com/ Matthew Magain

    @m4tty Perhaps you could elaborate why you didn’t enjoy it, rather than just sounding off? Venting is unlikely to encourage Jennifer to write something that you really do want to read. Plus you can always choose to just not read it. It’s also pretty obvious that the choice of image is just an example, and that you could apply this technique to any number of images.

  • white cat

    thanks Jennifer!!! I was looking for this tutorial :D

  • ramonekalsaw

    Thanks Jennifer, this was a very useful tutorial for a beginner like me. I’d appreciate seeing more of these.

    P.S. Don’t let the sourpusses get you down.

  • mary

    thank u ,it was so helpful I really need this!