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!
confetti
confetti

Receive special offers on courses + products, a new design file every month plus instant access to the Resource Library!

Tuesday Tribe Gift bag

Pick up over 50 design + lettering files as our gift to you when you join the Tuesday Tribe for free!

error

Congrats!

Please check your email to confirm.


Freebie: Procreate

Freebie: Procreate Brush

Freebie: Style Inspiration

Freebie: Lettering Guides

Freebie: Vector Laurals

Freebie: Watercolor Texture Kit

Freebie: Corner Bakery Font

Freebie: Hand Drawn Numbers

Freebie: Procreate

Freebie: Procreate Signature Brush

Freebie: Hand Drawn Dividers

Freebie: Ink Texture Pattern

Freebie: Birthday Tags

Freebie: Birthday Card

Freebie: Vector feathers

Freebie: Rustic Greeting Card Mock-up

Freebie: Procreate

Freebie: Procreate Mono Weight Brush

Freebie: Mini Grit Textures

Freebie: Todo List

Freebie: Ink Texture Kit

Freebie: Bullet Journal Kit

Freebie: Shirt Mock Up

Freebie: Watercolor Florals Kit

Freebie: Photoshop Patterns

Freebie: Procreate

Freebie: Modern Resume

Freebie: Hand Drawn Border Frames

Freebie: Hand Drawn Numbers
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

GDPR Agreement
Save my name, email, and website in this browser for the next time I comment.

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

GDPR Icon

Your Privacy Matters

We use cookies to customize and create content that’s most important to you. We’ll never share the info we collect.

View Privacy Policy