Adding An Elegant Title To An Image in Photoshop

There are times when you need to put a title on an image, whether for print work or for the web. Sometimes you might put it above the image, often you might place it below the image, but one way to add a nice elegant title is to actually put it in the image. In this short tutorial I’m going to use Photoshop to do just that.

I’m going to start with a nice pic of a black swan – taken by “bradimarte” and available for free download from Stock.Xchng. I cropped this image a little bit tighter than the original.


1. Use the rectangular marquee to draw a fairly thin rectangle, the full width of the image.
2. Create a new layer and fill the marquee with white.

3. Reduce the opacity of the white line layer to 65%.

4. Click on the New Layer Style button at the bottom of the Layers Palette and choose Drop Shadow. Add a fairly faint drop shadow (I set opacity to 50% and Distance and Size to 5 px). Click OK.

5. Select the Type tool and pick a Serif style font. Add some text.

I picked the Trajan Pro font, which consists of all uppercase letters. I used #333333, which is a dark grey and a font size which sat comfortably in the middle of the white line with lots of breathing space above and below.  

6. With the Type tool still selected, choose Window > Character to open up the Character palette.

7. In order to make your text spread widely across the white line, change the tracking to 200. This will put space in between each of the letters.

And that completes the image and title.


  1. Mark Penix says:

    Nice tutorial, simple and concise but take the image to a new level adding a touch of class and professionalism.

  2. Sherif says:

    Really elegant, thanks Jennifer for this simple and stylish idea, i hope you can keep posting stylish and elegant ideas like that, i think most of the people got bored of the traditional tutorials of photoshop, it was a real nice chance to get to your site, i will be checking frequently for more 🙂

    Elegant, the right word for this site as a whole 🙂

  3. shilpa says:

    Wow I was looking for something like this!
    This is a very simple and lovely way of doing this.
    I hope to see more!! 🙂

    I’m going to check your other ones right away!!! 😛

  4. Ïîðòàë ïî äèçàéíó, èíòåðíåñíûå óðîêè ïî Photoshop, êðàñèâûå îáîè è êàðòèíêè äëÿ ðàáî÷åãî ñòîëà. Ìíîãî ïîëåçíûõ ïëàãèíîâ äëÿ ôîòîøîïà.

Comments are closed.