Recent Posts
- Quick Code: Get the domain name in JS
- Things to think about when designing a logo
- Javascript Array Functions
- Integrating FCKEditor to save current content with AJAX using PHP
- Pad A Javascript Number
- Why use heading tags as opposed to font tags for displaying text in HTML?
- Creating One Time Download Links
- Why Javascript in Forms is Bad
- Five Things To Remember When Designing Accessible Web Pages
- Sizing Images Correctly – Part Two
Topics
How-To: Create A Simple Text Reflection
Ever wondered how to create a simple text reflection within Photoshop? This post will take you through a simple tutorial on how to do it.
Step 1: Create A Text Layer
Begin by adding your text to the canvas.

Step 2: Mirror The Text Layer
The next step requires the text being duplicated which can either be done by creating another text layer or simply duplicating the layer within the Layers Window. Once this has been achieved then go to Edit > Transform > Flip Vertical which flips the layer and then place this layer just below the original text layer as per below.

Step 3: Create The Gradient
To create the reflection you can do this a number of ways yet what I feel is the quickest way and doesn’t require the layer to be rasterized is to create a layer mask. To do this you just need to select from the Layers Window the latest layer you’ve create and click on the ‘Add a Layer Mask’ button. By doing this you can then use the gradient tool which is set to Foreground to Transparent and simply create a gradient starting from the bottom of the T and stopping at the point whereby the text layers meet.

Step 4: Change The Layer Opacity
Finally by changing the opacity of the Layer within the Layers Window to something like 20% or 10% depending on what you prefer will finish the effect. Potentially you may decide that you’d like to use Edit > Transform > Skew in order to change the direction in which the light comes from.

Be the first to add your voice to this post!
Start the discussion and leave your views or thoughts by writing a comment using the form above.