Jun 28, 2016

How to Add Patterns to Clothing in Photoshop

How to Add Patterns to Clothing in Photoshop

Scale Pattern into Place

Start by scaling and rotating the pattern into place. In this example, we also Invert the pattern to Change Colors by pressing CTRL/CMD + I. Make sure to make the pattern a bit larger than the piece of clothing so it can be warped into place.

Use the Pen Tool to Cut Out Clothing

It is important to have an accurate cut out of the clothing, so the Pattern looks seamless. In this example, we use the Pen Tool to cut out the original shirt. Create a Pen path around the clothing by clicking and dragging to create Curves.

After completing the Pen path, right-click and turn it into a selection and feather the edge by 0.5 pixels. Next, load the selection as a Layer Mask for the Pattern, making it only visible where the original piece of clothing is.

Liquify the Pattern to Fit the Clothing

To make the Pattern look like it Flows with the fabric, it must be warped into place. Use the Liquify Tool to bring in the edges of the pattern, making it look like the pattern wraps around the piece of clothing.

To re-create folds of fabric, use the freeze mask Tool to paint over one-half of the fold. Then use the Forward Warp Tool to push the pattern under the freeze mask. If done correctly, it will look like the original pattern Curves around the folds of fabric.

Add Highlights and Shadows from Original Photo

The last step is to blend the pattern into the original image. In this example, we change the blend mode to ‘Multiply’ and lower the Opacity to 90%.

Next, add Shadows and Highlights from the original piece of clothing. Duplicate the Background layer and place it on top of the fabric layer. Right-click on the layer and select “create Clipping Mask”, then change the Blend Mode to ‘Multiply’.

To add Highlights, duplicate the Background layer and clip it to the fabric, just like the previous layer. This time set the Blend Mode to ‘Screen’. If needed, adjust the Brightness of this layer by using a Levels Adjustment – CTRL/CMD + L. Drag the black point slider to the right until the layer only appears over the Highlights.

Related Tutorial

How To Do Focus Stacking in Photoshop In today's episode, we show you how to do Focus Stacking in Photoshop.  We also give you some pointers on how actually shoot the images you'd need in ...
How to Not Hate Cutting Things Out A Much Easier Way to Draw If you have ever had a really hard time making a Layer Mask or Retouching someone's Skin, this cool tip will really help you...
How to Create a Double Exposure in Photoshop How to Create a Double Exposure in Photoshop There have been so many phans who have suggest we show how to create a double exposure in photoshop. A ...
Create Beams Of Light From Nothing In Photoshop Creating Beams of Light Here is some great Insight on creating beams of light in Photoshop. Check it out. Working With Layers The key to getting a bea...

Related advanced tutorials

Retouching 101-301
Photoshop 101-301
Photoshop 201


user image You
(will not be published)

  • user image

    Hey Aaron! I’m Crist from Chile.
    I have a question, I don’t think is necessary a tutorial about this, but if you have some trick would be awesome.
    Can you collapse several blend modes without lose the initial effect? I mean, if I have a layer with a softlight blend mode and another one with Multiply, they look good, but if I collapse the layers the effect is gone.

    Thanks… =)

  • user image
    Steven maguire

    Great episode. Wouldn’t you get similar results with a displacement map?

  • user image

    Hi Great.
    I wonder why y do not use Displacemente map filter + blend if ???
    I know that has many ways to make a effect..
    but despite yours is very interesting
    it’s not the more easy an pratical

  • user image

    Hi Aaron. What camera and video settigs are you using to record your pieces to camera? Very good image:-)

  • user image

    How can I correct perspective when trying to merge two pictures?

  • user image
    Trevor Coultart

    Great stuff but wondering if there’s a way to separate the liquifying from the actually swatch layer so you could drop other swatches in and they’d pick up the liquifying that you did. Would turning the swatch into a Smart Object (*before* liquifying!) work?

  • user image

    Hi there Aaron,
    Just a short note of appreciation for the work you do on the tutorials. I have only recently started doing these, But I wish I had found your site along time ago. It has been a struggle up to this time trying to learn PS. I feel that I have learnt more since April than I did in the last 10 years by my self.
    Have purchased the beginners guide to compositing and have this morning purchased the Photoshop 101 – 301 and am really looking forward to expanding my skill set.
    Once again Thanks and keep up the excellent work.
    A new Phan.
    Hi regards
    Greg Tutin

    • Seth

      Thank you! I hope you love the new 101-301 course!

  • user image

    Great tutorial! I had a lot of fun playing around with transforming the patterns and using the highlights and shadows to make it fit! Original photograph is from the Ultimate Guide to Retouching. I used it to play with adding patterns over skin!

    Photoshop Tutorials: How to Add Patterns to Clothing in Photoshop

  • user image

    This is just what i needed, i’ve wanted to see you do this for a long time! My first thought was that you would use a displacement map. But come to think of it, the reason why liquify works best here is that it brings more flexibility. Maybe the results with a displacement map would be just decent, whereas the liquify filter gives way better results. It would be awesome to make an other tutorial about the situations where the displacement map is better than the liquify filter.

    Thank you again for all you do!

  • user image
    Caio Dantas

    Well, I’m pretty satisfied with what I could learn from this tutorial. Watched once and did everything I could remember without consulting for on the first try and I think it turned out pretty great, thanks for sharing this awesome knowledge you have.

    Photoshop Tutorials: How to Add Patterns to Clothing in Photoshop

  • user image

    Dear Sir,

    I am try something but he hasn’t happned in Polar cordinator tool
    What will do now.