Unlimited Downloads 15% off Marketplace Purchases Exclusive Software Access Unlimited Downloads
15% off Marketplace Purchases
Exclusive Software Access
Try Plus for Free Maybe Later
How to Add Multiple Strokes to Text in Affinity Designer
  • By Design Bundles
  • 17 Aug 2021
  • 10 Mins
  • Affinity Tutorials

How to Add Multiple Strokes to Text in Affinity Designer

Text can be built up with layers of colors for contrasting projects. You can even use it for subtle shading. Affinity Designer doesn't have a quick tool for adding multiple strokes to text. While this may be a slight drawback, there are workarounds. We will be using a grouping method to get a quicker result.
For this tutorial we are using a quirky handwritten font and pastel color swatches. You can use any cute font from our excellent font selection.
The pastel swatches contain a .ase file that can easily be installed in Affinity Designer. We have a great in depth tutorial on using color palettes in Affinity Designer to help you along.
 

Create the text object and change the stroke


We will be using the Artistic Text tool to create our text object. The text stroke color and width will also be set up. If you have never used the text tools before, check out our tutorial on adding text in Affinity Designer.
 

Step 1 - Type out your text and change the font


Open Affinity Designer then select New document. Once you have selected your settings click Create. On the left hand side click on the Artistic Text tool. Click anywhere on the document and type out your words. The font can be changed top left of the screen. The color palette has already been installed. It will be available under the Swatches panel on the right hand side.
Text tool change font Affinity
 

Step 2 - Change the font color and width


The stroke color is shown as a circle with an outline under the Swatches Panel. At the moment no stroke is applied so there is red line through the circle. With the text selected, click on the circle outline then choose a color from the color palette.
Change stroke color Affinity
Now click on the Stroke Panel next to the Swatches Panel. Change the Width to 3 pt. You can choose a Cap shape, which will round or square off the edges. In this case it doesn't have an effect on the font so we left it as is. Be sure to tick the box next to Scale with object. This will keep the stroke proportional when resizing.
Adjust stroke settings Affinity
 

Add multiple strokes to the text


The base text is set up with the first stroke. We can now add multiple strokes of varying shades or contrasting colors. To do this we will be creating groups and applying the strokes to each one.
 

Step 1 - Create the first group and add a new stroke


The method we are going to use is fairly quick while a little odd. Normally a group consists of more than one layer. But in this case, the text layer will grouped on its own. Under the Layer's Panel on the right hand side, right click on the text layer and select Group. When you click on the arrow next to the group layer, it will open to show the text layer.
Created grouped layer Affinity
 

Step 2 - Add an Outline with Layer Effects


The Group layer should be highlighted in blue to show as selected. Go to the bottom of the Layer's Panel and click on the fx symbol. The Layer Effects panel will open. On the left side, click on the Outline to open the options. Tick the box next to Outline to make it active.
Change the Radius to 11 px. Beneath Color you will see HSL Sliders with a white arrow next to it. Click this arrow to open the menu and choose Swatches. Your installed swatches that show on the right will show here. Choose a color then click Close.
Apply layer effects Affinity
 

Step 3 - Group all layers and add another stroke


As before, we are going to group all of these layers in order to add another stroke. Go to the Layers Panel, click to the select the Group Layer then right click and select Group. You should now have a main Group Layer, with a Group layer beneath containing the text layer.
Once again, with the main Group layer selected, click on the fx symbol. Follow Step 2 above to add an Outline, adjust the Radius to 17 and change the color. When you close out of the Layers Effects panel, you will see an fx symbol next to both Group layers. Clicking on the symbol will open the Layer Effects where you can make changes at any time.
Group all layers add stroke
 

Build up the text with multiple strokes


Carry on creating groups and adding strokes to each one as needed. As the Layer Effects Panel is non-destructive you can change the color and Radius without a problem. Just click on the fx symbol next to each Group layer. Even the stroke color and width for the text layer can still be adjusted. A retro style can be created with just a few changes.
Multiple strokes retro Affinity
Varying the width of the strokes can create impact for logos and designs.
Multiple stroke width varied
Varying color and stroke width creates many opportunities for your projects. Next up check out our tutorials on creating a texture fillcreating a paper cut effect, and making Affinity Designer brushes.

6 Related Affinity Tutorials

There are two types of tools for adding text in Affinity Photo. These are the Artistic Text Tool and Frame Text Tool. They work in the same way as in Affinity Designer. Text is usually added to projects like invitations and posters where attention is needed. It also provides information ...

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 ...

Curving text in Affinity Designer looks great for logos and insignias. You also can use it to improve the visual effect of any design. Personalized project such as shirts can be creatively enhanced with curved text. In this tutorial we will show you how to curve text on a wavy ...

Clipping Masks in Affinity Designer are clipped to the boundaries of the parent layer. These masks can be something like a photo clipped to a text layer. The photo then takes the shape of the text non-destructively. In this tutorial you will learn how to use Clipping Masks with photos ...

In Affinity Designer text can be enhanced using the Layer Effects panel. The panel is loaded with options for blurring, bevel, 3D and more. The Layer Effects panel works non-destructively and can be edited at any point. We will show you how to apply Layer Effects to text in Affinity ...

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