How to Add Drop Shadow to Text in Procreate
StyleFrame Team6 min read
Procreate has no one-tap drop shadow or layer-style effect, so you build it by hand. Rasterize your text, duplicate the layer, fill the lower copy with black or a dark color, nudge it down and to the side with the Transform tool, then soften it with Gaussian Blur and lower its opacity. Everything stays on separate layers, so you can adjust the shadow's position, blur, and color at any point before you export.
Why Procreate doesn't have a native drop shadow
Procreate's team has said that a built-in drop shadow isn't a planned feature, and users in the community forum have asked for layer styles, shadow angle controls, and macros to fill the gap. The workaround is a few layer operations, and it's reliable once you've done it a couple of times.
The tradeoff is that the shadow isn't live. If you change the lettering, you have to rebuild or edit the shadow layer.
What you need
- Procreate on iPad (the steps below match recent versions, though menu labels shift slightly between releases)
- Lettering you've drawn, or live text typed with the Add Text tool
- Optional: an Apple Pencil, which helps with the cleanup steps in Method 3
If you're using typed text, open Actions (wrench) → Add → Add Text, type your copy, and choose your font. Then open the Layers panel, tap the text layer, and choose Rasterize. Finalize your wording, size, and font first, before you rasterize.
Method 1: The fast offset shadow
This is the simplest version and works for hand lettering, calligraphy, and typed text.
- Duplicate the lettering layer. Swipe left on the layer in the Layers panel and tap Duplicate.
- Turn the bottom copy into the shadow color. Tap the bottom layer, tap its thumbnail, and choose Alpha Lock. Select a color, tap the thumbnail again, and choose Fill Layer. Turn Alpha Lock off afterward. Black works, but a dark shade of your background color usually looks better.
- Offset the shadow. With the bottom layer selected, tap the Transform (arrow) tool and nudge the layer down and to the right, or whichever direction fits your imagined light source. Keep the move small.
You now have a hard, flat shadow that reads as depth. For many posters and lettering pieces, that's enough.
Method 2: A soft, true drop shadow with a gap
A real drop shadow has a small space between the object and its shadow, and its edges are soft. This version creates that separation.
- Follow Method 1 through step 2 so you have a filled shadow layer under your lettering.
- Move the shadow slightly, just enough to show it.
- Tap the top lettering layer and choose Select. This loads the shape of the letters as a selection.
- Tap the shadow layer and choose Clear. This removes the part of the shadow hidden behind the letters.
- Tap the shadow layer again, use the Transform tool, and move it a little further in the same direction. The gap between lettering and shadow now appears.
- Open Adjustments → Gaussian Blur, choose Layer, and slide your finger across the screen until the edge softness feels right. Keep it modest for small text and higher for large headlines.
- Lower the shadow layer's opacity with the N icon, or set its blend mode to Multiply so it darkens the background underneath rather than just sitting on top of it.
The Select-and-Clear trick is what separates a convincing drop shadow from a ghost copy of the text. Without it, the blurred shadow bleeds behind the semi-transparent edges of the letters and muddies them.
Method 3: A solid, connected shadow (extruded look)
Offset shadows on script lettering often leave visible gaps where thick strokes should connect to their shadows. Some lettering artists fix this by hand:
- Create the offset shadow layer as in Method 1.
- Select the shadow layer and choose a Monoline brush.
- Using the same color as the shadow, paint in the gaps so each stroke connects to its shadow along the direction of the offset.
This gives a solid, dimensional look instead of a floating copy. It takes longer, and it's easier with an Apple Pencil than a finger. Keep the shadow on its own layer so mistakes are easy to undo or erase.
Method 4: Shadows for multiple elements or full illustrations
When you have lettering plus decorative elements, duplicating each layer is slow. A quicker approach:
- Put everything that should cast a shadow into a group.
- Duplicate the group, then flatten or merge the duplicate into a single layer.
- Use Alpha Lock and Fill Layer to turn that merged layer into a silhouette.
- Move it under the original group, offset it, and apply Gaussian Blur.
- Set the blend mode to Multiply and reduce opacity.
Since everything shares one shadow, the result looks cohesive. The cost is flexibility: individual elements can't have their own shadow distance or softness unless you repeat the process per element. For layered scenes, a shadow-per-depth approach gives better realism.
Making the shadow look believable
A few habits take a shadow from "applied effect" to "believable":
- Pick one light source and stay consistent. If the light comes from top left, every shadow in the piece goes down and right.
- Match shadow distance to height. Text floating far above the background gets a more offset, blurrier shadow. Text printed on a surface gets a tight, sharper one.
- Avoid pure black. A desaturated, darker version of the background color usually integrates better.
- Layer two shadows for realism. A tight, darker contact shadow plus a larger, softer one looks more natural than one blurred layer. Community users who do this note it costs layers, so merge them once you're happy.
- Check legibility at small size. Shadows can make lettering more readable, but heavy blur at low opacity can reduce edge contrast instead.
Troubleshooting
The blur makes the shadow disappear. Gaussian Blur spreads pixels thin, so a heavily blurred thin letterform fades out. Lower the blur, or lock alpha and fill again with a stronger color.
The shadow is clipped or has hard edges. The shadow may extend beyond the canvas or be limited by a selection still being active. Deselect before blurring.
The shadow looks like a second copy of the text. You likely skipped the Clear step or used too little blur. Re-run Method 2 with a visible gap.
The text is stuck. Rasterize the text layer first.
Quick reference
Procreate's shadow workflow is manual, but it gives you full control over every pixel of the result. Once you've built the habit of Duplicate, Fill, Offset, Clear, Blur, and Opacity, it gets much faster.