LETTERING + GRAPHIC
DESIGN LEARNING

I’m on a bit of a type tutorial kick these days, so this week we’re keeping it going with a depth typography effect in Photoshop! If you’re new to Photoshop, this tutorial is perfect for you – we’re going over some simple tools and ending with a very non-beginner looking outcome. Grab your favorite (bold) font and follow the easy steps below!

Pin it for later!

simple depth typography effect in photoshop

Create a Simple Depth Typography Effect in Photoshop


Mentioned in this tutorial:

tuesday tips

Here are the step-by-steps written out, so you can refer to it in the future!

  1. Create your Photoshop document: File > New. The example uses a letter sized doc (8.5″ high x 11″ wide) in RGB color mode for onscreen purposes.
  2. Fill your background layer with the color you’ll use for the background and all of your shadows.
  3. Set your typography. Each new line needs to be on its own layer, with the top-most type in the document as the top layer and so on.
  4. Navigate to the layer you’d like to apply a shadow to. Hover over the mini thumbnail ‘T’ย on the layer and hold cmnd (or ctrl if on a pc) and click to select the type on that layer. You should see the ‘dancing ants’ appear to show it has been selected.
  5. Create a new layer right above the layer you’ll be applying your shadow to. This will be your shadow layer.
  6. You should still be seeing those dancing ants. Hit ‘b’ on your keyboard for your brush tool. Navigate to a very soft brush and select the color (as your foreground) that you’ll use for your shadow.
  7. Paint the areas you’d like to apply shadow to. You’ll notice the shadow is only appearing within those selected dancing ants, so it’s set perfectly over your typography. Once finished, hit cmnd (or ctrl) + shift + d to deselect your selection.
  8. If you’d like to remove any areas afterwards, use a soft eraser. If you’d like to lighten any shadows, change the opacity of your shadow layer (80-90% is a great setting for black).
  9. Done!
Written by

Every-Tuesday designer + founder. I help ambitious graphic designers and hand letterers level-up their skills and creativity.

Latest comments
  • Great tutorial. I wondered how you did that ๐Ÿ™‚ Another question on it though. Is it only possible on a black background or is it possible to do the shadow effect on a lighter colour background?

    Thanks

LEAVE A COMMENT