How to Add a Border to an Image in Photoshop

How to Add a Border to an Image in Photoshop


Hey everyone, Steve Patterson here from PhotoshopEssentials.com. In this video, I’ll show you how to add
a simple border around your photo with Photoshop! I’ll be using Photoshop CC but any recent
version will work. If you like this video, be sure to subscribe, and let’s get started! Go ahead and open the image you want to place
inside the border. I’ll use this image that I downloaded from
Adobe Stock. If we look in the Layers panel, we see the
image on the Background layer. And we see that the layer is currently locked. We need to unlock the layer so we can add
other layers below it. To unlock it, in Photoshop CC, just click
the lock icon. In CS6 and earlier, press and hold your Alt
key on a Windows PC, or the Option key on a Mac, and double-click. This removes the lock icon and renames the
layer “Layer 0”. To add more space around the image, we’ll
use Photoshop’s Canvas Size command. Go up to the Image menu in the Menu Bar and
choose Canvas Size. In the Canvas Size dialog box, make sure that
the Relative option is checked. And in the Anchor grid, make sure the center
square is selected. This will add the new space equally around
the image. Then, enter the size you need for your border
into the Width and Height fields. Now keep in mind that the size you enter will
be divided equally between both sides of the image. And this is true for both the width and the
height. So if you need a quarter inch border, you’ll
need to set the Width and Height to .5 inches. For a 1 inch border, 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 the Width and Height to twice
that, or 1 inch. Then, click OK to close the dialog box. And here we see the new canvas space 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 made a mistake and chose the wrong
size for your border, you can undo it by going up to the Edit menu and choosing Undo Canvas
Size. Then, you’ll want to re-open the Canvas
Size dialog box by going back to the Image menu and choosing Canvas Size, to try again. To fill the border with color, we’ll use
a Solid Color fill layer. In the Layers panel, click the New Fill or
Adjustment Layer icon. Then choose Solid Color from the list. In the Color Picker, I’ll choose white for
now, but I’ll show you how to change the color in a moment. Click OK to close the Color Picker, and Photoshop
temporarilly fills the entire document with white, blocking the image from view. To fix that, back in the Layers panel, click
and drag the fill layer below the image. And now the color from the fill layer appears
only inside the border. If you want something other than white for
your border, you can choose a different color by double-clicking on the fill layer’s color
swatch. 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, then
my border instantly changes to black. Now you can choose any color you like from
the Color Picker. Or, you can choose a color directly from the
image. Just move your cursor into the image and click
on a color. I’ll choose a light gray from the window
in the background. And again, the border instantly changes to the new color. To accept it, click OK to close the Color
Picker. So now that we’ve added the main border,
let’s add a second, smaller border around the inside of the main one. And to do that, we’ll use a layer effect. Back in the Layers panel, select the image
on the top layer. Then click the Layer Styles icon, or the “fx”
icon, at the bottom, and choose Stroke from the list. In the Layer Style dialog box, I’ll leave
the Stroke color set to black for now, and I’ll make sure that the Position of the
stroke is set to Inside. Then, I’ll increase the size of the stroke
by dragging the Size slider. As you drag, you’ll see the stroke getting
wider around the inside of the main border. If you don’t want black as your stroke color,
you can change it by clicking the color swatch. Then, choose a different color from the Color
Picker. Or, just like we did with the main border,
you can choose a color directly from your image. I’ll click on a color from the background. And the stroke instantly changes to the new
color. When you’re done, click OK to close the
Color Picker. Finally, I’ll finish off the effect by adjusting
the size of the stroke to make it a bit smaller. For my image, a size of around 32 pixels should
work. Then to accept it, I’ll click OK to close
the dialog box. And there we have it! That’s how easy it is to add a border, and even two borders, around
your image with Photoshop! As always, I hope you enjoyed this video. And if you did, please
consider Liking it, Sharing it and Subscribing to my channel to my channel! Visit my website, PhotoshopEssentials.com,
for more tutorials! Thanks for watching, and I’ll see you next
time. I’m Steve Patterson from PhotoshopEssentials.com.

Dereck Turner

22 thoughts on “How to Add a Border to an Image in Photoshop

  1. Mahendra Kumar Sharma says:

    nice

  2. Photoshop Essentials says:

    Hi everyone, Steve here. Thanks for watching this video where I show you how easy it is to add a border around your image with Photoshop. Along with adding the main border, I also show you how to add a second border inside the main one, and how to customize the border by choosing colors directly from your image.
    You'll find my complete written version of this tutorial on my website ( http://bit.ly/photo-border-effect ).
    Don't forget to Subscribe to this channel for more videos ( Subscribe here: http://bit.ly/2ndmlwv ).
    Please leave any questions, comments or suggestions below, and as always, thank you so much for watching!

  3. xpyre says:

    dang this tut is very easy to follow. good job man

  4. Jeanne Sullivan says:

    Thanks SO much, Steve! I can always count on your excellent instruction. 🙂

  5. Clifford Manthey says:

    Last week I did understand making the 1/4 inch border. I was going to ask you about the second border. You must have read my mind while I was traveling back to Fl.! I appreciate the video. Thanks, Cliff

  6. Rodrigo Saito says:

    Thank you!

  7. Supermonkey 1964 says:

    Thank you for showing this in a very easy, concise and well paced tutorial. This is such a common thing you'd think that Adobe would have simply added a BORDER choice by now to instantly just add one, and have Photoshop do all of the work. 🙂

  8. Donna D says:

    Great tutorial. Thanks for being clear and concise and not assuming we know anything about what you're teaching. That's awesome.

  9. Joy Amessoudji says:

    Can you make a double exposure tutorial? My art class would love it!😁✌️

  10. SAMOUL TEAM says:

    Nice

  11. Blach TV / بلاش تيفي says:

    You r the best person who explains tutorials on YouTube in a very easy way. wish u good luck broth

  12. Sandram Pillay says:

    Very good tutorial. Simple and effective. Thanks a lot.

  13. Richard French says:

    This video and way for doing the boarders is the best way by far, so many bad videos using vignette and the select tool.

  14. Mr. James Cagney says:

    you have a very pleasant voice perfect for tutorials

  15. THE SPILL says:

    thank you for this!

  16. Mindy Stewart says:

    Thanks for this!

  17. Harita Rao says:

    Thank you!

  18. dhiman singh says:

    Awesome awesome..thank u so much..

  19. Mi Chanlarn says:

    how to download this video

  20. Ranjit Singh says:

    Hi Steve, many thanks!

  21. Paolo Adriano says:

    clear and clarity perfect tutorial easy to understand and follow!!!

Leave a Reply

Your email address will not be published. Required fields are marked *