There are several ways to create a border effect around the photo, but the way we teach here is completely editable and you can change colors after completing the work if you are not happy with the result. Today, we describe how to create a border around photos in Photoshop.
We use Adobe Photoshop CC 2017 to apply the effect in Photoshop. Follow the below steps.
Step 1: Rename the Background Layer
When you open the photo in Photoshop, you can see the photo in the Layers panel:
At this moment, we’re going to make transparent the transparency around the image. There’s a problem that Photoshop does not allow us to do this on the Background layer. But we can easily fix this by renaming the Background layer name other than “Background”. The easiest way to do this is to hold down the Alt button and double-click on the word “Background”; Photoshop instantly renames it to Layer 0:
Step 2: Use the Canvas Size command to add a border
At this point, we need to create an extra space for the border around the image. We use the Canvas Size command in Photoshop. So, choose the Image —> Canvas Size menu:
This will display the Canvas Size window, first make sure the Relative option checkbox is active. By doing this, we say to Photoshop that every amount we enter for Width and Height adds the same amount as the canvas:
Now that the Relative checkbox is active, you can enter the Border size using the Width and Height options. Since the size of the border depends on the size of your photo and personal view, you cannot set a constant value for the Width and Height options.
Here we work with a fairly large image, so the 2 inches can be suitable. Note that this size is split between right and left, and also up and down, that is, when you set the 2-inch value for Width and Height options, this value is divided by 2, and eventually 1-inches for the four sides. Considered to be. Make it twice as much as you like for the border, and then set the Width and Height options.
Click the OK button to close the Canvas Size tab. Photoshop now adds the margin space around the photo. This extra space appears in a raster form, and with this method, Photoshop can detect transparent areas. If the margin size is not good, use the shortcut Ctrl + Z to cancel the last operation and go back to the Image —-> Canvas Size menu and reset the options:
Step 3: Create a new layer with white background for use on the margin
Now, we want to create a layer that is filled with white color for use on the margin. Click the New Fill or Adjustment Layer icon in the Layers panel, as shown below, and select the first option, “Solid Color.” Using the Solid Color option, you can create a new layer that is filled with your own color.
The Color Picker window will immediately appear. Select white (ffffff) and click the OK button. Now the Photoshop document is temporarily filled with white color and the image is not visible, in a few moments the problem will be solved:
Step 4: Put the white layer below the image layer (Layer 0)
The reason why the white layer covers the photo is that immediately after creating a new layer, Photoshop places it at the top of the Layers panel, so we need to move it to the bottom of the image layer. Follow the figure below and click on the Color Fill 1 layer and drag it down and release while holding down the mouse.
When you see the highlight bar at the bottom of Layer 0, release the mouse button to put Photoshop on the white layer at the bottom of the Layer 0:
Now, the white layer fills the transparent area:
Step 5: Select the Image Layer (Layer 0)
That’s the next step How to create a border around photos in Photoshop. In the Layers panel, click on the upper layer (Layer 0) to select.
Step 6: Use the Stroke effect to color the edges of the photo
While the image layer is active, click the Add Layer Style icon below the Layers panel to use the Stroke effect:
In the window that opens, we first want to adjust the Stroke effect color. So, click on the Color icon and select the black color (000000) and finally click on the OK button to close the color selection window. Then, for sharp corners, change Position to Inside. Finally, to increase the thickness of the Stroke effect, increase the Size. We use a value of 4 pixels. In most cases, small amounts are used to color around the photo.
Click OK to close the Layer Style window. Here you can see that the space around the photo is filled with black. Simple but classy …!
Step 7: Reversing the colors
Now that you see the result, you might want to use black instead of white on the margin. No problem! In fact, you can understand the reason for creating a new layer to adjust the border color, which you can easily change. So, in the Layers panel, double-click on the thumbnail image of the white layer as shown below.
Now, the Color Picker window will appear and allows you to select another color. Select the black color (000000) and click the OK button:
Photoshop changes the border color from white to black immediately. Now, you see that the black color around the image that we created using the Stroke effect is no longer visible. In the next few moments, we’ll fix this too:
To change the color of the Stroke effect, double-click the Stroke in the Layers panel at the bottom of the image layer:
The Layer Style window opens again, click on the color picker icon:
Select white (ffffff).
Finally, we see the result.
Comment on How to create a border around photos in Photoshop article to make it better.