Step-by-Step Guide: Canva Brushes for Web Design
Written by  Daisie Team
Published on 7 min read


  1. Create a new Canva project
  2. Select the brush tool
  3. Choose a brush style
  4. Apply color to the brush
  5. Use the brush on the design
  6. Adjust brush size and opacity
  7. Create custom brush strokes
  8. Save and export your design

Web design is a breeze with Canva, especially when you know how to use the brush tool effectively. This tool can add charm and personality to your designs, or simply add a splash of color where it's needed. If you've been wondering how to use a brush in Canva for web design, you've come to the right place. We'll walk you through each step of the process, from creating a new project to exporting your masterpiece.

Create a new Canva project

Before you can start painting with Canva's brushes, you need a canvas to paint on—that's where a new Canva project comes in. Follow these simple steps to get your project up and running:

  1. Visit Canva: Open your favorite web browser and head to Canva's homepage.
  2. Sign In: If you're not already signed in, click on the "Sign in" button in the top right corner of the page and log into your account.
  3. Create a New Design: Once you're logged in, click on the "Create a design" button. This will bring up a menu with a wide variety of design sizes and templates. For web design, you might want to choose a "Website" template.
  4. Choose Your Layout: After you've selected your design type, you can choose a layout from Canva's extensive library, or start from scratch with a blank canvas.

Now that you've got your project ready, you're all set to explore how to use a brush in Canva for web design. Let's dive into the specifics of the brush tool in the next section.

Select the brush tool

Now that your project is set up, it's time to start designing. But wait, where's the brush tool you ask? Here's how to find it:

  1. Open the Elements Tab: On the left-hand side of your screen, you'll see a sidebar with a variety of options. Click on the 'Elements' tab.
  2. Find the Brush Tool: Scroll down a bit, and you'll across a section titled 'Lines & Shapes'. This is where you'll find the brush tool.
  3. Select Your Brush: Click on the 'See all' button next to 'Lines & Shapes' to expand the options. Here, you'll see a variety of brush strokes to choose from. Click on the one you want to use in your design.

And there you have it! You've successfully selected the brush tool. But how do you use a brush in Canva for web design? Don't worry, we're getting there. Next, we'll talk about how to choose your brush style.

Choose a brush style

Alright, you've found the brush tool. Now, let's get our hands dirty and start painting. But wait, which brush style to use? Let's find out.

  1. Explore Your Options: Canva offers a plethora of brush styles. From thick, bold strokes to thin, delicate lines—there's something for every design aesthetic. So go ahead, take a moment to browse through and find one that resonates with your design vision.
  2. Try Them Out: Not sure which style to pick? No problem. Try a few! Simply click on a brush style to add it to your canvas. Don't like how it looks? Just hit delete and try another. The beauty of Canva is that you can experiment freely until you find the perfect fit.
  3. Keep Your Design in Mind: As you choose your brush style, remember your overall web design. A grungy brush stroke might not fit a minimalist website, and a fine, delicate line might get lost in a bold, graphic layout. The key is to choose a style that enhances your design, not distracts from it.

Choosing the right brush style is an art in itself. Remember, it's not just about what looks pretty—it's about what works best for your web design. Now that you know how to choose a brush style in Canva for web design, let’s move on to adding some color.

Apply color to the brush

So, you've chosen your brush style—awesome! Now let's add some color to your brush strokes. Here's how you can do it:

  1. Tap on the Brush: First, click on your brush stroke. This will open the color palette at the top of your Canva workspace.
  2. Select a Color: Canva has a massive selection of colors. There's a rainbow of shades to choose from—literally! You can select a color directly from the palette or enter a specific hex code if you have one in mind.
  3. Test and Tweak: Once you've chosen a color, it's time to see how it looks on your design. If it's not quite right, don't worry. You can easily adjust the shade by clicking on the color wheel and moving the cursor around until you find the perfect hue.

Applying color to your brush in Canva for web design is as easy as pie—a multi-colored pie, that is. Remember, color can dramatically change the mood and feel of your design, so choose wisely. Ready to start brushing? Let's go!

Use the brush on the design

Now that you've got your brush all set up and colorized, it's time to get creative! But how exactly do you use the brush on the design? It's pretty simple, actually.

  1. Click and Drag: Start by clicking on the area of the design where you want your brush stroke to begin. Hold down the mouse button and drag the cursor across the screen. Your brush stroke will follow the path of your movement. It's a bit like magic, don't you think?
  2. Release: Once you're satisfied with the length and direction of your stroke, simply release the mouse button. Voila! You've just created your first brush stroke.
  3. Repeat: You can add as many brush strokes as you like to your design. Just remember to click and drag for each new stroke.

There you have it—a simple, step-by-step guide on how to use a brush in Canva for web design. Remember, practicing is key. The more you experiment with different brush styles and colors, the more unique and captivating your web designs will become. So, what are you waiting for? Let's brush up your designs!

Adjust brush size and opacity

Okay, you've got the hang of using the brush tool, but there's more to learn. How about adjusting the brush size and opacity? This gives you even more control over the look and feel of your designs.

  1. Adjusting the size: To change the size of your brush, look to the top of your screen. You'll see a slider with a plus and minus sign at either end. To make your brush larger, slide towards the plus sign. For a smaller brush, slide towards the minus. Easy as pie, right?
  2. Changing the opacity: Next to the size slider, you'll find another slider for opacity. This alters how transparent your brush strokes appear on your design. Sliding towards the right will make your strokes more solid, while sliding to the left will make them more see-through. It's all about finding the right balance for your design.

So, that's how you adjust the size and opacity of your brush in Canva for web design. Remember, these adjustments can make a world of difference in your designs, so don't be afraid to experiment. Happy designing!

Create custom brush strokes

Now that you've got the basics down, it's time to have some fun! Did you know you can create custom brush strokes in Canva? This can add a unique, personal touch to your web designs.

Creating your very own brush strokes isn't as complicated as it might sound. Here's a step-by-step guide:

  1. Choose your brush: First, select your favorite brush style from the ones we discussed earlier. Remember, each one has its own unique texture and effect.
  2. Set your size and opacity: Decide on the size and opacity for this brush stroke. Remember, larger sizes and higher opacities can create bolder strokes, while smaller sizes and lower opacities can give a more subtle effect.
  3. Make your stroke: Now it's time to make your stroke. Click and hold down on your design, then drag your mouse to form the stroke. It's your canvas; feel free to get creative!
  4. Save your stroke: Lastly, if you love your new custom stroke, you can save it for future projects. Just right-click on the stroke and select "Save as template". It's that simple!

And there you have it—creating custom brush strokes in Canva for web design is as easy as 1, 2, 3, 4! Remember, it's all about expressing your unique style. So, why not try creating some custom strokes today?

Save and export your design

After all the hard work and creativity you've put into your design, it's time to save and share it with the world. Thankfully, Canva makes this process straightforward, even if you're new to web design.

Here's a quick rundown on how to save and export your design:

  1. Save your project: Click on the "File" tab on the top left corner of your screen. In the drop-down menu, find and click "Save". Canva will automatically save your project, so you can come back to it anytime you want.
  2. Choose your file type: Now, decide how you want to export your design. Canva offers a variety of file types including JPG, PNG, and PDF. For most web designs, PNG is a great choice as it supports transparent backgrounds and maintains high quality.
  3. Export your design: Once you've selected your file type, all that's left to do is click on the "Download" button at the top right corner of your screen. Your design will then be saved to your device, ready to be uploaded to your website or shared with others.

And that's it! Now you know how to save and export your web design in Canva. Remember, practice makes perfect—so keep exploring, experimenting, and most importantly, have fun with your designs!

If you enjoyed our step-by-step guide on Canva brushes for web design and are looking to expand your skills in digital art and design, we recommend checking out the workshop 'Introduction to Adobe Fresco' by Agamsujenkins. This workshop will help you discover the power of Adobe Fresco, a versatile digital painting app that can take your web design projects to new heights.