How To Install & Use The Photoshop Frames & Borders Free Brush Set

Download the Frames & Borders Free Brush Set (zip/6.5MB)



This tutorial will walk you through installing and using the Frames & Borders Free Brush Set (zip/6.5MB) by Stephanie of Obsidian Dawn. It also includes tips on using specific brushes from the set to insure that they come out their best!



You'll find a description of each of the 28 brushes at the end of this tutorial.



If you are familiar with how to install and use Photoshop brushes already, skip down to the "Using the Brushes" section.



Extracting the ZIP file

After downloading the brush set, place the ZIP file anywhere on your computer where it will be easily found, such as your desktop. Using your extraction utility of choice (Windows comes with one now - just double click on the file), extract the SS-frames.abr file into your Program Files > Adobe > Photoshop (whatever version you are using) > Presets > Brushes folder.



Loading the Brush Set

Open Photoshop. If you already had it open just now, the brushes will not automatically show up until you close and re-open the program, so go ahead and do so now. To be sure that your tools palette is visible, click on "Window" in the top menu and make sure that "Tools" has a checkmark next to it. If it doesn't, click it. In your tools palette, click on the Brush tool.



Once you've done so, you'll see a small menu of brush tool options located just below the top menu. Right next to the thumbnail of the current brush that you have selected, there is a small down arrow. Click that to open the brush preset picker.



In this dropdown menu, you will see all of the brushes that are a part of your currently selected brush set. On the far upper right-hand corner, there is a small arrow. Click it.



You are now viewing, among other things, all of the brush sets that are installed on your computer. They are listed just below the section where you can "Save Brushes..." and "Replace Brushes..." etc. The name of this brush set is "SS-frames" so go ahead and look for that, then select it by clicking on it. Photoshop will ask you if you wish to "Replace current brushes with the brushes from SS-frames.abr?"



Click "OK," and now you should see some very different thumbnails in the brush preset picker. Those are the frames brushes! You've successfully loaded the brush set. If you don't see "SS-frames" among the listed brush sets available, then you didn't extract the ABR file into the right directory.



Using the Brushes

Using a Photoshop brush is as easy as clicking on your canvas with the brush selected. But these were made to frame images or photos, so there's a bit more to it than that. Let's start with a fresh canvas. Under the top menu, choose File > New. Make the width and height both 800 pixels, the resolution 72 pixels/inch (should be default), the color mode RGB, and the background contents white.



We need a photo to frame! So, on the top menu choose File > Open and find the photo that you would like to put a border around. Choose "Ok" once you've found it to open it within Photoshop. Under the top menu, choose Image > Image Size. If the width/height are below 600 pixels or so, you don't need to change anything. Just hit "Ok." If the photo is larger than that, however, we need to size it down just a bit. Change the width (or height, whichever is larger) to 600 pixels, and choose "Ok."



Now hit CTRL-A (Mac: Cmd-A) to "select all," then CTRL-C (Mac: Cmd-C) to copy. Now hit CTRL-Tab (Mac: Cmd-Tab) to switch back to the other file that we just made, and CTRL-V (Mac: Cmd-V) to paste. This should paste your photo into the middle of the white canvas that we created.



To frame this photo with one of the brushes from the frames set, we're going to want to ensure that this brush is on its own layer. To do that, under the top menu click Window and be sure that "Layers" has a checkmark next to it. If it doesn't, click on it.



Your layers palette should now look something like the image on the right.



To create a new layer for the brush, click on the "Create a New Layer" button at the bottom of the layers palette. It is the icon that looks like a page with the lower left corner turned up, and should be just to the left of the garbage can icon. You can see my icon hovering over it in this screenshot.



By default, this layer should be called "Layer 3" or somesuch. But let's rename it. Right click on this new layer in the layers palette and choose "Layer Properties.." When Photoshop asks you to, name it "Brush" and hit "OK." While we're at it, let's name the layer with the photo on it, too. Right click on that layer and choose layer properties, then name it "Photo" and hit "Ok." We want to be working on our brush layer right now, however, so left click on that layer once to select it.



On the tools palette, make sure that you still have the brush tool selected. Click on the small arrow to the right of the brush thumbnail, located just under the main menu at the top of the Photoshop window (just like we did earlier when we were loading the brushes). Look through the frames brushes and decide which one you'd like to use.



My photo is longer horizontally than vertically, so I chose one of the wider brushes that was made to fit a landscape photo. (Please note, most of these brushes will work just as well for horizontal or vertical photos - I will go on to explain later how you can rotate the brush to work for either.)



The brush that I am using is called "rope-square," and it is made to look like a rope. Once you have selected your brush, you need to find the right size. You can slide the arrow at the top of the brush preset picker window to the right or left, or you can click within the text box and enter a numeric value.



You want to make sure that the inner edge of the brush will cover the entire photo. To see your brush size in relation to your photo, while you are choosing brushes and sizes, you can hover your mouse over the photo and Photoshop will show you an outline of what area the brush will cover. See the outline of the brush below?



Once you've selected your brush size, you need to choose your color. For the brush itself, we're going to use black. Why? Well, most of the brushes in this pack will have some sort of transparent area, if you were to just click once on the canvas to frame the photo. We don't want any transparency, though. We don't want to see parts of the photo beneath the brush - not in most cases, anyway!



So we're going to have a layer where we apply the brush to frame the photo, and then we're going to have a layer beneath that adds any colors that we want to have, as well as taking away that transparency.



So, choose black as your foreground color on the bottom of your tools palette.



Move your mouse over the canvas until you're sure that the inner edge of the brush is covering the portion of the photo that you wish to frame, then left click once.



The frame that you chose should appear on the canvas. In the case of the rope border that I'm using, the brush is extremely transparent, as you can see. But the next step will fix that.



In the tools palette, choose the "Magic Wand Tool." It looks like the image on the left.



Make sure that your "Brush" layer is still active in your layers palette by left clicking on it. Back on the canvas, click in the middle of the border.



This should select the space in the middle of the frames brush. Holding SHIFT, click outside the border. By holding shift, you are adding to the current selection, so you should now have inside and outside of the frame selected. Everything but the frame itself, in other words. Like this.



In the top menu, click on Select > Inverse. Or, the shortcut for this is SHIFT-CTRL-I (Mac: Cmd-Shift-I). Now instead of having all of the area outside the frame selected, you have the frame itself selected.



We want to make sure that there's no color poking out around the edges of our brush, though, so let's click Select > Modify > Contract on the top menu, and choose 1 pixel. Hit "Ok." This changes our selection area so that it's smaller on all edges by 1 pixel.



On the tools palette, select the "Paint Bucket Tool." On the layers palette, click on the "Photo" layer. Click on the "Create a New Layer" button at the bottom of the layers palette again, just like we did earlier.



Now right click on this layer and choose "Layer Properties" - name it "Color" and click "OK." Your layers palette should now look something like the image on the right.



Using the color of your choosing (in this case, a nice medium brown), click within the selected area on the canvas. This should fill in the brush area with color and take away any transparency that there was previously. CTRL-D (Mac: Cmd-D) to deselect the area that you had previously selected, so you can get a better look at your border. You will still likely have areas of the photo that are poking out around the edges of the frame. Don't worry, we'll fix those next!



In the tools palette, select the "Magic Wand Tool" once again. Making sure that the "Colors" layer is active (click on it in the layers palette), click once somewhere in the middle of the border area. You should now have all of the space in the middle of the border selected, where the photo is.



On the top menu, click Select > Modify > Expand and choose 1 pixel. Now click SHIFT-CTRL-I (Mac: Cmd-Shift-I) to inverse the selection. In the layers palette, click on your "Photo" layer to select it. Hit DELETE to remove the edges of the photograph that are sticking out beyond the frame. CTRL-D (Mac: Cmd-D) to deselect.



Voila! You now have a border around your photo.



If you want to play around with how the border looks, you can change the Opacity of the Brush layer (in the layers palette, upper right) or change the Hue/Saturation of the Color layer (Image > Adjustments > Hue/Saturation). You can also apply various layer styles like a drop shadow, a color gradient, or a pattern to the "Color" layer (on the bottom of the layers palette, the "Add a Layer Style" button looks like an "f" inside a darker circle - that's where you'll find all these options).



If your color is still sticking out a bit from beneath the Brush layer, select the magic wand tool and click on the canvas somewhere within the colored area itself. Click SHIFT-CTRL-I (Mac: Cmd-Shift-I) to inverse the selection. Choose Select > Modify > Expand and choose 1 pixel. Then hit DELETE. CTRL-D (Mac: Cmd-D) to deselect and get a better look at it. Keep doing this until there is no more color sticking out, expanding by 1 pixel each time. You shouldn't even have to do it once, but each brush is different and this explains how to fix it "just in case."



Is the border that you want to use taller than it is wide and your photo is just the opposite? No problem! Most of these borders can be rotated and still work (except for the archway). Follow the steps exactly as they are written above, but just after you click once on the canvas to use the brush, click on Edit > Transform > 90° CW. Then continue on with the tutorial.