fresh photoshop tutorials & resources
Log in Register
Infographic JS Library Infographic JS Library Christmas Photoshop Resources

Create a Text Shadow in Photoshop

Tutorials Basics 11218 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.

Part 1Part 2

3 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

Have something to say? Leave us a comment

Click to Upload Fan Art!

Share your Psd Dude inspired works


Recent Posts
This is a set of free Christmas Photoshop vector silhouettes that I hope you will enjoy using. These...
Today's freebie is a stitched leather Photoshop action that you can use to create leather typography...
In this tutorial you will learn how to create a city explosion in Photoshop using just a few simple ...
Learn how to make a spooky pumpkin 3D typography in Photoshop for the upcoming Halloween celebration...

      Painted Wood Photoshop Actions
Popular Posts
There's something about ribbons that just looks good. I thought about making this Ribbon Vector Free...
I am not a fan of tattoos but I can still appreciate it as art. There are a lot of people out there,...
In today list of free textures for Photoshop I have gathered over 100 amazingly beautiful wood textu...
Today's list is a collection of Free Photoshop Layer Styles. As many of you already know, Photoshop ...
Another Photoshop texture that is really used by digital artists is for sure the old paper texture. ...
I have decided to create a new character from Alice in Wonderland and I hope that maybe someday to r...
Hello girls and boys! Today i want to make a cartoon rainbow... i really hope you will like it! ...
To create a Comic Book Effect in Photoshop we have to mix all sort of filters and blend them togethe...
Hello, today I will show you how easy it is to create a broken glass effect. We will use of course a...
I saw this beautiful stock image with the girl and decided immediately that she is perfect for an an...
AI Vault Store Custom Shapes for Photoshop
Subscribe via email
top