Freelance Photographer

Adding Borders and Text to Images for Web

I’ve recently had a few requests on how to put the black border on & text on images.  I use Photoshop CS5 Extended and once the image has been processed, I select:

 1. Image, Image Size, Resolution 72 pixels/inch (for web quality viewing)

 2. Image, Canvas Size, In the new size section select Relative box, then 5cm in each box, then canvas extension colour – black, OK

 3. Image, canvas size, in the new size section ensure relative box is still checked, put 5cm in the height box, then select the upwards middle arrow once, extension colour black, ok, now you have your black box. Next step – add text.

 4. On the right hand size, select the T – horizontal type tool, choose your font, and size, and colour then type what you want – position it down the bottom of the image – ensure you centre it by selecting the background layer and the text layer (using CTRL key) then on the menu, Layer, align, horizontal centres – this should ensure the text is centred at the bottom in relation to the image. Now you may want to put a visual copyright on the image. To do this:

 5. create a new text layer (same as above), make the text smaller – you don’t want a massive ugly copyright label, then move this freehand to wherever you want it on the image. File, save as psd file so you can access the layers for your next image you are editingthen, if you are working with a RAW (CR2) file, select EDIT, convert from ProPhoto or whatever profile you were using to profile sRGB so the colours look right on the internet/web page, also a good idea to smart sharpen your image once for jpg viewing, save as JPG size 10 – done.

When you process your next photo, get it to the final image processing stage and then open your last *.psd file with the copyright and label and border on it as layers, not a flattened image, then FLOAT ALL IN WINDOWS and drag the text layers from the final image to your new image and position them where you want, close down the old processed image and file save as your new image as a new psd file so you can access the layers for editing or copying to your next processed image.

 Need help, or don’t understand this at all – message me

 There are other ways to do it, but this works for me and I find it quite simple.

2 responses

  1. I am so happy to read this. This is the kind of info that needs to be given and not the random misinformation that is at the other blogs. Appreciate your sharing this beneficial content.

    November 26, 2010 at 6:20 am

    • you’re welcome, its also beneficial as some photographers choose to charge for basic tutorials like this and information of this nature should be free and available for others to know what to do… glad you enjoyed it

      November 26, 2010 at 12:28 pm

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out /  Change )

Google photo

You are commenting using your Google account. Log Out /  Change )

Twitter picture

You are commenting using your Twitter account. Log Out /  Change )

Facebook photo

You are commenting using your Facebook account. Log Out /  Change )

Connecting to %s