A Beginner’s Guide to Creating Seamless Patterns in Photoshop  

Nancy Messieh 14-07-2016

With lots of tips and tricks on how to improve your Photoshop skills 5 Easy Ways to Improve Your Photoshop Skills There are lots of easy ways you can improve your Photoshop skills. Here's a closer look at five simple tips. Read More , an easy place to start that can have some really impressive results is creating your own Photoshop patterns.


There are several different Photoshop tools you can use to create seamless patterns, whether starting from scratch with a blank canvas, or with an icon you’ve found online. By creating your own patterns, you can create custom pattern paper 20 Free Digital Pattern Packs That You Can Download Now High-quality digital patterns are hard to come by, especially if you want them to be free. Here are several that are great that you'll likely love! Read More  or your own wallpaper, and take your designs to the next level.

How to Create Patterns With the Pencil Tool

The first step is to create a new, small Photoshop document. A square image around 8 to 10 pixels wide is a good place to start. When creating your document, make sure you select ‘transparent’ for the background contents. This will ensure that you can use your pattern on any color background once it’s finished.

NewDocSelect the color you want to use for your pattern, and then select the Pencil tool (keyboard shortcut: B).


You’ll want to set the Pencil size to around 1 to 2 pixels.



It’s also useful to turn your grid on by going to View > Show > Grid. Depending on your grid settings, it might not show up. To adjust your grid settings go to, Preferences > Guides, Grids, and Slices. Under Grid, make sure Gridline is set to pixels. Choose a gridline that will appear ever 1 pixel with 10 subdivisions. (Keyboard shortcut for preferences is Cmd/Ctrl + K).


This is what you’ll end up with:



(If you can’t see the Grid use the shortcut Ctrl/Cmd + ‘ or go to View > Show > Grid.)

When you zoom in anywhere from 1,600 to 3,200%, you can view the individual pixels as you start to use the pencil. You can then draw your pattern into that small square. (If you prefer, you can fill in that tiny little canvas any way you want – you don’t have to use the Pencil. It just happens to be an easy way to fill in pixels very precisely.)

Once you’re done with that, go to Edit > Define Pattern. A window will open up where you can name the pattern and it will be saved to your Patterns Library.



You can then access this, and any other patterns you have in Photoshop, by going to the Paint Bucket Tool. (Keyboard shortcut: G)


In the tool options menu for Paint Bucket, make sure you have Pattern rather than Foreground selected.



Right next to that, you can select the pattern you want to use. Create your new document, whatever size you want the pattern to take up, and click the bucket icon on the canvas. You will find your pattern has been tiled across the page.


How to Create Patterns with Shape Tool

You use the same method listed above to create a pattern using the shape tools in Photoshop. So let’s say you want to create a polka-dot pattern. You’ll create a new document the same way as if you were using the Pencil tool, but will make it slightly bigger. Create a new document that is 50 by 50 pixels with a transparent background.

Rather than create a grid, you can use the Guide Lines to ensure that you place the first ellipse in the  center of the document. Go to View > New Guide. Select Horizontal for the orientation and enter 50% for the position. Repeat the same step with the orientation selected as Vertical.


You should see two blue grid lines dividing the document.


Select the Ellipse tool (or the shape of your choice) and hover over the center of the document where the gridlines meet.



Click anywhere on the document to create a circle that is 20 pixels by 20 pixels, and make sure that From Center is checked so that the circle is created in the center of the document.

CircleDuplicate that layer by right-clicking the layer and selecting, duplicate layer. The next step is to go to Filter > Other > Offset. The settings here should be +25 for the horizontal and +25 for the vertical option. (Photoshop may prompt you to rasterize or convert the image to a smart object, in which case you should rasterize it.)

The next step is to go to Filter > Other > Offset. The settings here should be +25 for the horizontal and +25 for the vertical option. Also, make sure Wrap Around is selected (depending on the shape you use, the offset tends to be half of the canvas size).


The offset divides the circle into four quarters that will appear at the edge of the document.


This is necessary in order to make this seamless pattern:


You could alternatively just use the one circle for the entire pattern, but you will end up with this pattern instead:


You can repeat this method with more complex shapes, like an arrow, for example, using similar settings as above, with the following icon, which I downloaded from Vecteezy. I used a slightly larger document – 100 pixels by 100 pixels, and changed the offset to +50 on both the vertical and horizontal.


This will get you the following pattern:


With some brushes, the above method will also work with your Photoshop brushes.

Now that you have the basics for creating patterns in Photoshop, you can try more complex shapes and patterns. Watch the video below for how to create a much more intricate, seamless pattern:

And while there are quite a few things that Photoshop can do that GIMP can’t What Can Photoshop Do That GIMP Can't? What can Photoshop do that GIMP can't? Quite a lot! Learn more in our comparison of GIMP vs. Photoshop. Read More , this isn’t one of them. This method should be transferrable. Watch this video below to see how it works in GIMP:

How to Delete or Rename Patterns

To delete a pattern, go to the Paint Bucket tool, make sure you have Pattern selected from the drop-down menu. When you open up your patterns, by right-clicking on any given pattern, you can rename or delete it.

Adobe Capture

If you aren’t comfortable using Photoshop, there is an extremely easy way you can create patterns from photos, icons, and more using nothing more than your iOS or Android phone or tablet. The app, Adobe Capture CC, which you can download for free, makes it possible to create an intricate pattern in minutes.

While Adobe Capture is a free download, you will have to sign up for a free Adobe Creative Cloud account. You can then take a photo with your device, or import an image you found online and create a pattern using it. If you have an iPad Pro, you could even draw an image to use as a pattern yourself. You can see it in action in the Instagram video below:

The really great thing about Adobe Capture CC is you can create different kinds of patterns with a click of the button: including triangles, hexagons, and squares.

To get a full sense of what you can do with Adobe Capture CC, watch the video below:

How do you create seamless patterns in Photoshop? Let us know in the comments.

Affiliate Disclosure: By buying the products we recommend, you help keep the site alive. Read more.

Whatsapp Pinterest

Leave a Reply

Your email address will not be published. Required fields are marked *

  1. Anni Large
    February 26, 2017 at 2:43 pm

    I've tried loads of tutorials for the repeating pattern in Photoshop but the offset never works properly for me. :( I have no idea what I'm doing wrong. I set the horizontal and vertical to + half of my image size and I get the image at the corners like you're supposed to but it then removes the image from the middle of the document. It's driving me crazy. :(

    • Nancy Messieh
      April 26, 2017 at 7:20 pm

      Did you duplicate your original layer before using the offset setting? I think the reason it's disappearing is because you're using the offset on your original layer. Make sure you have two identical layers and then offset just one of them. Let me know if that works!

      • Anni Large
        April 26, 2017 at 7:35 pm

        It's official. I'm an idiot! Lol. That worked. Thank you. :)