fresh photoshop tutorials & resources
Log in Register
Painted Wood Photoshop Action Comics Book Photoshop Action Infographic JS Library Textures for Photoshop

Create a Reflection in Photoshop
Tutorials Basics 17831 Views September 8th, 2012

Learn how to create a reflection in Photoshop from this quick tutorial for beginners. Just like the shadow, the reflection is a really important element that is used in many photo manipulation, or can be added to text effects, shapes and so on. So if you want to create the impression that an object/text/shape is standing on a glossy surface you really need to add i a reflection.

As you will see it is really easy to add a reflection in Photoshop, you just need to follow some simple steps. To avoid making these steps every time you can use reflection and shadow actions that will make that process much easier and save you a lot of time.


Reflection is a complex term from physics that we encounter in our daily life everywhere. The reflection of light is either specular (mirror-like) or diffuse (retaining the energy, but losing the image) depending on the nature of the interface. A mirror provides the most common model for specular light reflection, and typically consists of a glass sheet with a metallic coating where the reflection actually occurs. Specular/regular reflection also occurs at the surface of transparent media, such as water or glass. But it is also visible on every smooth/glossy surfaces like polished wood, shiny reflective metal and so on. You can read more about reflection on wikipedia.

In this tutorial I will show you how to create a reflection in Photoshop in just a few simple steps. Remember that you need a glossy surface texture to obtain a realistic reflection. The difference between a shadow and a reflection is that the reflection is a copy of the real object in terms of shape and color/texture/etc.

Let's asume we have a text layer with layer styles/color/bevel effect and so on. The font used is AR DESTINE that comes included in the CS5 default fonts. If you don't have it you can install it using this tutorial on how to install font.

To make sure you obtain a result without errors, I suggest you to duplicate the text layer(s) and rasterize/merge or covert in smart object. Call this new layer or smart object Reflection Layer. Press CTRL+T to scale the shadow. Set the Refrence Point Location like in the image and set the Vertical Scale to -100% ; you obtain a Flip Vertical effect like shown in the image.

Now go to Filter>Blur and choose Gaussian Blur and set the radius around 1.5px.

Add a layer mask to the Reflection Layer; if you don't know how to do that you should check this layer mask guide for beginners.

Pick the Gradient Tool, use a linear gradient with black 100% to white 100% gradient color/opacity levels. Click the Layer Mask Thumbnail just to make sure you are in the right layer and use the Gradient Tool to obtain a similar result.

You can reduce the opacity of the Reflection Layer to match with your background. I am setting it around 65%.

If you change the background color and use black background for example the reflection effect will look just as good as you can see in the preview image.

You can use this quick guide for beginners on how to create reflection in Photoshop, to add a reflection not only for text layers but also for shapes, rasterized layers, photos and so on.

If you're looking for amazing textures and backgrounds for Photoshop, explore Textures4Photoshop where you can find 1000+ unique images. You can download all these textures and backgrounds for free to use in personal or commercial projects!

Be a Cool Dude!

With your donation you can help us maintain this website and keep producing free resources many months to come! Any amount counts

1 comment(s) for "Create a Reflection in Photoshop"

3:20 AM Saturday, August 20, 2016
Really good info. Thanks. reply

Have something to say? Leave us a comment

Click to Upload Fan Art!

Share your Psd Dude inspired works

Pencil Sketch vs Camera Photo Effect Photoshop Action
Animated Kaleidoscope Photoshop Action
Recent Posts
Learn how to create a retro comics effect in Photoshop in just a few easy steps. For the comic book ...
Swirl Brushes are useful Photoshop resources that you can use in your designs if you want to avoid m...
This Sunday many Christians worldwide celebrate Easter. For kids, Easter is all about painted eggs, ...
Learn how to create a Easter grass planet in Photoshop from this new tutorial for beginners. You can...

      Burnt Paper with Fire Effects Photoshop
Popular Posts
You can create amazing gold text effects by using these unique gold Photoshop styles, both free and ...
Today's Photoshop collection of resources includes some amazing packs of metal chrome PSD text style...
If you want to know how to create dispersion effect in Photoshop in a easy way, here is a quick solu...
To create a realistic sketch in Photoshop you need some pencil sketch textures or better still you c...
In today list of free textures for Photoshop I have gathered over 100 amazingly beautiful wood textu...
I have decided to create a new character from Alice in Wonderland and I hope that maybe someday to r...
To create a Comic Book Effect in Photoshop we have to mix all sort of filters and blend them togethe...
Stitching and sewing can be created also in Photoshop with very realistic results. So in this tutori...
Hello girls and boys! Today i want to make a cartoon rainbow... i really hope you will like it! ...
In this tutorial I will show you how to create a 3D map in Photoshop using different 2D and 3D model...
Subscribe via email

      Metal Tag Photoshop Creator