Adding An Elegant Title To An Image in Photoshop

By Jennifer Farley | Sep 5 2007 |

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.

 

Laughing Lion Design

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.

Laughing Lion Design

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.

Laughing Lion Design

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.

Laughing Lion Design


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.

Laughing Lion Design


Powered by Gregarious (42)
Share This

Related Posts

Comments

13 Responses to “Adding An Elegant Title To An Image in Photoshop”

  1. Mark Penix on September 7th, 2007 7:43 am

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

  2. Jennifer on September 7th, 2007 12:21 pm

    Thanks Mark.

  3. Justin (pusha) on September 12th, 2007 4:33 am

    Simple and classy.

  4. Jennifer on September 12th, 2007 4:40 am

    Cheers Justin!

  5. edmond yavo on December 2nd, 2007 6:59 pm

    you are the best
    think you

  6. Jennifer on December 3rd, 2007 1:12 pm

    Thanks Edmond!

  7. erwin on December 5th, 2007 3:42 pm

    nice and simple!!!

  8. Jennifer on December 5th, 2007 5:39 pm

    Yes, Erwin. Simplicity is gooooood!

  9. sonal on January 1st, 2008 12:14 pm

    wicked!!
    it’s good and very simple!!

  10. Sherif on January 17th, 2008 11:37 pm

    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 :)

  11. Jennifer on January 18th, 2008 7:51 am

    Thank you very much Sherif. I’m blushing from your very kind words!!

  12. shilpa on January 24th, 2008 7:04 pm

    Wow I was looking for something like this!
    Thankyou!!
    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!!! :P

  13. on April 18th, 2008 10:03 pm

    , Photoshop, . .

I'd love to hear your comments:





Close
E-mail It
Socialized through Gregarious 42