As we all know Photoshop is a very versatile tool for editing pictures and graphics. In Photoshop, you can easily place a border or frame around your photographs to enhance aesthetic appeal. There are many different appearances you may obtain depending on the type of border you choose to apply to your photographs.
In Photoshop we can add different types of Borders or you can say Frames to our Images as well as we can create our own border to use in any Image.
In this article, I’m going to show you how to add a border in Photoshop and it could be how to create Gradient borders, how to create Pattern borders, or any other design border.
So, Let’s Go For It!
How to add Borders to Whole Image In Photoshop
Adding a Solid Color Border
You can make a border around your photographs in Photoshop in two methods. After you’ve grasped these principles, you may add gradients, patterns, and artistic components to the borders.
Because you will be putting a stroke around your image, the first way of creating a border will cover sections of it. When you don’t want to adjust the size of your canvas, this strategy will come in handy.
- To begin, drag your background layer to the “Create a new layer” icon at the bottom of the Layers panel and click and drag it there.
- Or you can Press Control + J (Windows) or Command + J (Mac) as a shortcut keyboard.
- Click on the eye icon to hide the original background layer.
- Then go to Edit > Stroke to open the Stroke panel after selecting the duplicated layer.
- Enter a number in the Width box in the Stroke window to determine how broad you want the border to be.
- You can select a solid color by double-clicking on the Color box.
- Your image will be surrounded by a solid-colored border once you select OK.
If you don’t want to cut into your image at all, simply expand the size of your canvas and use the extra space for the border.
To increase the size of your canvas:
- Go to Image > Canvas Size or press Alt + Control + C (Windows) or Option + Command + C (Mac).
- To ensure that the extra canvas space is created uniformly around the photo, make sure the anchor block shows arrows going to each side of the image. Then increase the canvas size by an equal amount of pixels in both width and height.
- By choosing the drop-down box next to Canvas Extension Color at the bottom of the window, you may choose your border color. Choose a color from the Color Picker by selecting “Other.”
- If you select OK, your border will be added to your image without cropping any areas of it.
- Note: If canvas Extension Color is disabled, Click OK and just create a solid adjustment color Layer below the image layer to add color to the background.
Keep in mind that because you stretched the canvas to suit the border, your image will now be larger.
Adding a Gradient Border
Now after we’ve learned how to create a solid color border, let’s just make it more interesting by adding a Gradient to the Border.
- To start, create a copy of your background layer by selecting the layer then click and drag the layer to the “Create a new layer” icon at the bottom of the Layers panel. You can also use the shortcut Control + J (Windows) or Command + J (Mac).
- Click on the copied layer to select it, then click on the “Add a layer style” icon at the bottom of the Layers panel. Choose Stroke to add the border. Or you can go to Blending Options and select Layer style.
- Once the Layer Style window opens, you can change the various elements of the border. Select how wide you would like the border to be with the size slider.
- In the same window select the drop-down list next to Fill Type and choose Gradient.
- Once selected, more options will become available for you to customize the gradient to your preferences.
Once you have set the gradient options, select OK and you will have a gradient border around your image.
Adding a Patterned Border
Now after we’ve learned how to create a solid color border, let’s just make it more interesting by adding a Pattern to the Border.
- To add a patterned border, duplicate your image layer by selecting it and dragging the background layer to the Layers panel’s “Create a new layer” icon.
- Control + J (Windows) or Command + J (Mac) is the shortcut.
- Make sure the correct layer is chosen, then go to the Layers panel’s bottom and click the “Add a layer style” icon.
- To add the patterned border, choose “Stroke.”
- With the size slider in the Layer Style window, you can choose how wide you want the border to be.
- In the Layer Style box, select Pattern from the drop-down list next to Fill Type.
- Pattern choices will appear after you’ve picked it, allowing you to select and change the pattern you want to use.
You’ll have a patterned border around your image once you’ve set your options and clicked OK.
How to add Border to a Selection In Photoshop
You may wish to add a border to an element within your image in some cases. Use this technique to give certain objects in your image a framed look, such as items on a wall.
You may quickly draw a border around a selection, but don’t forget to duplicate your image layer in case you don’t like the results.
- Begin by selecting an item from your photograph to use as a border.
- Any of the fast selection or marquee tools can be used. Both of these items can be found on the left-hand side of your workspace’s toolbar.
- In this example, I’ve selected one of the rectangular items on the wall with the object selection tool.
- To use this tool, simply move your mouse over the item you want to choose, and it will make a selection based on the geometry of the object.
- After you’ve selected the object, go to Edit > Stroke to bring up the Stroke window.
- Select the width and color of the border you want, then click OK.
- Deselect the region by going to Select > Deselect or pressing Control + D (Windows) or Command + D (Mac) on the keyboard (Mac).
The object you selected will now have a border around it.
- After selecting the object what you can also do is Press Ctrl + J or Command + J to duplicate the Object in a new layer.
- Then right-click on the Object layer and press a Layer Styles.
- From there you can add a Stroke to the Object and this time you can add any style to your Stroke like a Border or Pattern.
Making Your Own Border
Now, what if we wanted to make our own Border to use on Images.
- For that create a solid border around your image to begin.
- To do so, go to Edit > Stroke and select your preferred color and width. To apply the border, select OK.
- Next, make a selection around your border so that the effects are only applied to the border. To do so, go to the toolbar and pick the rectangular marquee tool, or press M on the keyboard to use the shortcut.
- Draw the rectangle marquee on the inside of the border so that only the image, not the border, is selected.
- Then, go to Select > Inverse or use the shortcut Shift + Control + I (Windows) or Shift + Command + I (Mac) to invert the selection (Mac).
- Because the selection now just encompasses the boundary, any effects you apply will only have an impact on the border.
- Simply press B on your keyboard or select the brush tool from your toolbar. By using the drop-down menu on the settings bar, you can change the brush style.
- You can make your border in any design you choose.
- On the top options bar, after you’ve chosen your brush style, you can adjust the opacity and blend mode.
- To produce a distinctive effect, use the brush on portions of the border once you’ve achieved your preferred settings.
- When you’re done, go to Select > Deselect or use the shortcut Control + D (Windows) or Command + D (Mac) to deselect (Mac).
Your image will now have a distinctive and unique custom border.
Conclusion | How to add a Border in Photoshop
As we’ve learned different techniques to make a border in Photoshop, we just have to remember the main concept of creating a border then we can use any style and pattern to our frame.
Hope this article helped you.
I’m a Graphic Designer with 5+ years of experience. Specialized in Adobe Photoshop.
Get Info About Any Photoshop Editing, Photoshop Manipulation, Logo Design, Flyers, Business Card, Cartoon Portrait and any type of work-related to Graphic Design and Photoshop Editing.