Using textures as a fill property is a task that is handled differently according to the software you’re using, and Affinity Designer is not exception to this. In fact, Affinity Designer doesn’t handle texture filling at all, but thankfully there is a workaround. In this tutorial we’ll be going over how to texture fill in Affinity Designer using only a single click and drag of the mouse!
In short, this is no feature that allows you to texture fill in Affinity Designer. Instead, we must use the Stock tab to search for a texture image, import it onto the document, and then apply it as a clipping mask to the subject we’d like to fill it with.
This is a rather simple process. Let’s get to work!
Texture Fill In Affinity Designer
The following video tutorial will walk you through the entire process of applying texture fills in Affinity Designer:
Continue on for the written instructions.
Table of Contents
How To Apply A Texture Fill
How To Remove A Texture Fill
How To Apply A Texture Fill
Let’s first go over how to texture fill in Affinity Designer, then we’ll address removing the fill in case you’d like to do so.
In order to apply a texture fill we will first need a subject to apply it to.
For this demonstration I will be applying a texture fill to the following example shape:
This is just a circle, but you can use virtually any shape, image, or text object you’d like.
Now we are going to search for an image to use as the texture fill.
Navigate over to the Stock tab (located all the way to the right of the Layers menu tab) and choose your preferred stock photo site from the menu dropdown.
The sites to choose from are:
Both are free stock photo sites with countless images, textures, and various design elements to choose from. Either choice should be fine.
Use the search bar to type in “textures“, or if you are searching for a specific type of texture, add that in as well (eg. “wood textures“)
An index of images to choose from should populate:
These are all user-generated images from the chosen stock photo site.
Once you’ve found a suitable texture, you can import it by simply clicking and dragging it onto your canvas.
It should be fairly large once imported, and a small menu will populate indicating the user who contributed that image:
You can close out of that menu.
Once the texture is imported onto the document, you can apply it to an object as a fill by creating a clipping mask.
To do so, open the Layers tab and click and drag the texture layer on top of the subject layer. When done correctly, the texture image should be placed inside of the object:
As previously mentioned, whenever you apply a texture fill in Affinity Designer using the Stock tab, the image will be really large once imported. In this step we will be adjusting the texture fill to accommodate the subject it is applied to.
Grab the Move Tool (keyboard shortcut: V) and use the transformation handles to adjust your texture fill as needed:
Adjustments you can make include:
- Moving its position
- Scaling it up or down
- And more
If the transformations are being made to the entire subject and not just the texture fill, you may need to expand the object layer in the Layers tab so you can select the texture fill layer.
How To Remove A Texture Fill
Now that we’ve gone over how to apply a texture fill, let’s briefly go over how to remove a texture fill in Affinity Designer.
Navigate over to the Layers tab and locate the subject the texture is applied to.
Click the white arrow located next to the layer’s name in order to expand it:
The texture layer should then become visible.
All of you have to do now in order to remove the texture fill is simply pop the texture layer out from the subject’s layer.
To do this, simply click and drag to layer elsewhere:
Moving it up will place it above the subject and moving it down will place it beneath the subject.
Now you can either delete the texture or turn off its visibility in the Layers menu.
It wouldn’t be unreasonable to be taken aback by the fact that there is no designated tool or feature for creating a texture fill in Affinity Designer. However, as we’ve gone over in this lesson, such a feature doesn’t need to exist because it’s already possible with the existing tools!
This forward-thinking approach to keeping things simple and efficient is part of what makes Affinity Designer such a brilliant piece of software. And having an expansive library of user-generated textures to choose from surely beats whatever limited stock library that would’ve otherwise existed in Affinity Designer had they implemented this feature.
If you have any questions or need clarification on any of the steps taken in this lesson then simply leave a comment below.
Become A Master of Affinity Designer!
Want to learn more about how Affinity Designer works? Check out my Affinity Designer Master Class – a comprehensive series of over 60 videos where I go over every tool, feature and function and explain what it is, how it works, and why it’s useful.
Become A Master of Adobe Illustrator!
Want to learn more about how Adobe Illustrator works? Check out my Illustrator Explainer Series - a comprehensive collection of over 100 videos where I go over every tool, feature and function and explain what it is, how it works, and why it's useful.
Logos By Nick LLC is a participant in the Amazon Services LLC Associates Program, an affiliate advertising program designed to provide a means for sites to earn advertising fees by advertising and linking to Amazon.com. As an Amazon Associate I earn from qualifying purchases. Read affiliate disclosure here.