Reflection Tutorial


With this tutorial I am going to show you how you can add reflections to your text, shapes or isolated objects. This is a very common (and easy) technique and is used a lot, especially in web design.

As an example for this tutorial I will add a reflection to text, however as I said before you can also use the same technique to add reflections to shapes or isolated objects.
Let’s start our little Photoshop training session :) .

I have created a new document and just type PS Reflection as you can see in the screenshot below.

PS reflection text

The first step is to duplicate our text layer. You can do that by simply pressing Ctrl+J or by going to Layer -> Duplicate Layer.

Now, select the Move Tool (V) and drag the duplicate layer below the original one like in the screenshot below.

aligning the layers

(You can also add a bit of perspective to the reflection layer by transforming it (Edit->Transform->Perspective) if you want.

The next step is to add a layer mask to the duplicate layer. To do this simply click on the add layer mask button in the layers palette.

add layer mask button

Now pick the Gradient Tool and draw a gradient (black to white) in the direction that the arrow is showing in the screenshot below. (Hold Shift while you draw the gradient)

gradient direction

You should now have something like this.

Gradient result

Finally just reduce the opacity of the duplicate layer and you are all done. I reduced the opacity to 35% and here is my final result.

Final result of photoshop training session

There is no golden rule about the opacity % , just play with the opacity setting until you get your desired result.




About Dimitris

My name is Dimitris and I am from Greece. I created this blog as a learning tool for Photoshop both for other but for me as well. I am definitely no Photoshop Guru or a professional graphic designer, I am just an amateur trying to learn as much as I can about Photoshop.

3 Responses to Reflection Tutorial

  1. video tutorials March 1, 2006 at 9:44 pm #

    Awesome reflection tutorial you got here keep up the great work!

  2. hoang July 13, 2006 at 6:59 pm #

    learning about photoshop

Trackbacks/Pingbacks

  1. Rain City Geek » links for 2006-02-24 - February 24, 2006

    [...] Photoshop Tutorials Blog Creating reflections (tags: Photoshop Tutorials) [...]