Product Usage

I got to work today on the patterns for our latest collection Boho Romance and thought about how great it would be if more people learn about the Photoshop PAT files. In our Etsy shop we get quite often questions like “the last ZIP contains only a PAT file and it is empty when I open it” or “what is this file? It’s not opening”. Unless you’re working extensively with various raster assets in Photoshop, digital papers vs photoshop patterns must sound like Greek to you.

Few years back I didn’t think there is much of a difference too. Until I discovered the ease of the use that PAT files give you. PAT files are files that Adobe Photoshop uses to store installable patterns. And the best part is that you can store your digital papers like that too.

So let’s start by defining “digital papers” – these are usually square formatted JPG files with repeating images like pattern. They are sized at 12×12 inches at 300 dpi. They can also be seamless (tileable) or not.

Photoshop patterns are rectangular images that the program executes as repeat pattern with the most simple type of tiling. Check out the illustration.

So what is the difference and why should you care? Photoshop patterns are gigantic time savers! Imagine you have a piece of text and you want to fill it with flowers. Like the one on the illustration bellow.

Photoshop Patterns

Photoshop Patterns applied to text The first row is just typed with whatever color I had selected. The second row is the same word typed with the same color chosen, but then I applied a pattern overlay. You do that by going to the layers tab (if not open go to Window>Layers), select the text or shape or whatever layer you want to apply the pattern to and go to the Add Layer Style button at the bottom of the Layers tab.

Add Layer Style in Photoshop

A menu will open and you can choose some truly interesting options there, but I will stick to Pattern Overlay. It will open a dialog window for you to choose the pattern you want to apply, it’s blending mode, scaling %, opacity and if you want it aligned as the source pattern to the left upper corner.

Pattern Overlay options

In the small box on the right there is a miserable preview of the tiled pattern. Choose the pattern you want by clicking on the small arrow next to the pattern tile. A drop-down library will open to allow you to browse and choose from the patterns you have installed. Ha! Did you install any patterns? That is why we were giving you these PAT files. To make your life eeeeasy.

Ok, so when you click OK the Pattern Overlay is applied to the layer you selected and that’s it. You can go drink coffee now.

This is the clean way I love to use my patterns in Photoshop. You can’t do that with digital papers.

Actually you can, but you need to turn them to Photoshop patterns first. The digital papers come as JPG files most often. When you open a sheet of digital paper in Photoshop, you can print it the way it is or you can apply it to your design in a number of ways.

The Digital Paper

One way is to type your text and go to File>Place Embedded> choose your paper to import. The paper file is imported as a new layer above the layer with your text. Now select the paper layer, hold the Alt key (Option on Mac) and click between the paper layer and the text layer below it. This creates a clipping mask and the part of your paper that falls outside the text is made invisible.

Create Clipping mask

This is an easy way to apply patterns to shapes and text, but if you have hundreds of patterns ( Or more!) , then you’re going to waste a lot of time looking for them on the hard drive, let alone if they’re not in a single folder. Ask me how I know. Another con to this method is that if you’re text is big and the paper file doesn’t cover it you’ll need to either tile the paper or scale it up. Now scaling up is a no-no for raster when talking about printing. Unless your file is of higher resolution (learn about it here) then I would stay away from scaling up. Tiling is just time consuming. And it won’t work at all if the paper was not designed for tiling i.e. seamless.

Here’s the result of the digital paper clipped to the text. If you want to change the scale, opacity or anything else here you need to apply the changes to the paper layer.

Digital Paper Clipped to the Text

Next time I’ll show you how to make your own PAT files from the digital papers you already have.

Take care 🙂

Hey there and let me explain.

Here are few watercolor clipart elements. Can you tell which one is real watercolor, hand painted digital watercolor, which is traced watercolor turned vector and which is vector with applied watercolor style (done in either Adobe Photoshop or Illustrator)?

The Parrot

So the parrot was hand painted on paper and then scanned and cleaned. After that it was traced in Adobe Illustrator and this is the result. It looks like watercolor. From distance only. If you zoom enough, you’ll see thousands of patch pieces that build it. Each such patch piece has a number of points that mark the curve of the shape and also has fill. At the end the file is heavy and one can super easy see it was traced. The traced clipart I’ve seen so far is worse than the raster original. It would come in a vector file like eps, ai or svg. We don’t sell traced clipart in our shop. If you want you can easily trace it by yourself 🙂 The real parrot is from our Forever collection and is a raster image.

The Frame shape

This sweet summery frame shape is actually a very simple vector shape with a fill. In the program (PS or AI) there is an option to apply a style to your objects. A style consists of various properties like stroke thickness, transparency, effects and so on. A watercolor style usually means that the object gets a look of watercolor. The style is often made of real scanned paper with watercolor paint on it and is a great way to treat text. As you see, it works on shapes too 🙂

To me this frame looks like cut out of watercolor painted paper and is a nice clipart element with good quality. This frame, even though originally a vector element is finally turned to either jpg or png. Not getting into too much detail on this. If you’re curious, let me know and I’ll do a post about it. Here you can see more similar frames.

The Rose

The rose, my beauty, is real watercolor painted on paper. It is then scanned and cleaned to be used as an element. Rich and deep color with distinctive edges of the petals. It is a lovely element and honestly, I don’t think I can make it like this in any other technique. Of course the rose would come as either jpg or png element. Actually it does, with a bunch of other roses and a cute kitten in the Purfect Ginger kit.

The Mermaid

Last on the list is the mermaid. Hand painted created in purely digital environment. From the pencil sketch to the last scale on her tale – digital. It was painted on a Cintiq tablet and I could’ve painted 5 more with real paint for the same time. Nice to play with though. The mermaid is painted on layers, so it can come as layered PSD (why would you need that?!) jpg or png. This sweets fish-gal is from Under The Sea turquoise set.

At the end of the day

what this means to you as a watercolor clipart user? it means you can use all of them if they’re to your liking. It’s a good idea to know the details of what you purchase so you know what to expect. There is slight difference between the last 3, but an eye not trained would not tell there is. I would personally stay away from mixing digital and real watercolor clipart.

Here’s a tip

Most illustrators design their clipart collections with a color scheme in mind and the elements are designed to work together. If you stick to a single collection or same artist, most likely your final design will have a consistent feel.

Seamless Digital Papers vs Photoshop Patterns