Add Patterns to Clothes in Photopea

How to Add Patterns to Clothes in Photopea | A Step-By-Step Guide

If you want to change the appearance of your clothes in a photo then by adding a pattern.

In this tutorial, you will learn how to easily add patterns to clothes in Photopea. We will cover everything you need to know about selecting the shirt and adding a realistic pattern.

Get Your Images Ready

You will need the image of the clothing you want to change and an image of the pattern you want.

Add pattern to clothes in Photopea
Our Images

Step 1: Open the Two Images

Go to, then drag and drop your clothing image onto Photopea. You can also go to File >> Open, select your image and click Open.

Step 2: Get Your Clothing Ready

Make a duplicate of your image by pressing Ctrl (Cmd) + J. Alternatively; you can right-click on the image layer and select Duplicate layer.

Duplicate Layer in Photopea
Duplicate Layer

Make a Selection of the Clothing

To make changes to the T-shirt, we have to first make a selection of the area we want to work on.

Step 3: Make a Selection of the T-Shirt

Since there is a high-contrast background, in our case, we will use the Magic Wand for a quick selection.

Magic Wand in Photopea
Magic Wand

Zoom in so as not to miss anything. The Quick Selection tool will also work great.

How to select and deselect in Photopea

Detailed guide on selections inside photopea.

If you don’t get a selection of the entire area with the first click, go to the top left corner of the Options Bar and click on Unite (shown in the above image). That will help you expand your selection.

Step 4: Put the T-shirt Selection in a New Layer

Once the selection is done, right-click on the copy layer and click Duplicate Layer

Double-click on the name of the layer and rename it as T-shirt.

rename a layer in Photopea
Rename Layer to T-shirt

Add a Mask to the Selection

To be able to add the pattern to our selection, we first need to add a Raster Mask.

Step 6: Add Layer Mask to the Selection

With the T-shirt layer selected, go to the bottom of the Layers Palette and click Add Raster Mask. That will cut out the selection of the T-shirt.

add Layer Mask in Photopea
Layer Mask

open the Pattern image in photopea

Now that our target clothing is ready, it is time to load the pattern and apply the pattern.

Step 5: Open Your Pattern

Drag and drop your pattern image into the document with the T-shirt. Use the Move Tool and Transform Controls to resize the pattern so that it covers the selected clothing completely, and press Enter when you are done.

add pattern to clothing in Photopea
Place the Pattern Over the T-shirt

Step 6: Apply the Pattern

Click on the T-shirt Layer, hold the Alt key on your keyboard, and click the Pattern Layer. Or right click on the pattern layer and choose clipping mask.

apply pattern to clothing in Photopea
Select Mask, Hold Alt, and Select the Pattern Layer

The Pattern will be confined to the t-shirt area of which we made the selection earlier.

clipping mask in Photopea
Clipping Mask Applied to the Pattern

Make the Pattern More Realistic

While you may be tempted to use the results as they are, they are not realistic. We need to refine the pattern further.

Step 7: Reduce the Opacity

With the Pattern Layer selected, decrease the opacity to about 90%

reduce layer opacity in Photopea
Decrease the Opacity of the Pattern Layer

Step 8: Add a Blending Mode

Go to blending modes and select Multiply.

Note: You may need to try other blending modes depending on the color of the clothing and pattern.

blending modes in Photopea
Apply the Multiply Blending Mode

Next, right-click on the Pattern Layer and select Blending Options.

Blending Options in Photopea
Blending Options

In the Layer Style Window, go to the Blend If, hold Alt to split the arrow in the Background section, and move half of the white arrow towards the left until you see some changes. Hit OK when satisfied.

Blend If in Photopea
Blend If

You don’t have to use the Multiply blending mode. You can experiment with other modes.

add pattern to clothing in Photopea
Before and After

How to Add Other Patterns to the Same T-shirt

You don’t have to start over if you want to change the pattern again. You can still use the same document to change the T-shirt pattern.

This would be great if you want to advertise various T-shirt patterns without the need to try them on and capture individual photos.

Step 8: Adding Other Patters

For this, we will follow the same steps we took earlier. Start by hiding the pattern layer by clicking on the eye icon next to it.

Deactivate a Layer in Photopea
Deactivate the Pattern Layer

That will remove the pattern and take us back to the original color. Now follow the steps we used earlier:

  • Drag and drop the next pattern onto the workspace.
  • Use the Move tool and Transform controls to cover the T-shirt.
  • Click on the mask then hold the Alt key and select your pattern layer.
  • Apply the same blending mode you used in the first pattern.
  • Right-click on the pattern layer, go to Blending Options and manipulate the Background under Blend If.

You can follow these steps and change the patterns as often as possible. Keep in mind that the pattern has to be above the T-shirt layer for the effect to work.

Add Patterns to Clothes in Photopea
Multiple Patterns


We started by looking at how to make a selection of the clothing item we wish to change. Since our image has high contrast, we used the Magic Wand to make the selection. You can use the Quick Selection tool if your image doesn’t have high contrast.

Once the selection was made, we added a Mask by clicking on the Add Raster Mask icon at the bottom of the Layers Palette. We then dragged and dropped the pattern image onto the T-shirt, making sure it covered the selection, and applied the mask by selecting the mask, holding Alt, and selecting the pattern layer.

For realistic results, we reduced the pattern opacity to 90%, used the Multiply Blending Option, and then adjusted the Background in Blend If.

Add Patterns to Clothes in Photopea
Add Patterns to Clothes in Photopea

Thanks for reading & feel free to check out more of our articles!

Author Rating

Overall Rating



The guide covers the step by step process of adding patterns to clothing in Photopea. We use the selection tool, layer mask, and blending modes to achieve realistic results.

Useful Links

Similar Posts