Creating a photo border in Photoshop
Create a white border with a drop shadow in Photoshop. Using these basic techniques, it can easily be customized. Click on each image to see a larger version.
1) Open your photo in Photoshop
2) Resize image for the web. Uncheck “Resample Image” and change the DPI to 72. Re-check “Resample Image” then change the pixel dimensions to 600px on the longest side. (600px is kind of arbitrary, but I find it’s a good size for posting to the web).
![](http://rebeccavt.smugmug.com/photos/182191071-S.jpg)
3) Layer > Duplicate Layer (This layer is called “Background copy”)
![](http://rebeccavt.smugmug.com/photos/182191089-S.jpg)
4) In Layer Palette select the “Background” layer.
![](http://rebeccavt.smugmug.com/photos/182191105-S.jpg)
5) Image > Canvas Size. With the “Relative” box checked, increase the height and width each by 25 pixels.
![](http://rebeccavt.smugmug.com/photos/182191123-S.jpg)
6) Select > All (still working in the “Background” layer, there will be a dancing ant line around your image), then choose the Rectangular Marquee tool.
![](http://rebeccavt.smugmug.com/photos/182191140-S.jpg)
7) Right click on image and select “Stroke”
![](http://rebeccavt.smugmug.com/photos/182191158-S.jpg)
8) Choose 3px for the width, Black for the color, and check “Center” or “Inside” for the location
![](http://rebeccavt.smugmug.com/photos/182191174-S.jpg)
9) Right click and choose “deselect”
10) Back to the Layers Palette, choose “Background copy” layer
![](http://rebeccavt.smugmug.com/photos/182191196-S.jpg)
11) Layer > Layer Style > Drop Shadow
![](http://rebeccavt.smugmug.com/photos/182191013-S.jpg)
12) In the Drop Shadow dialogue box, adjust the angle, opacity, distance, spread and size to suit your preferences
![](http://rebeccavt.smugmug.com/photos/182190956-S.jpg)
There you have it! A border with a drop shadow:
1) Open your photo in Photoshop
2) Resize image for the web. Uncheck “Resample Image” and change the DPI to 72. Re-check “Resample Image” then change the pixel dimensions to 600px on the longest side. (600px is kind of arbitrary, but I find it’s a good size for posting to the web).
![](http://rebeccavt.smugmug.com/photos/182191071-S.jpg)
3) Layer > Duplicate Layer (This layer is called “Background copy”)
![](http://rebeccavt.smugmug.com/photos/182191089-S.jpg)
4) In Layer Palette select the “Background” layer.
![](http://rebeccavt.smugmug.com/photos/182191105-S.jpg)
5) Image > Canvas Size. With the “Relative” box checked, increase the height and width each by 25 pixels.
![](http://rebeccavt.smugmug.com/photos/182191123-S.jpg)
6) Select > All (still working in the “Background” layer, there will be a dancing ant line around your image), then choose the Rectangular Marquee tool.
![](http://rebeccavt.smugmug.com/photos/182191140-S.jpg)
7) Right click on image and select “Stroke”
![](http://rebeccavt.smugmug.com/photos/182191158-S.jpg)
8) Choose 3px for the width, Black for the color, and check “Center” or “Inside” for the location
![](http://rebeccavt.smugmug.com/photos/182191174-S.jpg)
9) Right click and choose “deselect”
10) Back to the Layers Palette, choose “Background copy” layer
![](http://rebeccavt.smugmug.com/photos/182191196-S.jpg)
11) Layer > Layer Style > Drop Shadow
![](http://rebeccavt.smugmug.com/photos/182191013-S.jpg)
12) In the Drop Shadow dialogue box, adjust the angle, opacity, distance, spread and size to suit your preferences
![](http://rebeccavt.smugmug.com/photos/182190956-S.jpg)
There you have it! A border with a drop shadow:
![](http://rebeccavt.smugmug.com/photos/182191039-S.jpg)
1 Comments:
Rebecca: Thanks for that wonderful tutorial. I love the drop shadow as an added touch. Nice photo btw. ;)
smartdog123 from the dish
Post a Comment
<< Home