fresh photoshop tutorials & resources
Log in Register
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
Recent Posts
This set contains 20 label brushes available for free download. All the labels from this pack have a...
Must have collection of broken glass textures ready to be used in your Photoshop manipulations. This...
Learn how to create a retro comics effect in Photoshop in just a few easy steps. For the comic book ...
Learn how to create a Easter grass planet in Photoshop from this new tutorial for beginners. You can...

      Fur and Knitted Fabric Photoshop Actions
Popular Posts
You can create amazing gold text effects by using these unique gold Photoshop styles, both free and ...
Today's Photoshop collection of resources includes some amazing packs of metal chrome PSD text style...
If you want to know how to create dispersion effect in Photoshop in a easy way, here is a quick solu...
To create a realistic sketch in Photoshop you need some pencil sketch textures or better still you c...
In today list of free textures for Photoshop I have gathered over 100 amazingly beautiful wood textu...
I have decided to create a new character from Alice in Wonderland and I hope that maybe someday to r...
To create a Comic Book Effect in Photoshop we have to mix all sort of filters and blend them togethe...
Stitching and sewing can be created also in Photoshop with very realistic results. So in this tutori...
Hello girls and boys! Today i want to make a cartoon rainbow... i really hope you will like it! ...
In this tutorial I will show you how to create a 3D map in Photoshop using different 2D and 3D model...
Subscribe via email

      Metal Tag Photoshop Creator