Installing Photoshop Patterns Tutorial

Posted in: Tutorials | Tags: , .
  • Facebook
  • Twitter
  • Pinterest
  • Google Plus
  • StumbleUpon
  • Tumblr
  • Reddit
Installing & Using Patterns Tutorial
Photoshop 7, CS-CS6, CC

This tutorial will walk you through how to install and use a Photoshop pattern set. You can find our patterns here.

1. First off, download the pattern set. In this example, I will be using our Lace Patterns set. It will come in ZIP format, so you’ll need to unzip it using your favorite ZIP extraction software.

The place that you’re going to want to unzip it is important. If you put it into your Photoshop Patterns folder, the next time you open up Photoshop, that pattern will be sitting there already available for use. Very handy! So, extract the file (in this case, SS-lace-patterns.pat) into your Program Files > Adobe > Photoshop (whatever version you have) > Presets > Patterns folder.

2. Open Photoshop. Click File > New.. and make it 500 by 500 pixels. You can keep the resolution at 72 pixels or whatever it is set to initially. Make sure the color mode is RGB. Set the “Background Contents” to transparent. This means you will be starting with a completely transparent canvas, rather than a white background.

On the tools palette, choose any foreground color.

Using the paint bucket tool, click anywhere on your canvas. It should fill completely up with that color.

3.Now we need to make sure that your layers palette is visible. To do that, click on “Window” in the top menu, and be sure there is a checkmark next to “Layers.” If there isn’t, click on it. Your layers palette should look something like this.

Keep in mind that when you apply a pattern, you’ll be applying it to the entire layer. So, if you wanted the pattern to only apply to a certain part of your image, you would need that part of the image on its own layer.

We’re going to be applying it to that whole layer we just filled in with the paint bucket, in this case. To do so, click on the Layer Styles button on the lower left hand side of your layers palette, which I’ve highlighted in red. Select “Pattern Overlay..”

4.A menu will pop up, and if you look back at your canvas, you’ll notice that a pattern is now covering it!

See how none of that blue (or whatever color you chose) shows through? That’s because the “Blend Mode” is set to “Normal.” We’ll talk more about Blend Modes later – for now, leave it on normal. To change the pattern, click on that small rectangle to the right of the pattern image. I’ve highlighted it in red here.

5.A smaller window with a bunch of other patterns will pop up. If this is your first time using Photoshop’s patterns, you will be seeing one of their default pattern sets. What you see in the image to the right is our Micro Patterns set.

Changing the pattern is as easy as clicking on one of those little boxes. Feel free to do so now, and watch as the pattern on your canvas changes.

Now, to load the lace patterns set.

Click on the small arrow on the right side of all the patterns.

6.A menu will pop up that looks like the one here (although the top part of mine is cut off).

The bottom section is all the different pattern sets that you have installed on your computer. Photoshop comes with quite a few sets already.

In order to change to another pattern set, simply click on that set’s name. If you have put your SS-lace-patterns in the proper directory, it should be showing up in your list now. Click on it to select it, then click “Ok” if a box pops up asking you if you want to “Replace current patterns with the patterns from SS-lace-patterns.pat?”

7.You should now be viewing the thumbnails from my Lace Patterns set.

Now to play around with this a bit.

Choose a lace pattern. I’ve chosen the pretty beige one you can see to the right.

Once you click on it, you’ll be back to the “Layer Style” box and should see that pattern on your canvas.

Notice the “Scale” option?

Here’s what that pattern looks like at 100% (its original size).

8.Slide that little arrow to the right and left and see what happens.

See how the pattern gets bigger or smaller?

That’s the beauty of patterns. They are (or should be) seamless, so they will repeat over and over across the entire surface of the layer that you apply them to, and you can make them whatever size you want.

The image on the right shows that same pattern with a scale of 11%.

While you’re still on this screen, you can shift the pattern around, too. Just click anywhere on your canvas, and drag the pointer around. This will move the pattern with it. Try it and see.

If at any point you want to return to its original position, click on the “Snap to Origin” button.

9.That’s all well and good, but what if you like the lace pattern but don’t want it to be pink/peach?

No problem! Remember how your layer was blue? (Or whatever color you made it.) Using the “Blend Mode” option, you can change the way that the current pattern interacts with the layer that you have it applied to.

I changed mine to “Luminosity” and look at what happened!

The different blend modes would be a tutorial in themselves to explain, so I’m just going to say go ahead and change it to each one to try it out and see how it changes on your canvas.

10.Here it is using Vivid Light.

Also notice that I changed the Opacity. That’s another setting that you can play around with. If you barely want the lace pattern to show up, use a lower opacity.

When you have your settings how you want them, click “Ok.”

That’s it! You can now use patterns in Photoshop.

You can apply patterns in a layer style (like we just did) to any layers you want, including text and shapes! (Check out the title of this tutorial above.)

Note: You must be logged in to comment!

78 Responses to Installing Photoshop Patterns Tutorial

  1. Matt says:

    thanks for this info. On a Mac it’s under your hard drive/applications/Adobe Photoshop xx/presets/patterns.

  2. Cygaelle says:

    This has helped me, but when I try to load brushes into Photoshop, it’ll only let me load .PAT files. The patterns I’m trying to download apparently aren’t .PAT files, do you know how I can convert them into that? Or how to allow Photoshop to let me download non-.PAT files?

    • Stephanie says:

      You need to make sure you’re actually on a page that is for patterns, and not brushes. All of my pattern files ARE .PAT files, though. So if you’re downloading the right thing, they’ll work just fine. :)

  3. Leila says:

    Thank you!
    I am using a MAC. Do you have instructions for MAC?

    • Stephanie says:

      It’s the same, except for where you put the file. The file still goes in the same place, though – just subtract the “Program Files” part and replace it with “Applications”. So it’s in your Applications > Photoshop > Presets > Patterns folder.

  4. Kassandra says:

    I can’t seem to get the overlay to show up… HELP

  5. Sam says:

    After getting into the patterns folder there was another sub folder named post script patterns. Should i have extracted the patterns into there or is the patterns folder just fine? I am working with photoshop elements 11. It is a bit different with loading the patterns.I am not sure if it is correct. There is one pattern named grunge when i go to backgrounds. Not sure what the others are named. :/

    • Stephanie says:

      I don’t know much about Photoshop Elements, I’m afraid – it’s been a while since I used it. Patterns SHOULD be fine. You could always start there, and see if they show up. :)

      If it doesn’t show up… then I would look for that grunge file, then, and put it in the same Patterns file, to be safe.

  6. Hi there Dear, are you truly visiting this web site daily,
    if so after that you will without doubt take good know-how.

  7. Stephanie says:

    Thank you so very much for this tutorial and for all the free things you share!!! You have made me so excited to find patterns now to create my own digital paper! Thank you so very much

  8. Pingback: Tips and Tricks: Creating Patterns | GCU Community

  9. Ξιττερ says:

    You must say that you click Edit> Define Pattern and the shape (your pattern) goes to: Edit> Preset manager> Patterns File.

  10. Pingback: Photoshop kolekcija 93 tutorijala - HDonWEB

  11. Carla says:

    Thank you so much for this fantastic tutorial! So clear & easy to follow!

Leave a Reply