Adobe Photoshop 7.0 Photo Border

[Brittany Bhadd]

Photoborders are a great way to add a sense of class and elegance to an image. And adding a border is easy once you know the steps. We'll start by adding more space around the image using Photoshop's Canvas Size command. Then, to create the border, we'll fill the space with color using a Solid Color fill layer. You'll learn how to choose a color for the border from the Color Picker, and how to blend the border with your photo by choosing a color directly from the image itself!

For this tutorial, I'm using Photoshop CC but any recent version of Photoshop will work. You can also follow along with my video of this tutorial on our YouTube channel. Or download this tutorial as a print-ready PDF!

To create the photo border, we'll be adding more canvas space around the image. So lets give ourselves more room to work by zooming out. To zoom out from your keyboard, press and hold the Ctrl key on a Windows PC, or the Command key on a Mac, and press the minus key. This gives us more room to see the border:

In the Canvas Size dialog box, make sure that the Relative option is checked. And then, in the Anchor grid, make sure that the center square is selected. This will add the new canvas space equally around the image:

Then, enter the size you need for your photo border into the Width and Height fields. Keep in mind that the value you enter will be divided equally between both sides. And that's true for both the width and the height. So if you want a quarter-inch border around the image, you'll actually want to enter 0.5 inches for the Width and Height. For a 1-inch border, you'll need to enter 2 inches. In other words, whatever size you need, enter twice that amount.

Then, to add the canvas space, click OK to close the dialog box. And here we see the new canvas around the image. The checkerboard pattern means that the space is currently filled with transparency, but we'll add color to it next:

If you chose the wrong size for your border, you can undo it by going up to the Edit menu and choosing Undo Canvas Size. Then re-open the Canvas Size dialog box (go to Image > Canvas Size) and try again:

This re-opens the Color Picker where you can choose something different. And as you try different colors, you'll see a live preview of the new color around the image. So if I choose black instead of white:

You can choose any color you like from the Color Picker. Or, you can choose a color directly from the image itself. Just move your cursor into the image and click on the color you need. I'll choose a light gray from the window in the background:

Finally, I'll finish off the effect by adjusting the Size slider to fine-tune the thickness of the stroke. I'm using a fairly large image here so I'll go with a Size value of around 32px. Then to accept it, I'll click OK to close the Layer Style dialog box:

And there we have it! That's how easy it is to add a border around your photos with Photoshop! For more photo border effects, check out my drop shadow photo border and my picture frame tutorials, as well as my tutorial on how to create a painted edges border. Or visit my Photo Effects section for more tutorials! And don't forget, all of our tutorials are now available to download as PDFs!

Hi guys, I'm using photoshop to create files in which my artwork is displayed in stock images... in other words I buy stock images of living rooms and create images in which my paintings are then added to the stock image via photoshop. I'm good with adding shadows in order to make the paintings look more at home in the stock images but I can't figure out how to add a border / frame to my paintings. Any ideas or suggestions would be much appreciated!! thanks so much

Picture frame was introduced a few versions ago. But is still after CS6 (creative cloud). If I recall picture frame like trees and flames require the GPU to render. I could be wrong, but that is my thinking.

I've noticed that when I download an Adobe Stock Photo there is a 1px transparent border around it and I can't get rid of it no matter what I do. If I create a new file with like a 1200x628 canvas and place the photo embedded and resize it to fit there is no transparent border, but if I open the image directly and resize it there is a 1px border. The border does not go away even if I make the canvas 1200x628 and have the image larger than the canvas. This is definitely some form of document-enforced border and has nothing to do with the photo or the resizing method. Does anyone know how I can get rid of this?

Just to illustrate here is a photo that I opened from photoshop, double clicked the background to convert it to a layer, then added a new layer on top and filled it with a solid color. You can see the transparent border on the canvas.

Because if it's JPEG, it cannot contain any transparency at all, something else is happening. Also, you say that if you enlarge the image, the border stays in the same place - no image format could do that because of something in the image.

Please see the attached screenshot where I have shown how the photo has been extended in size past the width of the canvas, and the border is still visible. If the border was part of the photo, surely it would disappear once the photo is zoomed in and expanded past the dimensions of the canvas. This is what makes me think it is somehow part of the canvas and not the photo itself. I have also attached the photo in question.

But note that if you resample a floating layer, you will get a real transparent edge, because the area outside the frame is calculated into the resampling. I'm open to calling that a bug, it's difficult to see where this is desired. Anyway, flattening prevents it.

If you want to add borders or mats to any photo, you can do so with Photoshop. Although ImageFramer has hundreds of designs available at your fingertips, we are going to provide you with a tutorial that shows you how to create a border in Photoshop.

Navigate to Image > Canvas Size and add the desired amount of pixels that will appear around the outside of your photo. Note: Make sure the Relative box is checked and the Anchor is set to the center square.

Thank you for taking the time to participate in one of our tutorials. Did you know that you can make this same border in ImageFramer? ImageFramer specializes in borders and frames, which makes it the perfect app for creating designs like this. View the tutorial and learn how to quickly create custom borders with ImageFramer.

I'm not sure what setting or anything has caused this, but when I resize an image in Image > Image Size, the resized image gets semi-transparent 1px border! There seem no obvious settings to cause something like this.

If you take a 500px square image of red (no other layers and where the red layer is NOT locked as background layer) reduce it to 100px, the transparency is there when using bicubic resampling, but does not happen when using nearest neighbor.

In short, Layers seem to sample from outside the canvas when resized, therefore introducing transparency to the border pixels, but Background Layers don't suffer from this artifact.

You can convert a single Layer to a Background Layer by selecting it and going to Layer > New > Background from Layer or you can convert multiple Layers into a Background Layer by going to Layer > Flatten Image.

If the photo is important, I combine two images: 1, an image downsampled using the bilinear method, and 2 (on top), the same image reduced using bicubic sharper. That gives me a better photo, with only the edge pixels from the lesser reduction method. (First downsample with the bilinear method, copy the result, then go to history and return to the full-sized image, then downsample using bicubic sharper. To finish, paste the copied first image below the second. Then flatten the image or go to File > Save for web.

The best solution I have found for this is to use the old Bilinear sampling method when I need to resize and avoid the 1 pixel semi-transparent border. You can find it under Image > Image Size > Resample: (select Bilinear). It doesn't resample quite as nicely as the Bicubic method, but I find it's good enough and it does solve the problem.

I Don't know why it works but I found that converting the item in question to a smart object first then doing the resize (and you can rasterize the layer after if you want) it will not convert semi transparent pixels to grey but preserve the transparency instead. Try it out!

Solid borders are borders with straight lines that go around each side of your photo. Imagine a photographic print that is framed with a mat. In Photoshop, you can create a solid border around your picture as though it were framed with a mat. A white border or a black border will have this appearance.

Solid borders come in traditional square and rectangle shapes, but they can also be manipulated to feature rounded corners for a less geometric look. Rounded corners look great on all kinds of photos!

Perhaps you want to add a polaroid frame to a portrait of your family. Maybe you want to create a custom border for your landscape photography photo. Whatever the case may be, this tutorial is for you.

To flatten layers in Photoshop CS or CC, select all active layers in the Layers panel at the bottom right-hand side of the workspace. Then, right-click and select Flatten Image from the drop-down menu that appears.

With this set of tools, you will be able to easily frame, resize and watermark your artwork in style. A key goal of FAB Tools in addition to resizing and framing your art is to shift your image up within its frame to provide visual balance as well as create space to add text-based and graphical Watermarks with ultimate positioning freedom.

3a8082e126