Reflective Title - Using a Gradient Mask

with 2 Comments

Aren't you just in awe of people who can do great titlework?

I have to admit, my brain doesn't work that way.
I nearly always have to copy someone else's idea in order to come up with an above-ordinary title.

For that reason, I am always on the lookout for titles to scraplift.

In this tutorial, I'll take you through the steps of creating a one of a kind reflective title.

You'll love the result. Let's get started.


Step One: Type Your Title

  • Press the letter D to reset the Color Chips to the default of black and white.
  • Using the Horizontal Type tool, type out your title using any font, style, or size. I've chosen the font 'Nathan' at 36pts.

Step Two: Duplicate and Flip Your Title

  • Press Ctrl J (Mac: Cmd J) to duplicate the title.
  • In the Menu Bar, choose Image > Rotate > Flip Layer Vertical.
    (Photoshop: Choose Edit > Transform > Flip Vertical.)
  • Holding down the Ctrl Shift (Mac: Cmd Shift) to maintain direction, click on the Type and drag straight down till there is a small space between the two titles.

Step Three: Add a Gradient Mask

  • Get the Gradient tool.
  • In the Options Bar (Tool Options), open the Gradient Picker and choose Foreground to Background. This should be the first icon.
    Click on the Linear Gradient icon. Mode should be Normal and Opacity 100%.
    Put a check mark next to Reverse, Dither, and Transparency.

  • In the Layers panel, make sure the upside-down title layer is the active layer.
  • In the Layer panel, click on the Add Layer Mask icon.
    If your version of Photoshop Elements does not support layer masks (version 8 and earlier), click HERE to download a workaround.
  • On your document, click and drag a line from the top of the upside-down title to the bottom of the upside-down title. (See the blue arrow below.)
  • In the Layers panel, lower the Opacity of the upside-down title layer to around 60%.

Step Four: Add a Line

  • Get the Line tool. It is nested with the other shape tools.
In Photoshop Elements 11 & Earlier:
In the Options Bar (Tool Options), click on the Create New Shape Layer icon. Set the Weight to match your font. I have my Weight set at 6px.
In Photoshop CS5 & Earlier:
In the Options Bar, click on the Shape Layer icon and the Create New Shape Layer icon. Set the Weight to match your font. I have my Weight set at 6px.
In Photoshop CS6:
In the Options Bar, choose Shape for the Tool Mode, choose Solid Color for the Fill Type, the Shape Stroke Width should be 0, and the Weight should be set to match your font. I have my Weight set at 6px.
  • Holding down the Shift key to maintain direction, click and drag a horizontal line between the two titles. Hold down the Space Bar while dragging to reposition.

I'd love to see the tiles you create in the Digi Scrap Tutorial Gallery here at Digital Scrapper.

Reflective Title Tutorial by Jen White
Font: Nathan

Download this Digi Scrap Tutorial

2 Responses

  1. Wendy Bellino
    | Reply

    Cool Jen!

  2. Jenifer Juris
    | Reply

    Oooh! I love this! Will be using this soon!! Thanks, Jen – another awesome tut!! 🙂

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.