How to Make a Pattern in Photoshop

By Tata Rossi 9 days ago, Photoshop Tips

To make a pattern in Photoshop, you’ll need premade icons or other pictures that you want to transform into a pattern. You can also use free PNG elements of any resolution. The pattern you create in Photoshop can be used as a background for your website, social media profile, Tinder picture, or any other purpose you want.

Make a Pattern in Photoshop in 15 Steps

You already know how to remove the background of a picture in Photoshop, and today I’m going to tell you how to create a pattern in Photoshop for producing unique backgrounds. In the Photoshop tutorial below, I’m going to show how to make a pattern out of premade images, save it, and add it to a new file.

1. Create a New File

create a new file to make a pattern in photoshop

Start by putting together the first pattern tile. To do so, you’ll need a newly created document. Choose the “File” menu at the top of the main panel and pick “New”. We need to create a file of any size with an identical height and width. I typed in 300px for both dimensions.

2. Upload the Icons

upload the icons to make a pattern in photoshop

Open the icons you want to use and drag them onto the created file. I chose summertime icons with fruit and berries. If you have black-and-white icons, you can preemptively color them with the help of colorized software.

Now, if you still haven’t found appropriate elements, search for them on free stock icons websites. Such websites feature icons in various styles, making it simple to find something for your project.

3. Set Up the First Layer

set up the first layer to make a pattern in photoshop

Highlight the first layer on the layer panel and go to Filter > Other > Offset.

4. Set the Horizontal and Vertical Parameters

set parameters to make a pattern in photoshop

Set the “Horizontal” and “Vertical” parameters to half the length of the file’s canvas. Since my file has a dimension of 300 by 300 pixels, I typed in 150px for both parameters. Ensure you enable the “Wrap Around” checkmark at the bottom of the pop-up menu. Press “OK”. Your first layer is complete.

5. Set Up the Second Layer

set up the second layer to make a pattern in photoshop

Go to the second layer and choose Filter > Other > Offset once more. Now, change only the “Horizontal” dimension to 0px and press “OK”.

6. Set Up the Third Layer

set up the third layer to make a pattern in photoshop

Highlight another layer while opening Offset in the way it was described in the previous step. Set the following parameters: Horizontal to 150 pixels and Vertical to 0 pixels. Press OK. If you want to create a file of a different size, you have to resize a layer in Photoshop.

7. Merge the Layers

marge the layers to make a pattern in photoshop

Now that you have finished the first pattern tile, you need to merge the layers. To do so, highlight all layers except for the background one, click the right mouse button, and press "Merge Layers". All highlighted layers will be combined.

You can also perform the same action by using the “Ctrl + E” key combo.

8. Choose Select All

choose the select all to make a pattern in photoshop

Go to Select > All or use another hotkey combination – “Ctrl + A”.

9. Define Pattern

define pattern to make it in photoshop

Next, select Edit > Define Pattern.

10. Name the Pattern

name the pattern to make it in photoshop

Give your pattern a name and press “OK”.

11. Apply the Pattern

Now, let’s add the pattern to a new file to use it as a background. By the way, if you want to use replace the backdrop of an image with a pattern, you’ll first need to remove a background.

12. Create a New File Again

create a new file again to make pattern in photoshop

Create a new file of any size. It’s preferable to make it larger than the pattern tile to ensure the created pattern is clearly visible. I’ve set my dimensions to 960x640px.

13. Choose the Pattern Overlay

choose the pattern overlay to make it in photoshop

Click the Background layer on the layer panel twice and press “OK” in the popped-up window.

14. Choose Layer Style

choose layer style to make pattern in photoshop

Go to Layer > Layer Style > Pattern overlay.

15. Select Your Pattern

select your pattern to make it in photoshop

Select your pattern and press “OK”.

how to make pattern in photoshop example

If you have difficulties trying to make pattern Photoshop, you can reach out to professionals. By making use of professional image manipulation services, you’ll not only receive a background with the desired pattern but the retouchers will also add it to the required photo and, if needed, further enhance the image with effects or objects.

Free Tools

free tools to make pattern in photoshop

To create your own patterns, make use of these professional Ps brushes. With their help, you can quickly create a flowery background, or add hand-drawn hearts or stars to the image. Regardless if you’re still using the older standalone Photoshop version or are a Creative Cloud subscriber, you’ll have no trouble installing and using this collection of brushes.

SAVE UP TO 60% OFF SAVE UP TO 60% OFF