Pinterest Stumbleupon Whatsapp
Ads by Google

With lots of tips and tricks on how to improve your Photoshop skills 5 Easy Ways 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 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).

Pencil

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

Ads by Google

PencilSize

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

Grid

This is what you’ll end up with:

Grid2

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

DefinePattern

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

PaintBucket

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

PatternOptions

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.

BrushPattern

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.

Guide1

You should see two blue grid lines dividing the document.

Guide

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

Ellipse

 

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

Offset

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

PolkaDot

This is necessary in order to make this seamless pattern:

PolkaDots

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

PolkaDots2

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.

Arrow

This will get you the following pattern:

ArrowsPattern

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? GIMP can do a lot of what Photoshop can do, but there are some areas it falls short. Here is a summary of the key differences. 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.

Leave a Reply

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