Learn the Basics of Typography with a Fun and Easy Project! (Part 2 of a 3 Part Series). This Affinity Designer Typographic Layout class is the second in a 3 part series to introduce you to the Affinity Designer software. We created a bunch of retro flowers in the last class and arranged them into an attractive “frame”. Now we are ready to add the typography. Of course, I am going to tie in a lot of tips and tricks to make it interesting for you.

And, this class, Affinity Designer Typographic Layout, will show you how to add not only one, but two thick outlines. We will use the Typographic AND the Appearance Studios.

My third objective for this class when I was creating this project was to show you the Pixel Persona. Once we have set our type, I will show you all about the power it has. We will add a complementary texture to the lettering while in this persona. Then, I will also show you how to add texture to a symbol.

I take you from start to finish in finalizing this great layout in this class. The cool thing is that we use the symbols library we created in the first class. I want to show you how helpful it is to have those symbols and what happens when we alter one. This studio, the Appearance Studio, and the Pixel Persona are such powerful features of Affinity Designer.

In this class I’ll walk you through:

my step-by-step method for setting type in Affinity Designer
tips for shaping the line of text by creating text on a path that we will draw with a pen or pencil
why the Appearance Studio is so important
adjusting symbols and adding texture while in the Pixel Persona
moving points and using the handles to re-shape the line of text

Learning vector software can be a challenge, but my step-by-step will guide you through the tricky bits. This class will benefit anyone looking to round out their graphic design skills to go beyond raster based programs.

The key concepts I will include:

introduction of the Pixel Persona in the Affinity Designer Program
a look at how strokes and paths can be used in typography
the Appearance Studio and how it can help you be more efficient

Learning another set of functions in Affinity Designer is a plus, even if you are not sure what you will use the vector art! Learning vector software workflows is will open new doors for you. Vector programs are important for you to learn, and we will do it, step-by-step.

Intro to Affinity Designer Typographic Layout

This short intro will give you an overview of the class.

Lesson 1: Overview, Installing Type and Inspiration

In this lesson, we look at typography from the 70's and search for a free front that might work for us. Once we find a font, I show you the process for downloading and installing it.

Lesson 2: General Typographic Overview in Affinity

In this lesson, I will break down the complete process of choosing the type we will be using and explain some of the steps we will be taking. I explain the difference between display type, which Affinity calls art type, and frame text.

Lesson 3: Typographic Terms and Adjustments

Affinity Designer uses different terms to describe things like the tracking between letters so I will explain a few of those to you. We start by doing the typesetting. I show you text on a path using a shape and then a path which we will draw with the pen tool first, then the pencil tool.

Lesson 4: Creating and Applying a Style in Affinity Designer

In this lesson I take the time to explain the creation of a thick stroke on type. I also explain the use of the powerful Appearance Panel which allows us to add an additional stroke. We will save the style I just created.

Lesson 5: Using FX, Assets and Symbols

In this lesson, I will show you how to take effects that we have used and use the Appearance Studio to create an FX (effect). I explain the merits of doing so. I also wanted to mention the Assets Studio to show you the contrast between symbols and assets.

Lesson 6 Using the Pixel Persona for Texture

Before the end of today’s class, I wanted to add a few little things. Firstly, I show you how to switch to the pixel persona. With that we explore the brushes a little bit and choose a textural brush. Next, we use the texture to add a gritty gradient to the lettering. It looks pretty messy until I show you how to clip the texture to the layer by dragging it onto the shape (called a curve in Affinity Designer). After that, I show you another method. We use a symbol to explore the “draw inside” feature which automatically clips it to the symbol. I point out that all instances of the symbol are now exactly the same. Finally, we add our second line of display type (art type). I do a few other little bits and pieces at the end.

Lesson 7: Wrap Up, Upcoming, and Next Steps

We will conclude everything in this lesson, I show you some mock ups, and we end with a chat about next steps.

Concepts covered:

Concepts covered include but are not limited to Affinity Designer type studio, Affinity Designer Pixel Persona, Affinity Designer Vector Persona, layering, Affinity Designer Symbol Studio, Affinity Designer canvas settings, Affinity Designer geometry tools, the pencil tool in Affinity Designer, stroke and fill in Affinity Designer, adjusting strokes, Boolean functions, compound shapes, workflow best practices, Affinity Designer composites, Affinity Designer Color Studio, Affinity Designer Assets Studio, Affinity Designer FX Studio, the art text and frame text tools in Affinity Designer, color swatches and importing colors, texture fills, and much more.

You will get the bonus of…

60 minutes of direction from an instructor who has been in graphic design business and education for over 40 years
knowledge of multiple ways to solve each design challenge
an outline with useful links

Susannah Morrison

--

1