Home   Products   Tutorials   Videos

How to create patterns in Photoshop tutorial

How to create / define amazing patterns in Adobe Photoshop CC 2017 2015 2014 CS6 CS5 etc


create define photoshop pattern command tutorialHow to create a pattern in Photoshop is simple


1) Create design


2) edit menu


define create pattern photoshop3) define pattern command.


4) give the Photoshop pattern a name


Another option is to use the selections


1) select an area using the marquee tool in toolbar


2) edit menu


3) define pattern command


4) give the pattern a name


The result will probably not be seamless though unless the image or the selection is seamless to start with such as the Photoshop patterns collection on this site


Offset approach for patterns in Photoshop

define pattern and offset photoshopcheckerboard define pattern create photoshopYou can define / create all kinds of seamless Photoshop pattern designs in Photoshop by using the method below. You can use resources such as brush strokes, you can use images, you can reduced sized images, you can combine with other resources etc but the key thing is to avoid the seams. If you use a layer, you will need to flatten the layers


1) Start with an empty document say 500 x 500


2) Go to the custom shape tool or brush tool or image and add that to the middle of the image / document


3) filter menu and other and offset command and set to -250 and 250 and wrap (go for half of the size)


4) Add additional designs in the middle of the current document avoiding the edges


5) edit menu and define pattern etc


You can see the tile used above left (it was a single image and was re-sized to 50% of the size of the document) and the result is on the right.


Tile approach for Photoshop patterns

1) Open an image


2) select part of the image


3) copy


4) file new command


photoshop patterns tiles create define5) set the new document to height x 2 and width x 2


6) paste


Probably easiest to have to smart guides on show smart guides (view menu show command)


7) Position that copied image layer in the top left of the new document for the first part of the Photoshop pattern creation


8) alt / option duplicate layer and shift to the top right and bottom left and bottom right


9) select bottom items and edit menu and flip vertical


10) select the two layers on the right and edit menu and transform and flip horizontal


11) flatten


12) edit menu and define pattern in Photoshop. You can see the result on the right of the tile (the tile itself is on the left) using the fill content command


You can, of course, use a set of guides for 3 x 3 10 x 10 etc to create more complex tiles


Other tutorials

You can find many other tutorials about the resources in Photoshop etc such as how to create a pyramid pattern in Photoshop tutorial