Adding a Border in Photoshop to Prepare an Image for Flickr

I was recently out with a friend when he showed me some of his work on Flickr. What immediately struck me (other than how good his work was) is that he was adding a border in Photoshop. This comprised a simple, narrow black Keyline around the edge of the image and then a wider white border. This simple technique really added impact and his images looked much better on Flickr than they otherwise would.

At this point, as any good photographer would, I have borrowed the technique for my own work and I thought I would share it here.

Adding a Border in Photoshop

If you want to try this with your own images here are the steps you need in Photoshop:

  1. Take your finished image and if you have any layers, flatten the image. You can do this by selecting “Layer | Flatten” from the menu.
  2. Now resize the image by selecting “Image | Image size…” from the menu. For my purposes I want to keep the images around 1500 pixels on the longest edge.

    Resize the image in Photoshop

    Resize the image in Photoshop

  3. With the image resized, press “Ctrl + A” on the keyboard (Command + A on a Mac). This selects the whole of the image. You can then add a Keyline around the image by selecting “Edit | Stroke…” from the Photoshop menu. This will display a dialog box where you can select the colour and width of the stroke line. My personal settings are to add a black stroke line 3 pixels wide but you might prefer different settings.

    Add a stroke border in Photoshop

    Add a stroke border in Photoshop

  4. Next resize the background canvas to create the white border. To do this select “Image Canvas size…” from the Photoshop menu. This will display the canvas size dialog as shown below.

    Increase the canvas size in Photoshop

    Increase the canvas size in Photoshop

  5. In the dialog select the “Percent” increase to the canvas. In this example 120 percent has been used but you may prefer a different border size. Also ensure the “Anchor” point is placed in the centre square of the grid as can be seen in the illustration. This ensures the canvas area will extend out equally from the centre on all sides. Finally set the “Canvas extension color” to “White” as this will become the large border surrounding the image. A large white border is good for Flickr as the Flickr interface has a dark background but for some websites you might need to pick a different colour for the border.
  6. Once the settings are entered click the OK button and you will see the new white border is added.

You can then save your new image as a JPEG ready for upload to Flickr of similar photo sharing website.

Preparing an image for flickr

Preparing an image for flickr by adding a border

Recording the Action in Photoshop

Whilst the border is very easy to add, it’s also very repetitive and I don’t want to waste valuable time. A simple solution is to record a Photoshop Action which can run against any finished images to prepare it for Flickr. In actual fact it will probably need two actions, one for horizontal format images and another for images with a vertical format.

If you're not familiar with using Photoshop Actions please read my tutorial How to Use Photoshop Actions. It's surprisingly easy and a great time saver.

 

s2Member®

Join Now

Join my mailing list for the latest news and monthly newsletter.

No SPAM emails, I promise.

Thanks for subscribing! You will receive an email confirmation shortly.

Pin It on Pinterest

Share This