-15% OFF - Over Christmas Photoshop Actions For ONLY 50$
Painted Wood Photoshop Action Comics Book Photoshop Action Infographic JS Library Textures for Photoshop

How to Make a Repeating Pattern in Photoshop

Tutorials Textures and Patterns 2178 Views January 23rd, 2018

Learn how to create a seamless pattern in Photoshop using the Offset filter. In this Photoshop pattern tutorial I will show you how to make a repeating image. Photoshop patterns are useful to create backgrounds, wallpapers and header images of any size.


create a seamless pattern in Photoshop

repeating pattern in photoshop

Create a new PSD file, size 600x600px. You can choose other canvas size: 100x100px, 200x200px, etc. Add a background layer and fill it with any color you like.

Create a new layer and add a shape in this layer. You can use a brush, you can use a custom shape but make sure to rasterize the layer. I will use one of these Circle Brushes with color black.

The circle shape has to be in the center of the canvas. So to do this, select the Circle layer and the Background layer. Pick the Move Tool and click on the Align vertical centers and Align horizontal centers.

Press Control-J to duplicate the Circle layer. Go to Filter > Other > Offset. Set the Horizontal and Vertical offset 300px (the canvas size 600px divided by 2).

Now you have a tiling repeating image that you can save as pattern in Photoshop. Go to Edit > Define Pattern.

So here is the seamless pattern created in Photoshop from scratch. With this technique you can easily create a repeating pattern in Photoshop.

repeating pattern in photoshop seamless pattern in photoshop

Collage Pop Art Pattern Photoshop Creator

You can make pattern background using cutout images. Download this cool Photoshop action and create 300 dpi posters that you can print.

photoshop pattern collage action

If you're looking for amazing textures and backgrounds for Photoshop, explore Textures4Photoshop where you can find 1000+ unique images. You can download all these textures and backgrounds for free to use in personal or commercial projects!

Be a Cool Dude!

With your donation you can help us maintain this website and keep producing free resources many months to come! Any amount counts

No comment(s) for "How to Make a Repeating Pattern in Photoshop"

Have something to say? Leave us a comment

Click to Upload Fan Art!

Share your Psd Dude inspired works

Pencil Sketch vs Camera Photo Effect Photoshop Action
Animated Kaleidoscope Photoshop Action

      Metal Tag Photoshop Creator