Pin It

How to Create Custom Patterns in Photoshop

Advertisement

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


  • kosk

    this is so cool..thanks for the tut ;D

  • shamss

    gooooooooooooooooooooooooooooooooooooooooooooood idea

  • Liette

    I’m so happy to discover this! Thank you very much.

  • http://cghearn.com cghearn

    Thanks for the tutorial. This is what I did. http://www.cghearn.com/files/Bleeding-Pipe-Dreams-Alt.png

  • http://www.codersbarn.com Anthony

    The last one is not matching?

    • http://www.photoshopstar.com/ Luis

      Are you talking about last image? I joined both patterns in one image.

      • shanthi

        while you define the pattern, you have to select very carefully. you should not select any single extra pixel of green. better you zoom the image and define the pattern correctly. then you will get exact background.

  • Amanda

    Awesome! Thanks. Already starting on a variation.

  • M.Srinivas Gupta

    Creative tip….

  • vlada

    great tut, already know it, but its good to repeat it sometime

  • Borhan Mia

    Yeah, that’s called creativity.

  • http://tanveerbd.blogspot.com Tanveer Ahmad

    nice creativity …

  • monster toys

    Great!! i should test it for my own bulletin design jobs. hehe. thanks dude :D

  • http://22295631 aye

    good idea. Thank you very much.

  • os

    that’s cool eh.. :D

  • elias

    Nice trick. Many thanks.

  • Atik

    Awesome……..I am very happy to come here.

  • Ananta Jumble

    Really Great…..Thanks Bro…….

  • http://www.melimelo.es AlexM

    thank you so much! really helpful

  • sapna

    That is very simple.

  • http://www.saramompart.com Sara Mompart

    Thanks for sharing this info.
    I never have had time to give it a try, I’ll do it today!.

  • Alee

    This is something I’ve missed in my life. Thank you so much!

  • Kimnoyoru

    this is awesome, simple, and very applicable. Thank you for sharing.

  • Lindsay

    Thanks so much for a very easy to follow and replicate tutorial!

  • http://www.product-shot.co.uk/ Product Photography

    Very good tutorial.

  • dipika

    thanks for help…

  • Kara

    thank you so much for teaching me how to make a pattern!! i’d love to see more advanced pattern making info if you’re able. :) i really appreciate the tut!!

  • Kara

    ps. hey people please do these kind folks a solid by tweeting and sharing on FB it helps them to get found by others trying to learn stuff and it helps their ranking. when folks take the time to share their knowledge the least we can do is spread the word. imho :)

  • kakashi

    Great! very useful. Thank you so much.