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

Create a Text Shadow in Photoshop

www.psd-dude.com
Tutorials Basics 20789 Views June 22nd, 2012

It is very important to know how to create a realistic shadow in Photoshop, not only for photo manipulations but also for any digital art. I consider shadow to be one of the basic things that you need to learn. In this tutorial I will show you how to add a shadow to a text in Photoshop using gradients and transform tools. After you learn the principles is quite easy and you can create a shadow in just a few minutes.

I am not saying that the tutorial is 100% accurate but for the Photoshop beginners I guess it is a very useful tutorial.

Advertisment

To create a shadow in Photoshop is quite easy if you know some simple rules that you must obey. For example the most important thing is the light source. It can be one or even more light sources and each light source creates a shadow for all the surrounding objects.

Other things that you must take into account when you want to create a realistic shadow are the light direction, the light distance from the object, the intensity of the light and so on.

Let's start with a simple Text Layer, color #e4ddc6, and a Background Layer, color #a59d87. As you can see the background and the text have no color variations, so that means there is no light source.

Light Coming From the Front

Now I will add a light source that comes from the front center towards the Text Layer. It is good to know that the distance and the intensity of the light source determines the opacity and the lenght of the shadow.

The first thing that we have to do after the light is added, is to change the color of the text, making it a little brighter and also add a Gradient Overlay to the background.

To create the text shadow we have to duplicate the Text Layer and rename the first text layer, Shadow Layer. Rasterize the Shadow Layer and resize it to 60% only on the vertical scale. Make sure you select the Reference Point Location like shown in the image.

Use the Perspective Tool from the Edit, Transform menu to add perspective and create a realistic drop shadow effect.

Reduce the Fill of this shadow layer to 0% and add a Gradient Overlay with transparency.

The last step is to add a soft Gaussian Blur effect and our text shadow should now look like this. If your background is darker all you have to do is to adjust the opacity of the gradient.

Light Coming From the Back

Another situation is when the light is coming from the back of the text. In that case you will have to add the same gradient for the Background Layer but with Reverse button checked.

As for the text the steps are similar with the ones from previous case. The only difference is that you have to Flip Vertical the Shadow Layer after you rasterize it like shown in the image.

Add Perspective for the shadow, reduce the Fill to 0% and add the Gradient Overlay effect. To soften the shadow apply again the Gaussian Blur filter.

Also very important is to add add a Gradient Overlay to the Text Layer, to darken the lower area of the text.

This is how your text shadow effect should now look like; I really hope it looks realistic enough.

There are other situations in which the light is not coming from the center. Let's say is coming from the left side. In that case all you have to do is to distort the shadow using the Skew, Distort or even Perspective Tools and move it to the right side.

Realistic Cast Shadow Photoshop Premium Actions

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

4 comment(s) for "Create a Text Shadow in Photoshop"

Sam
Sam
4:22 AM Wednesday, July 18, 2012
Thank you very much !!!

I love this web ^^ reply
PSDDude
4:27 AM Wednesday, July 18, 2012
I am glad you like it :) reply
Denis
Denis
2:08 AM Monday, July 01, 2013
PSDDude
3:31 AM Saturday, March 19, 2016
As you can see the drop shadow effect works great with text and shapes. This work was made by Larissa. 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 Movember Flyer in Photoshop using simple photo editing techniques. Add glasse...
A supermoon is the coincidence of a full moon or a new moon with the closest approach the Moon makes...
Start working like a professional graphic designer by adding these amazingly useful graphic design r...
Learn how to create an isometric 3D text effect in Photoshop in just a few simple steps. For this tu...

      Diamond Gold Silver and Pearls Jewelery Creator
Popular Posts
You can create amazing gold text effects by using these unique gold Photoshop styles, both free and ...
If you want to know how to create dispersion effect in Photoshop in a easy way, here is a quick solu...
Today's Photoshop collection of resources includes some amazing packs of metal chrome PSD text style...
In today list of free textures for Photoshop I have gathered over 100 amazingly beautiful wood textu...
There's something about ribbons that just looks good. I thought about making this Ribbon Vector Free...
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
LIKE US ON FACEBOOK

      Metal Tag Photoshop Creator
top