graphicxtras.comtutorialsPhotoshop brushes

How to create patterns using Photoshop brushes tutorial

photoshop brushes create patterns

A quick guide to creating patterns using Photoshop brushes in CC 2017 2015 etc . A guide to using Photoshop brushes as a Photoshop patterns in CC CS6 CS5 CS4 etc and elements. You can use any brush design as a great source for instant Photoshop patterns and seamless tiles. You can take any source brushes presets and define them as a new pattern via the edit menu. You can add effects to the Photoshop brushes and use that as a new source pattern. You can use the offset filter to create interesting patterns and seamless tiles from Photoshop brushes. You can use the brushes to create amazing colorful patterns as well as black and white pattern designs. This tutorial shows you how to create amazing pattern designs using Photoshop brushes


Quick shortcut - PNG brushes

arrow brushes for Photoshop and psp create patterns using brushes

A quick shortcut if you are using our brush sets. The brush sets often contain PNG images that can be used in many other applications such as PSP, Photo-Paint and GIMP. If the set does not contain the PNG images then you can always quickly create a new PNG by using the strokes in the ABR and creating a dab for export to a PNG image.


The PNG images can be converted also to other formats so if you want JPG or TIFF then use a conversion tool such as irfanview (free tool) or PSP (trial can be found via the website).


Create pattern tiles using Photoshop brushes

arrow brushes with transparency creating patterns

Use the brushes to create pattern tiles or distortions in Adobe ® Photoshop®

  1. Select brush tool

  2. Select color via toolbox / foreground color or perhaps via the swatches panel.

  3. Apply dabs as required (avoiding the edges of the image)

  4. Filter menu and Other menu and offset (set to 1/2 height and 1/2 width) to shift design for tile

  5. Apply more dabs (again avoiding the edges of the image)

  6. edit menu and define pattern command


You can also use blending modes and opacity to create many variant tile designs. You can also create variant strokes by adding effects to the strokes and then re-defining the stroke and adding those to the image. In that way, you can add perhaps rough / distressed / blurred variants. You don't have to use the same stroke to define the artwork either, you can change the stroke by selecting different presets in the panel.


You may also wish to just create the brush dabs on a layer and then delete the background layer and then define the pattern. The one on the right was created by using a layer made of a blue arrow brush added to a black filled layer and that was then duplicated and used to fill a space which was then defined as a pattern from those brushes. You can then manipulate the layers and positions and the color of the layers of the brush strokes to create an infinite number of patterns from the same basic set of layers.


Photoshop brushes as patterns - random

fill and creating patterns using brushes

You don't have to create them in the traditional ways by using the define tile command. Instead the brushes can be applied to a huge document / image in a variety of ways to create a super large tile.


By applying the strokes loosely across a grid, randomness can be generated in the tile. Another way to add randomness would be to use deco scripts (you can find them in the fill menu when selecting patterns) with the strokes derived tiles.


You can also use the view show grid command to see a grid to use as a structure for the artwork.


PNG brushes as patterns in Adobe ® Photoshop ® - conversion

tile and creating patterns using brushes in Photoshop

The PNG images can be used as brushes and that was the primary purpose of the resource but they can also be used as tiles as well as textures and displacements.


To use them as layers


  1. Simply open the PNG images

  2. Go to the edit menu and define pattern instead of define stroke command.


They can then be used as a tile layer via the layer menu 'new fill layer'.


Photoshop brushes into patterns with scripts

brick fill and creating patterns using brushes in Photoshop

Now with Photoshop CC CS6, you can also apply the brush derived patterns via the edit menu and combined with scripts such as brick fill, symmetry etc (the symmetry alone has 32 different option types and some truly unique effects can be had from the strokes).


Scripts open a huge range of possible creative solutions for creation of tiles. CC CS6 comes with a limited range of scripts but it is fairly easy to modify those javascript deco scripts to create your own unique images that may incorporate scaling, randomness, rotation and more.


Photoshop brushes and effects and patterns

photoshop brushes and patterns create effects

You can also quickly create all kinds of amazing unique patterns using Photoshop brushes when you combine the work with effects.


  1. Apply a selection of brush strokes in black (or any color) to a layer or the background in Photoshop

  2. Go to the filters and other and offset and set the values to -500 and 500 and wrap (if the document is a 1000 x 1000 etc, basically half)

  3. OK

  4. Continue to add brush strokes to the new design with the offset

  5. Now go to a new document (create one)

  6. Add the same brush stroke

  7. Apply an effect to the brush stroke such as blur or analog efex pro effect etc but make sure the effect does not extend to the edge of the image

  8. edit menu and define brush

  9. Go back to the previous document and continue adding brush strokes with the new effect brush

  10. repeat effects etc to create new brushes and add to the document as well as use offsets

  11. Define pattern

Related sets

1. arrow brushes


There are many different pattern sets available such as background and colorful patterns as well as blurred ring and circular patterns, and also checkerboard and check patterns and a gleaming Photoshop and psp surface patterns and a star themed jumble patterns for Photoshop, psp etc etc and many were created using the Photoshop brushes.