How To Make Reflective Mirror Image Text Using Photoshop

Posted on 08. Jul, 2009 by Shawn Ramsey in Design

Reflective Text Tutorial

In this tutorial I will show you how to make clean Reflective Mirror Image Text.  The same principal can be applied to objects (pictures) as well.  I was pretty detailed when writing the tutorial, so that anyone can get the results.  Let’s get started.

How To Make Reflective Mirror Image Text

Step 1

Create a new canvas in Photoshop.  I chose the dimensions 500 px X 250 px.

step 1 canvas

Step 2

Type some text on the canvas.  In this example I used the Lucida Bright – Demibold – 36pt -Crisp with a color of #16364b.

step 2 text

Step 3

We now need to Rasterize the type.  To do this, right-click on the text layer and select Rasterize Type.  Now, go ahead and right-click on the text layer again and choose Duplicate Layer… name the new text layer whatever you wish in the pop-up window and click OK.

You should now have three layers, a Background Layer, Text Layer, and a Text Layer Copy.

step 3 layers

Step 4

With the duplicate copy of the text layer selected, choose Edit > Transform > Flip Vertical

You should now see something similar to the example below.

step 4 flip text

With the Flipped Text layer selected and the Move Tool selected, use the arrow keys to move the flipped text down until it is about 2 pixels below the original text, as seen below.

step 5 drag text

Step 5

With the Flipped Text layer still selected, hit the Add layer mask button as seen highlighted below.

Step 6 Layer mask

Step 6

Still with me?  Hang on, we’re almost done.  Select the Gradient tool and make sure that the gradient is set from foreground to transparent, with black (#000000) set as the foreground color.

gradient

Drag upward over the text with the Gradient tool to begin the reflection (with the flipped text still selected).  Start about 1/2 inch below the flipped text and drag just over the top of the right-side-up text (holding the shift button while dragging will give you a straight line).  You will have to do this about 3 – 4 times to get the look you desire.

You can see below how multiple gradients  start to show the reflective effect.

multiple gradients

Step 7

Drop the Fill down to about 80% to finalize the reflective text effect.  The Fill bar can be found just above the layers.

Final Image – Reflective Mirror Image Text

final reflective text with fill

Here is the final product.  You can play with the amount of gradients you use and the opacity to tweak the reflection however you wish.

Share it if you like it:


  • Twitter
  • Digg
  • del.icio.us
  • StumbleUpon
  • Facebook
  • Technorati

You may also enjoy:

Tags:

One Response to “How To Make Reflective Mirror Image Text Using Photoshop”

  1. Sandy

    10. Oct, 2009

    extremely helpful tutorial was for me, specially the perspective part
    and im new too, so im facing this annoying problem
    >
    >
    tnx for sharing

    Reply to this comment

Leave a Reply