How Do You Make a Brush Stroke in Canva?

How Do You Make a Brush Stroke in Canva?

Are you looking to add some artistic flair to your designs in Canva? One way to do so is by incorporating brush strokes. Brush strokes can add texture, depth, and a hand-painted feel to your creations. In this tutorial, we will show you how to make a brush stroke in Canva using simple HTML styling elements.

Step 1: Create a New Design

To get started, open Canva and create a new design. Choose the dimensions that best suit your project, whether it's a social media post, flyer, or presentation slide.

Step 2: Choose a Background

Next, select a background for your design. Canva offers a wide range of options, including solid colors, gradients, patterns, and images. Pick one that complements your overall design concept.

Step 3: Add Text or Objects

If you want to add text or other objects before applying the brush stroke effect, go ahead and do so now. Canva provides an extensive library of fonts and graphics to choose from. Experiment with different combinations until you achieve the desired look.

Step 4: Insert HTML Styling Elements

To create the brush stroke effect, we will use HTML styling elements within Canva's text editor. Simply double-click on the text or object you want to apply the effect to and switch to the HTML mode by clicking on the "<>" icon.

Once in HTML mode, you can start incorporating various styling elements:

  • Bold Text: To make part of your text appear bold, surround it with tags. For example: This text will be bold.
  • Underlined Text: To underline a section of text, use the tags. For example: This text will be underlined.

Feel free to combine these elements for added emphasis. For instance, you can make a section of text both bold and underlined by using the following syntax: This text will be bold and underlined.

Step 5: Apply Brush Stroke Effect

Now that you have added your desired styling elements, it's time to create the brush stroke effect. To do this, we will use the HTML element with inline CSS styling.

Select the portion of text or object you want to apply the brush stroke effect to. Then, switch back to HTML mode by clicking on the "<>" icon in Canva's text editor.

Add the following code within the selected element:


Your styled text or object here

Make sure to replace 'brush-stroke.png' with the path or URL to your desired brush stroke image. You can create your own brush stroke image using graphic design software like Adobe Photoshop or find pre-made ones online.

Tips:

  • You can experiment with different brush stroke images and adjust their size and opacity using CSS properties like background-size and opacity within the inline style attribute.
  • To apply the brush stroke effect to multiple elements, simply duplicate the HTML code and adjust it as needed.

Remember to save your design frequently to avoid losing any progress. Once you're satisfied with the brush stroke effect, you can download your design in various formats or share it directly from Canva.

With these simple HTML styling elements and Canva's intuitive interface, you can easily add captivating brush strokes to elevate your designs. Let your creativity flow and experiment with different combinations to create stunning visual masterpieces!