A Simple Trick For Applying Vector Textures In Affinity Designer + Free Texture Pack

Apply vector textures with Affinity Designer

In past tutorials we’ve gone over how to apply pixel-based texture overlays in Affinity Designer using black & white images and layer masks. However, in this tutorial we’ll be going over how to use vector textures instead, which requires an entirely different workflow.

When working with a vector-based texture, your first instinct may be to “subtract” it from the object you want to apply it to using Boolean operations. That is not the most efficient approach though, and it may even crash the application depending on how large the file is and how much load your computer can handle.

A much simpler approach would be to use the Erase layer mode and then apply it to the object as a clipping mask. Let’s have a closer look.

Free Vector Texture Pack

If you want to follow along and try this out for yourself then you can download a free pack of vector textures that I’ve put together here: Free-Textures.zip

How To Apply Vector Textures In Affinity Designer

To apply a vector texture in Affinity Designer, place the texture over the object and change its layer mode to “Erase“. Then, click and drag the texture layer on top of the object’s layer and release to make a clipping mask.

The following video tutorial will walk you through the entire process:

First, import your vector texture and position it on top of your subject:

Texture positioned over the subject

Make sure to position it exactly where you’d like it to be applied relative to the subject.

To apply it, all you have to do is select it, go to the Layers menu and change the layer mode to Erase. This will subtract the texture from any objects placed beneath it:

Changed layer mode
Click to enlarge.

The problem now is that the texture is not confined to the target subject– it is also applied to every other object positioned beneath it, including backgrounds and other design elements.

To apply the texture only to the subject and nothing else, we must make a clipping mask out of it. To do so, click and drag the texture layer on top of the subject layer, hold it there until it highlights blue, then release the click:

Clipping mask

This will create a clipping mask where both layers are combined together into a single layer. That single layer now represents the subject with the texture applied to it and nothing else:

Texture applied

And you can zoom all the way in to confirm that the vector nature of the texture has been preserved.

The Best Part? It’s Non-Destructive

A benefit of using layer modes to apply vector textures in Affinity Designer is that the effect is completely reversible later on if need be.

To do so, simply expand the layer in the Layers menu and pop the texture layer out of the group by clicking and dragging it onto its own layer. And you can also change the texture’s layer mode back to Normal if you want to revert back to its previous state.

Master The Software

Want to learn everything there is to know about your favorite design apps? Check out our interactive video courses and private community for getting help when you need it!

The Inkscape Master Class

A comprehensive series of 60+ videos where I explain every tool and feature in Inkscape.

Affinity Designer Master Class

A series of 80+ explainer videos where I go over every tool and feature in Affinity Designer.

The Illustrator Explainer Series

A series of 100+ explainer videos where I go over every tool and feature in Adobe Illustrator.

The Logo Design Academy

An 18-part video series teaching my entire creative process for designing logos, from start to finish.

This post may contain affiliate links. Read affiliate disclosure here.

Nick Saporito

Hi, I'm Nick— a Philadelphia-based graphic designer with over 10 years of experience. Each year millions of users learn how to use design software to express their creativity using my tutorials here and on YouTube.

Leave a Reply

Your email address will not be published. Required fields are marked *

eighteen − sixteen =

Recent Posts