Affinity Designer for beginners
4.7 (9 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
43 students enrolled
Wishlisted Wishlist

Please confirm that you want to add Affinity Designer for beginners to your Wishlist.

Add to Wishlist

Affinity Designer for beginners

Vector art beginners course.
4.7 (9 ratings)
Instead of using a simple lifetime average, Udemy calculates a course's star rating by considering a number of different factors such as the number of ratings, the age of ratings, and the likelihood of fraudulent ratings.
43 students enrolled
Created by Daniel Cremers
Last updated 6/2017
Curiosity Sale
Current price: $10 Original price: $20 Discount: 50% off
30-Day Money-Back Guarantee
  • 4.5 hours on-demand video
  • 2 Supplemental Resources
  • Full lifetime access
  • Access on mobile and TV
  • Certificate of Completion
What Will I Learn?
  • At the end of this course, students will be able to create nice vector illustrations.
  • They will also be anble to create a concept design for a website.
View Curriculum
  • A basic knowledge of digital painting is recomended

In this course you will learn how to use the professional vector drawing software Affinity designer ver 1.5. You will also learn how to create a responsive website design and redesign it in RocketCake, so to export it to the web. You will learn how the tools in Affinity Designer work and I will go through several samples. If you want more samples, you can leave a request and I will see what I can do for you. The course will continue to change, so stay tuned.
Vector art is usefull for creating designs for websites and for printing purposes. Traditional drawings will pixelate when enlarged. Vector art will always look sharp.
If you want to learn Affinity designer, please enroll.
This course is made using Affinity designer for Windows, but there are hardly any differences between the Windows and Mac version.

For this course you will need Affinity Designer. You can download and install the trial version, but the regular version is verry affordable.
One of the projects will be about designing a website. In this project you will also need RocketCake (available for Windows and Mac). It is free to download, but has also a paid professional edition.

Who is the target audience?
  • This course is for starting illustrators
  • This course is for website designers
  • Thia course is for graphical designers
Students Who Viewed This Course Also Viewed
Curriculum For This Course
23 Lectures
Course overview
1 Lecture 02:28

A personal introduction into this course.

Preview 02:28
Interface and tools
9 Lectures 01:31:18

In this lecture you will get an impression of the location of toolbars. Then you will learn how to create a new document and also set the background to transparent. Next you will see how to create some basic shapes, to do some transforms and convert them to curves. Finally you will learn the absolute basics of layers.

Preview 14:26

In this lecture you will learn how the Boolean operations work in Affinity designer. Operations like Add, Substract, Intersect, Divide and Combine. Finally I will explain how the pencil tool works and how to generate a fill for it.


The pen tool and a bit about the node tool

When using the pen tool you will access the actions and snaps. Here I will go through all of these actions and snaps. I will discuss: Break curve, Close curve, Smooth curve, Join curves, Reverse curves, Snap to selected curves, Snap to geometry, Snap all when draging.

Pen actions and snaps

Here you will learn how the corner tool works with all of its settings. Corner types, and Bake Corners will be explained.

Corner tool

In this lesson you will learn how to use the stroke settings. Cap, Join, Align, Draw behind fill, Scale with object, Mitre, Dash and its settins will be explained.

Stroke settings

In this lesson you will learn how to use the vector brush tool. How to select new brush styles and how to use the basic blending modes.

Vector brush tool

Here the most powerfill tool in Affinity designer will be explained: the symbols. You can compare it with instances. With this tool you can do beautifull symmetrical designs. I will also explain how to disable sync for a while to do some changes to a single symbol.

Symbols (instances) and transform center

The fill tool will be explained in detail. All of the fill types, Maintain aspect ratios, reverse gradient, rotate gradient will be explained.

Fill tool
3 Lectures 42:04

Be ware that the project file is included! In this part I will explain how to create a new document with the correct settings. Next I will create the grass with the pen tool and corner tool. I will use the Paste Inside, use symbols and some Boolean operations to create the raw shapes of the castle.

Castle part 1

In part 2, I will continue with creating the gate. Here I will show you how to fake shadows and to use the Flip Horizontal button. I will also use the Tear tool, create a shape with a doubble stroke, create the flag using the setting to join/close curves. Finally I will generate some trees.

Castle part 2

In part 3 you will learn how to create a radially arranged flower and create clouds out of rectangles. Next you will learn how to create a fence with fake shadows using symbols. Then change the colour settings ready for print (I forgot to do this in the beginning of the course), use the vector crop tool and export the project to png.

Castle part 3
Web design in Affinity and export to RocketCake
6 Lectures 01:41:02

Project file included.
Be ware to enable Force pixel alignment and Move by whole pixels (and enable snapping if you need it) before proceeding.
In part 1, you will learn how to create your document using artboards. Next we will create two artboards (one for a narrow mobile website and one for a regular), create a title with the rounded rectangle tool and the Artistic text tool. We are going to apply some layer effects. Then use symbols and snapping to create a pattern. Next you will create a tillable pattern and generate a new artboard of it. Then you will create a shadow effect using the fill tool.

Website design part 1

In this lesson you will learn how to create a lollypop using the pen tool, ellipse tool, rectangle tool, paste inside and layer effects. You will also create a new pattern and generate artboards.

Website design part 2

In part 3 you will create the buttons for the website and populate the regulare website artboard.

Website design part 3

Part 4 is mainly fixing problems. You will learn how to fix overlapping artboards and how to deal with a project if you forget to turn on Force pixel alignment (which will cause unwanted borders around the exported images). We will also start exporting the images to RocketCake and create the first containers.

Website design part 4

Part 5. Here we will continue building the website in RocketCake. We will use containers to place the backgrounds and use image to import and position the title image. We will also see how the website reacts on resizing. We will add the buttons, delete them (to use a different method) and use a template and MasterPage to create a uniform template for the rest of the website. Next we will recreate the buttons in a index.html page

Website design part 5

In Part 6 we will preview the website in the explorer. Next we will create 6 new pages for all of the buttons to link to. We will add text, links, images and a youtube video to the website. Finally I will show you how to export your website to your hosting platform.

Website design part 6
2 Lectures 07:38

In this lecture you will learn how to instantly draw symmetrical shapes in Affinity Designer.

Draw in symmetry

In this lecture you will learn how to create copies of your shape/drawing along a curve. Just as text along a path.

Shape copies along curve
0 Lectures 00:00

In this quizz I will test your knowledge of some of the tools and techniques in Affinity Designer.

Test your knowledge
4 questions
Request video's
2 Lectures 18:46

In this lesson I will try to explain you what the difference is between raster and vector images. In affinity you can create both. So if you are going to use raster images, you need to directly choose the resolution you want to end up with. Of course I will also explain about resolutions and dimensions.

Raster versus vector images

In this lesson, I will go through the different presets for creating a new document (the first thing you do opening Affinity Designer). I will explain why the presets come in handy to work with.

Document types
About the Instructor
Daniel Cremers
4.4 Average rating
39 Reviews
268 Students
2 Courses
3d modeler, Modo, Affinity Designer

Hi, my name is Daniel. I made my first 3d model when I was just 12 and created my first simple 3d game at the age of 13! In the following 20 years I worked with plenty 3d and 2d software and game engines. The past 10 years I worked as a freelancer and made 3d artwork for universities, other game designers and companies. I am a self learner, using online video course websites like Udemy. Now I will pass my knowledge to you.