Affinity Designer DIY Vector Brush - The Brush

Affinity Designer DIY Vector Brush - The Brush
Now that we have our new base image for our custom brush exported as a .png, we can turn it into a vector brush. We could place our new brush in to any of the existing categories. But we already created a new category for our custom brushes in the first part of the tutorial.

Let's start by setting the Brushes panel to receive our base image (see screenshot).

  1. Open the Category menu and find our new category (see screenshot). Select the category, to make it the active category in the Brushes panel.

  2. Note: When working with the Brushes panel, always set the category first.

  3. Click the Panel Preferences icon to open the menu and choose New Textured Image Brush (see screenshot).

  4. In the file window, choose the brush .png file that you exported.

  5. You will see your new brush thumbnail listed in the Brushes panel. It probably looks a little skewed. We will keep most of the default settings, but let's take care of the brush shape (see screenshot).

  6. Double-click on the new brush thumbnail to open the Edit window (see screenshot).

  7. Set the Brush Width as you like, watching the changes in the Preview.

  8. Keep the Size and Opacity Variance set to the default.

  9. Keep the Pressure set to the default.

  10. Change the Body option from Stretch to Repeat.

  11. This will correct the skewed shape and repeat the paw prints along the vector path.

  12. Keep the Corners option set to the default, which is Pull.

  13. Now let's test our new brush with the Brush and Pen tools.

  14. With the new brush selected in the Brushes panel, select the Vector Brush tool and draw a path on the canvas.

  15. You will see the brush repeat along the path as you draw (see screenshot).

  16. Switch to the Pen tool and draw a path.

  17. You will see the path but the brush has not been applied automatically (see screenshot).

  18. With the path still active, click on the brush thumbnail in the Brushes panel, to apply the brush.

  19. Note: The Vector Brush Tool will apply the active brush to the path automatically. However, for the Pencil, Pen and Shape tools, you need to select the brush thumbnail from the Brushes panel.


Screenshots used by permission of Serif (Europe) Ltd. This article is not endorsed by Serif Ltd.

Related Articles
Editor's Picks Articles
Top Ten Articles
Previous Features
Site Map

Content copyright © 2022 by Diane Cipollo. All rights reserved.
This content was written by Diane Cipollo. If you wish to use this content in any manner, you need written permission. Contact Diane Cipollo for details.