How to create transparent text overlays in Canva
Lowering the text opacity is the method everyone tries first, and it is the one that works least often.
Text over a photo fails in one of two directions: the text is hard to read, or it is readable and the photo underneath is spoiled. Both usually start with reaching for the transparency slider first.
There are four techniques and they are not interchangeable. Which one you need depends on how busy the area behind the text is, and that is a decision you can make in a few seconds once you know what to look for.
What you need to know first
Before the step-by-step, these are the points that decide the outcome. If you are in a hurry, the first one covers most cases.
Transparency weakens, scrims darken
Lowering text opacity makes letters harder to read. A semi-transparent shape behind the text keeps the letters solid and calms what is underneath.
A scrim is one rectangle
A dark rectangle with some transparency, sent behind the text with the Position button. It rescues most photos with a busy background.
Picture-filled letters use an app
To show the photo through the letters, open Apps in the side panel. Canva’s marketplace has apps such as FontFrame and Clipping Mask for this.
A shadow adds contrast
Select the text, click Effects and choose Shadow. It adds separation at the letter edges without covering the photo.
Which method for which photo
| Background behind the text | Method | Why |
|---|---|---|
| Plain sky, wall, flat colour | Text transparency | Nothing competes, so weakening is safe |
| Busy, detailed, patterned | Scrim rectangle | Calms the photo, keeps letters solid |
| Medium detail, want it visible | Shadow effect | Separation without covering anything |
| One large bold headline | Picture-filled letters | The photo becomes the type |
| Bright and dark in the same area | Scrim | Holds up when contrast varies |
| Video background | Scrim | Contrast can change from frame to frame |
The last two rows are where designs fall apart. A layout that looks fine on the frame you were staring at can fail as soon as the background varies, and a scrim is the method that copes with that.
The four methods
Method 1: Plain transparency, for decorative text
Select the text, click Transparency in the toolbar and drag the slider. You can also type a value in the box beside it. This is for watermark-style text and large background words, not for your headline, and not for text that has to be read quickly.
Method 2: The scrim, for anything busy
Add a rectangle from Elements and make it a dark colour. Lower its transparency until the photo shows through but is calmed. Then select it, click Position, and choose Backward (or To back) until it sits under the text. Stretch it a little wider than the text block. This one technique solves most text-over-photo problems.
For a softer result, use a rectangle that fades. Search Elements for a gradient and place it along the edge where the text sits, so it darkens only that area and leaves the rest of the photo untouched.
Method 3: Shadow, when a scrim is too heavy
Select the text, click Effects in the toolbar and choose Shadow. Canva’s help lists the adjustable settings as intensity, direction, transparency and colour, so keep the intensity low and the shadow subtle. It adds contrast at the letter edges and leaves the photograph visible.
Method 4: Picture-filled letters, for one big headline
Open Apps in the side panel, search for FontFrame or Clipping Mask, type your word and choose the image. Then adjust the font and placement, and add the result to your design. Choose a heavy, thick typeface, because regular and thin weights show almost none of the image. Put the result on a contrasting flat colour.
Do not use transparency on text that carries information. Prices, dates, discount codes and calls to action need to survive being seen on a phone, in sunlight and at thumbnail size. Use a scrim and keep the letters solid.
Starting points
These are design suggestions, not Canva rules. Canva’s transparency scale runs from 0 to 100, so adjust by eye on your own image.
| Element | Starting point | Notes |
|---|---|---|
| Scrim colour | Black or a very dark colour | White scrims tend to wash photos out |
| Scrim transparency | Try a value around 40 | Lower on dark photos, higher on bright ones |
| Decorative text transparency | Keep it fairly high | If you squint and cannot read it, go higher |
| Text shadow | Subtle | If it looks like a drop shadow, reduce it |
| Picture-filled letters | Heavy or black font weight | Regular weights show almost no image |
A white rectangle placed over a photo does not soften it, it fogs it. A dark rectangle at a similar transparency deepens the picture and keeps the colours underneath looking rich.
The one habit to change
Reach for a scrim before you reach for the transparency slider. Solid text over a calmed background beats faded text over a busy one, and it only takes a couple of clicks.
For text that follows a curve rather than a straight line, curving text in Canva covers the Curve effect. And when the background is the problem rather than the text, blurring it can remove the need for any overlay at all.
Frequently asked questions
How do I make text transparent in Canva?
Select the text, then click Transparency on the toolbar above the editor and drag the slider, or type a value next to it. Canva’s scale runs from 0 to 100, and the closer it gets to zero, the more the colour fades. Very low values make most fonts hard to read, so this method suits decorative background text, not anything that carries meaning.
What is a scrim and why is it better?
A scrim is a semi-transparent shape placed between a photo and text. Instead of weakening the text, it reduces the contrast of what is behind it, so the letters stay solid. In Canva, add a rectangle from Elements, make it dark, lower its transparency, then select it, click Position and choose Backward until it sits under the text.
Can I make the photo show through the letters?
Not with a single built-in button that we could find in Canva’s help pages. The Apps marketplace has apps built for it: the FontFrame app adds an image to your text, and the Clipping Mask app cuts images into text and shapes. The Clipping Mask listing says it is free to use with any Canva plan. Bold, thick fonts work best, because thin letters leave too little area for the image.
Why does my white text disappear on parts of the photo?
Because the photo is not uniform. White text over a sky is clean until the sky meets a pale building. Either move the text to a more uniform area, or add a scrim so the whole text area has the same contrast. A shadow effect is the lighter fix when moving the text is not an option.
Keep reading
15 Canva keyboard shortcuts that save you time
Canva lists dozens of shortcuts and few are worth memorising. These 15, grouped by when you use them, are all on Canva’s own list and cut the clicking.
How to curve text in Canva for logos and badges
The curve slider, how to get text running along the bottom of a circle the right way up, and the spacing settings that stop curved letters colliding.
How to blur the background of a photo in Canva
Canva has two tools for a blurred background: a brush you paint with, and Auto Focus. Here is where they are now and how to keep the result natural.