We will apply a pattern to a shirt and make it fit all the contours. Then we will switch out patterns and logos, very easily.
We will use a plaid (tartan) pattern.
Open your pattern
1. Choose >edit>define pattern
2. Give it a name. Thats it!
It appears in the Patterns which you will see in the next step.
1. Choose the Adjustment layer icon in the Layers panel and choose Pattern, choose the pattern you want to use.
2. Double click the pattern in the layers panel to open the Pattern Fill box. Change the Scale to 20%
3. Right Click on the layer name and choose Convert To Smart Object. This will enable us to do some pretty amazing things later on.
1. Free transform the pattern into position. Press Cmd/Ctrl+T for free transform. Drag the corner handles to scale and rotate the pattern.
2. Make a selection around the shape of the object to wrap with quick selection. Her shirt in this case. I have already made a selection for you in the Paths Panel. Cmd/Ctrl+Click to load the selection.
3. With the selection active, press the Layer mask icon in the layers panel, a mask will now be made.
4. Lower the opacity to around 30% so you can see whats happening while you are working.
Displacement Maps: Please note: (There are multiple ways of doing everything in Photoshop)
This can also be done with a displacement Map (Tutorial here). A displacement map does a very good job of accurately wrapping each wrinkle, but has 2 shortcomings.
If you are an advanced user and don’t mind the extra work, and your fabric is a solid color, apply a displacement map first, and then use the method to fine tune the deeper folds.
1. Choose Filter>Liquify: The 2 tools we will use are the Freeze Mask (F key) and the Forward Warp tool (W). Learn the keyboard shortcuts, it will save you time.
Tip: Change the Mask color to something like green or yellow because the red won’t be visible against the red colored pattern.
2. Freeze Mask protects areas from being liquified. Paint on the top right, up to edge of the first fold.
Using a very large brush, push the pattern up towards to mask a little bit.
3. Paint up to the edge of the fold. (F)
4. Push with the Warp (W)
5 + 6 Rinse and repeat. Keep masking and pushing for each of the folds.
Click OK to apply liquify.
Change the layer blending mode to Multiply (Choose the best blending mode for your image and pattern.)
You can see that the pattern now warps and conforms to the waves of the shirt.
If you see areas where the old texture shows, such as the neck of her shirt, fix it in the layer mask by painting with black
Pro tip: There are other (optional) things you can do to sell this effect even more,
Create a new layer on top and fill with 50% gray.
Change to Overlay blending mode.
Paint on the folds with the Dodge and Burn tools to add shadow and highlight for more realism.
1. Double click the Smart Object.
2. The Smart Object opens in a new window.
3. Bring in a different texture, or even a design. Save the file.
4. Go back to your original image and notice it updates to show the new pattern including all the liquify work we did.
I hope you found this tutorial helpful. If you did, please tell all our friends about the tutorial here at PhotoshopCAFE. Most of our free tutorials have both the written steps and video.
This site uses Akismet to reduce spam. Learn how your comment data is processed.
How to make a super realistic shadow in Photoshop, step by step tutorial...
More collaging techniques for Photoshop, using channels and layers.This is a bit more in depth than some of the other...
Have you ever gone to print or export a photo in Photoshop and the colors look completely different? This quick...
I’ve always used the displacement map, but this looks interesting and will have to try this. What do you think the difference would be between the two (displacement vs liquefy). I understand the value of smart object and changing out the pattern.
You can use a smart object on either. The advantage of this method, is that if there are shadows, very dark colors or already a pattern on the shirt, only this method will work. For this example, displacement map is a totally valid way of doing it too.
man, I sure learned a lot with this tut. will come in real handy. tks.
Pretty easy. I wouldn’t have thought to use the liquify tool. Results look believable.
Wow… I sure could have used this a few times. Thanks!!!
Jim