How to put a border around an image in photoshop?

Hello Friends 👋,

Welcome To aGuideHub! ❤️

Table of contents

  • Zoom out to make room for the border.
  • Unlock the Background layer.
  • Open the Canvas Size dialog box.
  • Add more canvas around the photo.
  • Add a Solid Color fill layer.
  • Choose white for the color of the photo border.
  • Select “Layer 0”.
  • Add a Stroke layer style.

Let’s start with the first step:

How to add images in photoshop?

Step 1: Zoom out to make room for the border.

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

border, image

Step 2: Unlock the Background layer.

We need to unlock the Background layer so we can add other layers below it. To unlock it, in Photoshop CC, just click the lock icon. In CS6 or earlier, press and hold the Alt (Win) / Option (Mac) key on your keyboard and double-click. This removes the lock icon and renames the layer to “Layer 0”.

background lock

Step 3: Open the Canvas Size dialog box.

To add more canvas space around the image, go up to the Image menu in the Menu Bar and choose Canvas Size:

gotoimagemenu

Step 4: Add more canvas around the photo.

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.

In my case, I want a half-inch border, so I’ll set both the Width and Height to twice that amount, or 3 inch:

canvas-size

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:

transparency image

How to undo the canvas size and try again

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

undocanvassize

Step 5: Add a Solid Color fill layer.

To fill the border with a color, we’ll use one of Photoshop’s Solid Color fill layers. In the Layers panel, click the New Fill or Adjustment Layer icon at the bottom.

adjustmentlayer

And then choose Solid Color from the list:

solidcolor

Step 6: Choose red for the color of the photo border.

In the Color Picker, choose the color you want for your border. I’ll choose red for now, but I’ll show you how to change the color in a moment, Click OK when you’re done to close the Color Picker.

colorpicker

Step 7: Change the border color.

If you want something other than white, you can choose a different color for your border by double-clicking on the fill layer’s color swatch.

blackborder

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.

Adding a smaller border inside the main border

Now that we’ve added the main border, let’s add a second, smaller border inside the main one. And we’ll do that using a layer effect.

Step 8: Select “Layer 0”.

In the Layers panel, select the image on “Layer 0”

selectlayer

Step 9: Add a Stroke layer style.

Then click the Layer Styles icon (the “fx” icon)

layerstyle

And choose Stroke from the list

stroke

In the Layer Style dialog box, leave the stroke color set to black for now, and make sure that the Position is set to Inside. Then, increase the width of the stroke by dragging the Size slider. As you drag, you’ll see the size of the stroke increasing around the inside of the main border.

strokelayerstyle

And here’s my final result

finalimage

Thanks for reading…

Follow me on Twitter