Painted Wood Photoshop Action Comics Book Photoshop Action Infographic JS Library Textures for Photoshop Online Label Maker

How to Make a Repeating Pattern in Photoshop
Tutorials Textures and Patterns 3578 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.

How To Make A Seamless Pattern In Photoshop

How To Make A Seamless 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.

Repeat Pattern Design Background

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.

Repeat Pattern Circle Brush Design In The Center

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.

Vertcal And Horizontal Align In Photoshop

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).

Offset Repeat Pattern Design In Photoshop

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

Pattern In Photoshop Define New 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

You can basically create a seamless repeat pattern in Photoshop with any kind of shape. In another tutorial I'm showing you everything you need to know about how to make and use triangles in Photoshop including how to create a triangle pattern like this:

Geometric Triangle Pattern Background Design

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
5 ( 103 votes)

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

Get new posts by email:

      Online Photo Editor