Lesson 29: Using, Creating, and Downloading Patterns

Tonight I was working on a logo for the school I work at, and found the need to create my own pattern. I don't think I've given patterns much attention on this blog, for all they were one of the first things I learned to do when I started digital scrapbooking. Before I knew about kits and used them, I used patterns to give depth to flat surfaces when I created my wedding invitation, and also my wedding book. Patterns are a great way to make something pop a little bit, and they can be used in my diverse ways. These are some pages from my first two books, both of which were done without kits. I used patterns on the all the backgrounds for the pages.

Let's do a quick practice.

1. Open Photoshop and use your shape tool to draw any shape in any color.
2. Double click on your layer to get into the Layer Styles menu. On the list, check the Pattern Overlay box. You will see your shape take on the first pattern that is the default.
3. Click on the word "Overlay" from the list to bring up it's detailed menu.
4. Click on the down arrow and choose a pattern from the list.
5. Play with the different Opacity and Scale options

You have now used a pattern. There are a lot of other patterns to choose from. If you click on the small black arrow, as shown above, it gives you a long list. Here you can load patterns you've downloaded, but you can also add patterns that come with Photoshop but won't show up unless you add them. At the bottom of the menu (it's cut off in the picture) you will see a list of patterns with names like artists surfaces, nature, rock patterns, etc. You may want to click on each one to append them to your list so you can explore those as well.

Downloading Patterns

Can you get more patterns? I do it all the time! I often do searches for Photoshop .pat files. Here is a site where you can download some basic seamless patterns, to practice this tutorial. Click on the red download button.

When it prompts you where to save it, you will want to be very specific. I have actually created a "patterns" file in my Digital Scrapbooking folder. Any time I download a pattern, I put it there. Once I direct Photoshop to it in my Layer Styles menu, it will always go there automatically unless I change it.

This particular file is a .zip file so you will need to unzip it before you can use it.

Once you have downloaded and unzipped it, go back into Photoshop and into the layer styles menu as we did before. Click on the pull down menu and then the black arrow, as shown in the picture above. Click on "load patterns" and find the file you just saved.

Now when you scroll down, it will show the new patterns you just acquired.

Creating Patterns

Creating your own patterns is actually ridiculously easy. I did this today. I wanted the background to have floating clouds sort of greyed out and hazy, like watermark. So I found a picture of what I wanted and turned it into a pattern. I was then able to put it into my shape and change the opacity and scale as I needed it.

First, pull up the artwork you would like to use. You can create it yourself, or as in my case, just use a photo or a repeating image from online. Any texture file will do.

Go to Edit>Define Pattern. Give it a name.

Now go to you layer styles menu as we already have done and pull down the arrow to show your patterns. At the very bottom you should now have another pattern--the one you just added! It's that easy!

Changing Blending Modes

One little tip as you are playing with patterns is to pay attention to your blending mode. This is especially true if you want to have both a gradient and a pattern on the same shape.

I don't profess to me a master of blending modes, and I only use a few of them for different reasons. But here's just a few tips:

Overlay: If you would like to use both a gradient and a pattern, set the blending mode ON THE GRADIENT to Overlay. This will ensure that you can see both the pattern and your gradient.

Also, if you change the blending mode on your pattern to Overlay, it also changes the look to be more transparent and let the color of your shape shine through better.

The others on the list you will have to test out and see what they do. The only other ones I use a lot are hard light, vivid light, and sometimes multiply. This is not because the others aren't useful, it's just that I have a lot to learn myself!

Here is the finished logo that I created tonight. I ended up using a lot of patterns. The trees have one of the default nature patterns added, the maroon background has a sky pattern that I created, and the wood outer border is from a pattern that I downloaded!

Lesson 25: Simple Techniques for Creating Elements & Papers

First and foremost, let me be clear: I AM NOT A DESIGNER. Most of the stuff in a kit is completely beyond me how they do it. I have no ambitions to become a designer. But the more I learn about scrapbooking the more I pick up here and there about how certain elements and papers are created. Although I don't use this knowledge to create kits, I often use it to add to a kit if there's something I need that isn't there. It seems like lately I've done several pages that I added a few elements to, so I thought I'd do a lesson on some of the techniques I've used. Again, this is basic--true designers would probably scoff at my methods and call me an amatuer--and they are absolutely right. But for the beginner or moderate digital scrapbooker, these tips might just prove useful!

First, here's a page I just completed on the zoo.

Textures

I haven't really mentioned the use of Textures in this blog, though I have used them many times. I like textures because they are cheap to buy, simple to use, and very versatile. However, I don't own many. I haven't really needed to, since I am not in the business of creating kits. Most of the textures I have I got from Atomic Cupcake--you can find them here. I don't own all of these textures, but the ones I've used the most are Corderoy and Leather.

A texture is just that--it's like a regular paper from a kit, only it's gray and textured and boring to look at. You can add the texture to anything from lettering to other papers, but I usually add it to a shape. In the page above, I added it to the dark yellow/brown background. Here's how I did it:

1. Draw a shape the size you want. Rasterize it. (right click on the layer, choose rasterize)
2. Pull in the texture as you would a regular paper or picture. Make sure it's layer is ON TOP of your shape layer.
3. On the layer panel, double click on the TEXTURE layer. This will open the layer style menu. On the blending options menu, pull it down and choose Hard Light. Or you can choose Soft Light, depending on your preference.
4. Now your texture is sort of see-through, and you can see the color of your shape through it. But they are still seperate layers. I usually merge the layers together to make it one paper.

Actions & Borders

I'm grouping these two together because I feel that I have already covered them rather extensively in previous lessons: Lesson 10: Using Actions, and Lesson 14: Picture Borders. Actions are pretty essential for making your own elements. In fact, many times I will purchase a kit and can totally tell that some of the elements were made using Atomic Cupcake actions that I already own.  I used actions in the above page to create the torn paper look. Torn paper is the first action I ever purchased, and I've used it enough times to buy it ten times over. There will be more about actions and how I used them throughout the rest of this post.

As for borders, I used this technique quite a bit on my zoo page. First I created a separate layer border by using the technique described in the lesson 14 tutorial--ctrl+clicking the layer, adding a new layer, doing Edit, Stroke, and then copying and pasting the layer onto the paper I want. This gives me a separate layer border made from the paper of my choosing. (If this is confusing to you, you'll need to follow the Lesson 14 tutorial, which explains in more detail and has a free video.) Then I just did the same process again to add the yellow border lines--on both the picture borders and the ribbons. I once again did CTRL+Click on the border I just made, added a layer, did edit, stroke, and made a thin stroke in that yellow color. After that I just added the default bevel and shadow and done!

I love creating my own borders because I can customize them to the exact size I need, rather than relying on a pre-set size in a pre-made kit.

Here's another page I did recently with only limited use of kits--I LOVE this page!

For this one I made my own papers. I scanned in the material we used to create the bedding for my baby nursery. That was easy enough. I used the corderoy texture from Atomic Cupcake to create the red and green vertical ribons. The polka dot ribbon is also from a scan of the material we used, and the bow is using an awesome template from Atomic Cupcake. This brings me to another way of making Elements:

Element Templates

Again, another shameful plug for Atomic Cupcake. I don't know if other sites have created things like this, but I absolutely love the ones from this site and have used them multiple times. There are templates for bows, knots, ricrac, flowers, etc. You can find their selection here. Using them is simple.

1. Unzip the file. Open up the template--it's just a .psd file with several layers.
2. Pull in the paper you would like to use.
3. Place the paper where indicated in the layers, and the template automatically changes to that paper.
4. Just do CTRL+E and now it's all one layer and ready to drag into your page.

So this is how I created the bow in my sewing page. So easy and so cute!

I also used a lot of actions in it--I used the Fabric action from Atomic Cupcake to create the white background. I used the Stitching action to create the stitched border around the bottom three pictures--that another action I highly reccommend if you can afford to only buy a few.
I used the Frayed Fabric action to create the edging on the bottom pictures. I actually just used the rectangular marquee tool to draw a box smaller than the actual picture, then did Select, Inverse to select the OUTSIDE of the box. Then I copied and pasted, creating a new border made from my actual picture. Then I ran the action on that border. I know, sounds complicated. But it wasn't a big deal!

Recoloring

Of course, another simple method is to recolor elements from other kits to match your scheme. I did this on the sewing page as well--the kit I used was from Two Peas in a Bucket, called Sew Glad We're Friends by Chrissy W Digital. But her kit used purples and pinks, and I needed reds and greens. So I just recolored the pins and the measuring tape to what I wanted. There are several methods to recoloring, which I think I've mentioned on this blog before:

Image>Adjustment>Color Balance

This allows you to remove or add more colors into an element--and on three levels: Shadows, Midtones, and Highlights. It gives you a lot of control in what color is added and how much. When I first started using Photoshop, I used this a lot. I actually don't use it that much now, though it IS the method I used to recolor the yellow paper in my zoo page.


Image>Adjustment>Hue/Saturation

I use this one a lot more. You can change the hue all together--sometimes it helps to select the "Colorize" option in the lower right-hand corner to give you fuller range of color. Then you can also use the "Saturation" toggle to change how bright the color is. Usually this tool is enough for me to re-color an object. It's the one I use the most.








Image>Adjustment>Match Color

This one is also quite useful. I'm not going to give a full explantion of it here, as I have a quick-tip that will take you through it step by step. You can find it here: Match Color. But basically, you pull up one element or paper you want to change, and match it to another paper that is the color you want. Very useful, and I use it all the time!

Well, here's one more page I've done recently, this one entirely without kits:

This one uses a lot of the same techniques I've already mentined above. I used a polka dot texture I found online as a free download to do the paper. The white background is just a white shape with the Light Crumple action from Atomic Cupcake. The yellow ribbon is just using the texture and adding a bevel and shadow. My last method I've already mentioned, and it's quite simple and obvious:

Using your Scanner & the Eyedropper Tool

If you have a scanner, don't be afraid to use it to scan in material, dresses, etc. Note: I wouldn't suggest this method if you are creating a kit for the use of others, since you can run into copyright issues. But for this page, I scanned in parts of the dress my daughter wore, and then just cut what I needed, or used it to help me get the right colors for the other elements. The little yellow butterflies are right off of her dress. I just cut out the background. I then used the eyedropper tool to match the color. Just choose that tool, then click on anything and it will put that color in your color picker.

The rest of the page I used various actions to create the elements, such as the little yellow flowers (embroidery action) and the large box behind "TWO." (epoxy.)

 

Well, there you have it. I DID say they were simple. Again, this is the amatuer way to do it, and I am no designer, but I'm sure there are many of you out there that will find these techniques as useful as I have!