May 05, 2014

Creating Patterns On Clothing in Photoshop

Create Patterns On Clothing in Photoshop

You can turn anything into a pattern in Photoshop using the Define Pattern command. It will take what ever is visible on a canvas and turn it into a repeatable pattern stored on the computer.

It is a good idea to use a “seamless” or “repeatable” pattern here, making sure that when tiled the patterns will not break. In this episode we download a pattern to use for creating patterns on clothing in photoshop.

Download Patterns

You can create your own patterns in Photoshop but to save time we use a pre-made pattern from Christina Jewels. Download her pattern here.

Free Seamless Vector Houndstooth Pattern  – Christina Jewels Graphic Design

Warping Patterns

Creating and tiling a pattern is the first step to getting a pattern on someone’s clothing. Next you have to make the pattern look as though it actually follows the clothing lines. To do this we use the warp command and layer blending modes.

Soft Light blending mode will always do a good job blending in one layer into another. We set our blending mode to Soft Light and lower the opacity to see through to the original image.

After getting the pattern to blend in better we warp it to follow the general shape of the garment. The next step is taking care of each fold of the fabric.

Making Selections with the Pen Tool

In order to make the pattern look as though it really is applied on the skirt we have to take into account each fold and turn of the fabric. This can be a tricky process depending on what piece of clothing you are using but the principles are the same.

We use the Pen Tool to make selections of each fabric fold and then use the warp tool to contour the pattern to match the fabric. To make this process a bit easier we use the Hide (Cmd + H) Command to remove guides as we make the transformation.

Repeat this process for each fold and bend of the fabric and before you know it you will be done.


user image You
(will not be published)

  • user image

    I am thinking which of these superlatives suits Aaron best… Largest heart on the internet; Photoshop demi-god; coolest teacher ever..?

  • user image
    Alessio Vidal

    I’m following you since years ago. Shave that beard 😀

    • user image

      Thanks @robschut:disqus!
      Whoa, great link!! Thanks for sharing!

    • user image
      E-Nonymouse A

      If you could replicate this patter as something to place in front of a light on a white background that’d be easy enough. In PS i’m not sure but if you could isolate the shadows as a channel it might be possible.

    • user image

      Hi Andrea! You should give it a try! With the shadows though, it might be tough! But give it a try,and we’d love to see it!

  • user image

    The very last blending thing that you did, couldn´t that be used to make better blending HDR images or images with a gr8ter DR?

  • user image
    Colour Puzzle

    Hi Phill
    These patterns are fantastic, I’m not sure if you realize but you can actually use this technique to print out the texture on a modern digital printing press. Yep feel the cloth on the page. Doing some messing around with it at present with a local printer

  • user image
    Maha Turkmani

    i looovoe your work , i am an interior designer and was wandering if you have any tutorial for interior designers like creating a room from scratch, etc

  • user image

    Thanks for the tutorial! Can you show us how to make a seamless pattern from scratch next?