Home > Free Tutorials > Graphics & Text > How to Add Patterns to Clothing in Photoshop

How to Add Patterns to Clothing in Photoshop

  • Easy
  • 30
  • Add to

Take Clothes to the Next Level with Custom Patterns

Share this tutorial

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.

30% Off SALE

Save 30% on all individual purchases & subscriptions now through March 22nd.
Shop the Sale!


How to Master Blending Modes in Photoshop
In this tutorial, we break down all 27 blending modes that Photoshop offers, providing in-depth explanations and practical examples that are bound to help you get your creative work done faster and with impressive results.
Join us as we equip you with everything you need to know about shooting and editing in monochrome.
With over 4 hours of step-by-step instruction, we cover the tools and methodology required to make any color change appear realistic and natural.
While it may seem like magic, the ability to make anything disappear in Photoshop isn’t a trick – it’s a skill that anyone can learn.
Photoshop Compositing
In this tutorial, we cover several tools and techniques that, when combined, will allow you to create perfect masks of anything from the precision curves of designer products to the messy detail of a head of hair.

Watch hundreds of PRO Tutorials and download Lightroom Presets, Photoshop Actions and more.
Learn More


There are no reviews yet.