Unlimited Downloads 15% off Marketplace Purchases Exclusive Software Access Unlimited Downloads
15% off Marketplace Purchases
Exclusive Software Access
Start your 7 Day Free Trial Start Plus Trial Maybe Later
How to Texture Fill in Affinity Designer
  • By Design Bundles
  • 7 Mins
  • Affinity Tutorials

How to Texture Fill in Affinity Designer

Discover how to texture fill in Affinity Designer by painting in with a brush or by using a mask.

Creating interesting textures adds depth to an image and can turn a flat looking design into something special. There are two ways to add texture to designs in Affinity Designer. We will cover them in this tutorial on how to add texture fill to text.


Using a Brush to create texture

Step 1 - Add base text

In this tutorial I will be using a bold handwritten font called Pink, but you can use any bold font from Font Bundles. Click on the Artistic Text Tool and type out your words. If you are new to Affinity Designer, check out our guide on adding text to Affinity.

Affinity Designer Add Text

Step 2 - Convert the text to Curves and Ungroup

With the text selected go to the Layers Menu and then Convert To Curves.

Affinity Designer Convert to Curves

Go to the Layers Menu once again and Ungroup the text.

Affinity Designer Ungroup text

Step 3 - Weld the text

The individual letters need to be made into a single layer object. Go to the Layers Menu, then Geometry and finally click Add.

Affinity Designer Single layer object

Step 4 - Switch to Pixel Persona and Select the Brush Tool

Texture brushes work in the Pixel Persona. You can find it in the upper tool bar. Pixel Persona is represented by several colorful squares.

Affinity Designer Pixel Persona

Select the Brush Tool located in the left tool bar. It is shown as an icon of a paint brush.

Affinity Designer Select Brush

Step 5 - Choose A Brush

On the right side of the screen select the brush panel and choose your brush. We will be using these textured Affinity Designer brushes by Pixelbuddha.

Affinity Designer Choose Brush

Step 6 - Choose A Color and paint in the texture

We will use the Color Picker Tool to select the color for the texture. Here is a great tutorial on using the Color Picker tool if you need more information.

Affinity Designer Color Picker

Select the layer that the text is on and start painting with the paintbrush. Affinity Designer will automatically add a new pixel layer inside the letters. This means the texture will only show up where the letters are.

Affinity Designer Paint Texture

Using An Overlay To Create Texture

Step 1 - Repeat Steps and Import Overlay

Follow Steps 1 - 3above to create the base text that we are going to add our texture to. We will be using this set of grunge overlays by Clikchic Designs, but you can use any overlays or textures available on Design Bundles. Go to the File Menu and select place. Navigate to the place that the textures are saved and select it.

Affinity Designer Select Texture

Step 2 - Place Texture and create a clipping mask

Click on the canvas to place the texture. From here you can make any changes to the size or rotation of the texture. Next, we will create a clipping mask for the texture overlay.

Affinity Designer Place Texture

Make sure that the texture is on the layer above the wording. Right click on the texture layer and select Mask To Below.

Affinity Designer Mask to Below

Affinity Designer will create a mask from the texture.

Affinity Designer Masked Text

Step 3 - Make Adjustments to the Mask

If you find yourself needing to move or change the size of the mask you can still do that. Click directly on the icon of the texture and you will be able to move, resize or rotate it to get the look you want.

Affinity Designer Edit Mask

You can use the same techniques to add texture to any object, shape or text. If you liked this tutorial you may also like our tutorial on using color palettes in Affinity Designer and making seamless patterns in Affinity Designer.


6 Related Affinity Tutorials

In this tutorial we will take you through the steps for using the Affinity Designer gradient Fill Tool. Gradients are the smooth transition from one color to the next. Adding a gradient is a fairly quick process that can create more depth to your designs. Gradients are used across a ...

Shapes in Affinity Designer can be filled with patterns by using the Fill Tool option. This can be applied to a range of projects like sublimation, stickers, card designs and more. Any image can be used including seamless patterns. Creating a design with a pattern fill has never been more ...

In this super quick tutorial we will show you how to use Affinity Designer’s Bitmap fill. You can use a texture, pattern, or image to fill a design and create something unique. Bitmap fills are a great way to make your designs stand out.You are welcome to browse ...

In this tutorial, you’ll be learning how you can make brushes in Affinity Designer based on your own designs and custom shapes.Vector brushes in Affinity Designer are basically png files stretched along a path. So the overall process involves the creation of a design, exporting it as a ...

In order to really maximize your design capabilities with Affinity Designer, you will really need to use some installed fonts. The pre-installed fonts are great but limited. Purchasing fonts from Font Bundles will give you premium quality fonts with a commercial license. Choosing the perfect font can enhance your design ...

Text Styles are presets that can be applied quickly and efficiently to a large amount of text. This is essential for projects that use text and require the ability to update across the platform. In this tutorial we will give a brief overview of how to use Affinity Designer Text ...

You may also like

Help Center
ol image