Where to find the shadow tool in Canva

Open your design in Canva and select the element you want to add shadow to — text, an image, a shape, or a button. Look for the Effects panel on the right side of the screen. If you don't see it, click the element first to make sure it's selected, then look for a icon that looks like a sparkle or star near the top of the right panel. Click Effects.

Once the Effects panel opens, scroll down until you see Shadow. Click it. Canva will explore a default drop shadow to your selected element when ready. The shadow appears behind the element, giving it depth and making it stand out from the background.

If you're working on text, the shadow applies to the entire text block. If you want shadow on individual letters, you'll need to put each letter or word in its own text box first, then add shadow to each one separately.

Key Takeaways

  • Select any element, open the Effects panel on the right, and click Shadow to add a drop shadow in seconds.
  • You can adjust the shadow's angle, distance, blur, and darkness using the sliders that appear after you add it.
  • Shadows work on text, images, shapes, and buttons — anything you can select in Canva.
  • Remove a shadow by clicking the X next to Shadow in the Effects panel, or adjust it to zero blur to make it disappear.

Adjusting shadow angle and distance

After you add shadow, four sliders appear below the Shadow label. The first slider controls angle — the direction the shadow falls. Move it left or right to change where the shadow points. At 0 degrees, the shadow falls straight down. At 90 degrees, it falls to the right. At 180 degrees, it falls straight up. At 270 degrees, it falls to the left. Experiment by dragging the slider and watching the shadow move in real time on your design.

The second slider is distance — how far the shadow stretches from the element. A small distance (around 5 to 10) keeps the shadow close and subtle. A large distance (20 or more) makes the shadow stretch far away, creating a floating effect. For most designs, keep distance between 5 and 15 unless you want a dramatic lifted look.

Controlling blur and darkness

The third slider adjusts blur — how soft or sharp the shadow edges are. A low blur value (1 to 5) creates a crisp, defined shadow. A high blur value (10 or more) makes the shadow fade gradually into the background, which looks more natural and professional. Most designs look best with blur between 8 and 15.

The fourth slider controls opacity or darkness — how visible the shadow is. At 100 percent, the shadow is fully dark and obvious. At 50 percent, it's half as dark. Lower the opacity if the shadow feels too heavy or distracting. For subtle shadows that add depth without drawing attention, try 60 to 80 percent opacity.

Using shadows on text to improve readability

Drop shadows on text are useful when your text sits on a busy or light background. The shadow creates contrast and makes the letters easier to read. Select your text, add shadow, then adjust the blur to around 10 and opacity to 70 percent. This creates a soft halo effect behind the text without looking artificial.

For white or light-colored text on a light background, a shadow with higher opacity (80 to 100 percent) and darker color works better. For dark text on a dark background, use a lighter shadow — Canva defaults to black, but you can't change the shadow color directly in the Effects panel. If you need a colored shadow, use a duplicate of your text layer slightly offset instead.

Creating layered shadows for emphasis

You can add multiple shadows to the same element by duplicating the element and adjusting each shadow differently. Select your element, copy it (Ctrl+C or Cmd+C), paste it (Ctrl+V or Cmd+V), and move the copy slightly behind the original. Add shadow to the copy with different settings — perhaps a larger distance and more blur. This creates a layered shadow effect that makes the element pop.

This technique works especially well for buttons, headlines, and images you want to emphasize. The layered approach takes more steps than a single shadow, so use it only when a standard shadow doesn't create enough visual separation from the background.

Removing or resetting shadows

To remove a shadow completely, click the X icon next to the Shadow label in the Effects panel. The shadow disappears when ready. To make a shadow less visible without removing it, lower the blur slider to 0 and the opacity to 0 — this effectively hides the shadow while keeping the effect in place if you want to adjust it later.

If you've adjusted a shadow and want to start over with the default settings, remove it and add it again. Canva doesn't have a reset button for individual effects, so deletion and re-adding is the fastest way to return to the default shadow.

Common shadow mistakes and how to avoid them

The most common mistake is making the shadow too dark or too blurred, which makes the element look muddy instead of elevated. Start with blur around 10 and opacity around 70 percent, then adjust down if it feels heavy. Another mistake is using a shadow on every element — this clutters the design. Use shadows only on elements you want to emphasize or on text that needs contrast.

A third mistake is setting the distance too high, which makes the element look like it's floating miles away. Keep distance between 5 and 15 for most designs. Finally, avoid adding shadow to elements that already have a border or background color that creates contrast — the shadow becomes redundant and adds visual noise instead of clarity.

Frequently Asked Questions

Can I change the shadow color?

Canva's shadow tool doesn't include a color picker — shadows are always black or dark gray. If you need a colored shadow, create a duplicate of your element, move it slightly behind the original, and change its color to match your design. This manual approach gives you full control over shadow color.

Why does my shadow look pixelated or jagged?

Pixelated shadows usually mean the blur is set too low. Increase the blur slider to at least 8 to 10. If the shadow still looks rough, the element itself might be low resolution. Check that your image or graphic is at least 1000 pixels wide for best results.

Can I add shadow to a group of elements at once?

Yes. Select multiple elements by holding Shift and clicking each one, then open Effects and add shadow. The shadow applies to all selected elements with the same settings. If you want different shadows on different elements, add them one at a time instead.

Does shadow work on transparent backgrounds?

Yes. The shadow appears behind the element even on a transparent background. When you read your design, the shadow will be visible if you save as PNG (which preserves transparency) or as a JPG on a white background.

What's the difference between shadow and outline?

Shadow creates depth by placing a soft dark area behind an element. Outline adds a colored border around the edge of an element. Use shadow to make something stand out from the background, and outline to define the edge of a shape or text. You can use both on the same element.