Reflections in Photoshop Tutorial, graphics and text

Colin Smith

Subscribe on YouTube:

In this tutorial I’m going to show you how to create a reflection in Photoshop. This is more of a graphic design trick that has been used a lot lately for things like logos, text and modern design. If you want to do a reflection on Photographs, check out this tutorial instead

Step 1

Start with a gradient. Tip: To constrain the gradient to 90 degrees hold down the shift key.

reflection01

Step 2

Add your text or image

reflection02

Step 3

Make a copy of the text by dragging to the new layer icon (or pressing Ctrl/Cmd+J)

On the copy go into free transform by pressing Ctr/Cmd+T.

Left click >Flip Vertical.

Drag the copy beneath the original, so that it looks reflected

reflection03

Step 4

Add a layer mask to the reflected copy and drag with a black to white gradient. (See the Gradient masking technique here)

Experiment with different starting and end point on the gradient for different results.

reflection04

Step 5

You should now have something that resembles this, for a sharp reflection.

reflection05

Extra Credit, softer reflection

There are times when you want the reflection to be a bit softer, this simulated a different kind of surface that you are reflecting onto.

Choose Filter>Blur>Gaussian Blur

You will have the option to convert to a Smart Object. Accept this option.

reflection06

 

Apply a small amount of blur to the reflection to suit your tastes

reflection07

Here is the softer result.

reflection08


Follow along for more tips

Recommended for this tutorial

Photoshop Compositing: Sky City Project. Photoshop 2026

Build a complete composite from start to finish and learn the techniques behind it.

$39.99 · one-time purchase · instant download

Photoshop Vault: free Layer Blend Modes ebook, actions, brushes, presets and cheat sheets

Free for you

The Photoshop Vault

Get my free Layer Blending Modes ebook along with dozens of exclusive Photoshop goodies: actions, brushes, presets and cheat sheets.

You're on the list, so your free goodies are waiting for you in the Vault.

Get Free Photoshop Goodies Open the Vault

2 comments

Leave a comment

Your email address will not be published.

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

Copy link