How to Create Custom Patterns in Photoshop

In this tutorial i will show you how to create a seamless pattern in Photoshop.

Final Image Preview

How to Create Custom Patterns in Photoshop

Step 1

Create a new document with size of 600 x 300 pixels and 72 dpi and fill it with color black.

How to Create Custom Patterns in Photoshop 1

Step 2

Now we are going to start creating our pattern. Select the Custom Shape Tool, go to Shape and if not loaded click on arrow on right side and select Ornaments. Select shape as seen on image below.

How to Create Custom Patterns in Photoshop 2

Step 3

Select white color and create shape.

How to Create Custom Patterns in Photoshop 3

Step 4

Rasterize this shape with Layer > Rasterize > Shape. After that select Rectangular Marquee Tool to create selection as seen on image below. You have to select only 1/4 of flower, this proportion is important for our future pattern.

How to Create Custom Patterns in Photoshop 4

Step 5

Invert selection by going to Select > Inverse and press Delete to clear selected area.

How to Create Custom Patterns in Photoshop 5

Step 6

Remove selection width Select > Deselect (Ctrl+D) and select Custom Shape Tool to add another shape.

How to Create Custom Patterns in Photoshop 6

Step 7

Add shape to the canvas.

How to Create Custom Patterns in Photoshop 7

Step 8

Press Ctrl+T and rotate this shape about 45 degrees and move it a little bit below. Hold the Shift button when rotating the shape to get the exact angle of rotating object.

How to Create Custom Patterns in Photoshop 8

Step 9

Select and merge both layers with shapes into one with Ctrl+E and duplicate new layer with Ctrl+J. Use Edit > Transform > Flip Horizontal to flip new layer horizontal and move it right like shown on image below.

How to Create Custom Patterns in Photoshop 9

Step 10

Merge again both layers and after that duplicate again new layer with Ctrl+J. Use Edit > Transform > Flip Vertical to flip duplicated layer vertical and move it below like shown on image below.

How to Create Custom Patterns in Photoshop 10

Step 11

Merge both layers together. Press Ctrl+T to reduce the size of shape created keeping Shift key pressed.

How to Create Custom Patterns in Photoshop 11

Step 12

Now press Ctrl+A to select all on our canvas and press Ctrl+C to copy selected area. Go to File > New (Ctrl+N) to create a new document. Add 2 px more to width and height values presented there and change background to Transparent.
After document created, fill layer with color #003e16 and finally press Ctrl+V to paste copied shape to this document.

How to Create Custom Patterns in Photoshop 12

Step 13

Change layer mode to Overlay and reduce Opacity to 40%.

How to Create Custom Patterns in Photoshop 13

How to Create Custom Patterns in Photoshop 14

Step 14

Go to Layer > Layer Style > Outer Glow and apply settings below.

How to Create Custom Patterns in Photoshop 15

How to Create Custom Patterns in Photoshop 16

Step 15

Go to Edit > Define Pattern to save this image as pattern, give pattern a name and close current document without saving. After that you can create a new document of any size and fill it with our pattern for example.
Create a new document, select Layer > New Fill Layer > Pattern and select pattern created.


How to Create Custom Patterns in Photoshop 17

How to Create Custom Patterns in Photoshop 18

And we have a custom pattern created. But we can create a different pattern based on shape we created.

Step 16

Go back to our main canvas and copy current shape three more times and arrange it as shown below:

How to Create Custom Patterns in Photoshop 19

Step 17

Merge all four layers with shapes into one layer. Select Rectangular Marquee Tool to create selection like show below.

How to Create Custom Patterns in Photoshop 20

Step 18

Press Ctrl+C to copy selected area. Go to File > New (Ctrl+N) to create a new document. After document created, fill layer with color #003e16 and finally press Ctrl+V to paste selection to this document.

How to Create Custom Patterns in Photoshop 21

Step 19

Change layer mode to Overlay and reduce Opacity to 40%.

How to Create Custom Patterns in Photoshop 22

How to Create Custom Patterns in Photoshop 23

Step 20

Go to Layer > Layer Style > Outer Glow and apply settings below.

How to Create Custom Patterns in Photoshop 24

How to Create Custom Patterns in Photoshop 25

Step 21

Go to Edit > Define Pattern to save this image as pattern, give pattern a name and close current document without saving. After that you can create a new document of any size and fill it with our pattern for example.
Create a new document, select Layer > New Fill Layer > Pattern and select pattern created.

How to Create Custom Patterns in Photoshop 26

Final Image

And now we have two different patterns created.

How to Create Custom Patterns in Photoshop

Keep working and create new patterns like these.

Advertisement

Sign up for our Newsletter

Signup and receive all new tutorials published at Photoshop Star
SUBSCRIBE

Pin It on Pinterest

Share This