How To Make a Gradient in Canva

Color gradients allow you to gradually blend one color into another to create a transition that makes backgrounds and shapes more visually appealing. They’re often used to transition between two different tones, though you can create gradients featuring multiple colors.

Gradients add depth to an image, in addition to helping create a sense of distance and proximity. Canva allows you to create color gradients in several ways, enabling you to give your images more depth and pop. Keep reading to learn how to create gradients in Canva for backgrounds, text, and shapes.

How to Create a Gradient Background

Creating a gradient background allows you to contrast a simple foreground design with an eye-catching background image.

The process for creating a gradient background differs depending on whether you’re using Canva on a PC or a mobile device.

PC

It’s easier to create a gradient background on a PC because of the larger screen and simpler access to editing tools. Follow these steps to create your background.

1. Go to canva home page and login to your account.
   
2. Click “Create a Design” Scroll down all options and click the one you want to apply.
   
3. Choose “Uploads” on the left side of the editor control panel.
   
4. Click “Upload Media” and Upload the image you want to design.
   
5. After uploading the image, Click “Elements” above Uploads.
   
6. Type “gradient” into the search and hit the Enter key on your keyboard.
   
7. Navigate through Canva’s gradient options and click the one you want to apply.
   
8. With the gradient applied, drag its corners so it fills the relevant section of your image.
   
9. Click the edit Imagine panel on the top right and If you don’t see the Panel, Click the “••• More”.
   
10. Lower the Transparency to adjust the gradient solid color.
    
11. Select the gradient and click “Position” in the top-right menu.
    
12. Set the gradient back as many times as needed to place it behind any other images.
    
13. Click the gradient to see its colors appear in the top-right of your Canva window. Choose your preferred color combination.
    
14. Then you can “Share” your design on the top-right.
    

Mobile

While setting a gradient background on a mobile device is fairly simple, it requires some swiping back and forth to see the change’s effects on your image.

1. Tap the + button at the bottom corner of the image editor.
   
2. Swipe until you reach the “Background” icon and tap it. If you don’t see the icon, swipe to find “••• More” and you should find “Background” there.
   
3. Select a color tile, located beneath the search bar, and tap to apply.
   
4. Swipe the editor panel back down to return to your design.
   

Follow these steps if you want to select a different color for your gradient background.

1. Tap the “Palette” icon.
   
2. Select the “+ Add a new color” option.
   
3. Select your new color.
   

How to Create a Gradient on Text

Adding a gradient to text allows it to pop against a flat color background, creating a sense of depth that makes the text stand out. Again, the process varies depending on whether you’re using a PC or the Canva mobile app.

PC

There are two ways to create gradient text on a PC. The first is a workaround that enables you to create this text on the free version of the software. The second uses some paid features to speed up the process.

The Free Method

The free method requires you to create a custom gradient inside Canva before you can apply it to text.

1. Create a new Design.
   
2. Click the “Elements” option on the left-hand sidebar.
   
3. Locate “Gradients” and select a free design.
   
4. Locate the two color options in the upper-left corner and choose your desired colors.
   
5. Save and download your new file as a PNG.
   

Now that you have a gradient, you’re ready to use it to create a text effect.

1. Open a new page.
   
2. Select “Elements.”
   
3. Type and click the “Letter frames” option.
   
4. Select the letter you need and drag it into position.
   
5. Repeat this process for every letter required.
   
6. Locate your gradient PNG file and drag it into each letter.
   
7. Double-click each letter and resize your gradient image to cover all edges of your page.
   
8. Select the gradient and click “Position” to Backwards in the top-right menu.
   

The Paid Method

The paid method uses Canva’s background removal tool to speed up the process.

1. Open a new page.
   
2. Click the “Elements” option and add a gradient to your background.
   
3. Select “Elements” again and click “Letter frames.”
   
4. Drag your chosen letters onto the page.
   
5. Select all of the letters and set their transparency to 35%.
   
6. Download the entire image as a PNG.
   
7. Upload the new PNG into Canva.
   
8. Click “Add Page.”
   
9. Drag your new page into the uploaded PNG file.
   
10. Click “Edit Image” at the top of the block.
    
11. Choose “Background Remover” and wait for about five seconds.
    
12. Click “Apply.”
    

You should now have gradient text without having to repeatedly drag a PNG file into each letter.

Mobile

Creating gradient text using the Canva mobile app is a little more difficult than doing it using a PC. It also requires you to have some gradient images saved in your mobile device’s photos. Start by creating a new gradient background.

1. Open your Canva dashboard and click the + icon at the bottom-right of the screen.
   
2. Tap the “Facebook Post” template.
   
3. Select the + icon again and navigate to photos.
   
4. Search for “Gradient.”
   
5. Tap your desired gradient image.
   
6. Drag the edges so the gradient image covers the full template.
   

Now, you need to add the text you wish to apply the gradient to.

1. Tap the + icon.
   
2. Select the “Text” icon. If it isn’t visible, tap “••• More” to find it.
   
3. Select either a heading, subheading, or body text and choose a font.
   
4. Insert the text into your image.
   
5. Drag the text’s edges to make it the desired size.
   
6. Tap the text box and enter your desired words.
   

You now have a gradient and a font. Next, it’s time to apply the gradient to your text.

1. Change the text color to white.
   
2. Select the text box and use the transparency slider to set the text transparency to 40%.
   
3. Download the image as a PNG file.
   
4. Reenter Canva and swipe across to open a blank template.
   
5. Tap the + icon.
   
6. Go to “Uploads” and select your newly created PNG.
   
7. Resize the PNG so it fills the template.
   
8. Select “Effects” from the tools at the bottom of the screen.
   
9. Tap “Background Remover” and wait.
   

You should now have your gradient text against a white background. The final steps involve adjusting the text so the gradient is more pronounced.

1. Crop the text in your PNG image.
   
2. Select “Adjust” from the toolbar.
   
3. Use the sliders to adjust the colors in your text.
   

How to Create a Gradient in a Shape

Adding a gradient to a shape works similarly to adding one to text. You must first create a gradient image before you can apply it to the shape.

1. Create a New Design and Custom Size.
   
2. Chose the “Elements” icon.
   
3. Find “Gradients” and click a design.
   
4. Drag the gradient’s edges to cover your entire page.
   
5. Choose your color options.
   
6. Save and download your image as a PNG.
   

Next, you need to create a shape that you can apply the saved gradient image to.

1. Open a new Canva template.
   
2. Navigate to “Elements.”
   
3. Click “Frames” and choose your shape.
   
4. Resize the image as needed.
   
5. Upload your created PNG file into the new template and drag it over the shape.
   
6. Use the image’s round corners to adjust its size.
   
7. Double-click the image and crop it to fit the shape.
   
8. Click “Done” when you’re finished.
   

Mobile

Similar to a PC, you’ll need to create a gradient image on your mobile before you can add it to a shape. Again, it’s best to do this with some gradient photos saved to your device. Start with creating a gradient background.

1. Open Canva and select the + icon.
   
2. Choose a blank template.
   
3. Tap the + icon again and find your photos.
   
4. Search for “Gradient.”
   
5. Choose the gradient image to insert into your template.
   
6. Drag the image’s edges so it fills the template.
   
7. Save the template as a PNG file.
   

Next, you’ll create a shape and add the gradient image to it.

1. Open a new Canva template.
   
2. Click the + icon.
   
3. Tap “Elements.”
   
4. Scroll to “Frames” and select your desired shape.
   
5. Click the arrow to see all available shapes.
   
6. Tap the frame and adjust its size using the round corner icons.
   
7. Select the frame and click the + icon.
   
8. Tap “Folders” and navigate to your saved PNG file.
   
9. Drag the uploaded PNG into the middle of the frame. The image will automatically crop itself to fit the frame.
   

Gradients for All Occasions

Though it takes a bit of extra work, it’s possible to create gradients in text and shapes using Canva. This allows you to create attractive images that have more depth and pop to them.

Have you ever used gradients in Canva before? Did you know it was possible to use gradients for shapes and text, as well as backgrounds? Let us know in the comments section below.