06-12-2011, 01:59 AM
Text 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
mile:
I have created a new document and just type Text Reflection as you can see in the screenshot below.
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
mile:I have created a new document and just type Text Reflection as you can see in the screenshot below.
![[Image: 24.png]](http://www.image-share.com/upload/712/24.png)
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.
Now, select the Move Tool (V) and drag the duplicate layer below the original one like in the screenshot below.
![[Image: 25.png]](http://www.image-share.com/upload/712/25.png)
(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.
(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.
![[Image: 298.png]](http://www.image-share.com/upload/711/298.png)
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)
![[Image: 26.png]](http://www.image-share.com/upload/712/26.png)
You should now have something like this.
![[Image: 19.png]](http://www.image-share.com/upload/712/19.png)
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.
![[Image: 27.png]](http://www.image-share.com/upload/712/27.png)
There is no golden rule about the opacity %, just play with the opacity setting until you get your desired result.
![[Image: 3dtextven0m.png]](http://img827.imageshack.us/img827/5369/3dtextven0m.png)