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.
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.
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.
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.
Here you will learn how the corner tool works with all of its settings. Corner types, and Bake Corners will be explained.
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.
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.
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.
The fill tool will be explained in detail. All of the fill types, Maintain aspect ratios, reverse gradient, rotate gradient will be explained.
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.
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.
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.
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.
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.
In part 3 you will create the buttons for the website and populate the regulare website artboard.
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.
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
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.
In this lecture you will learn how to instantly draw symmetrical shapes in Affinity Designer.
In this lecture you will learn how to create copies of your shape/drawing along a curve. Just as text along a path.
In this quizz I will test your knowledge of some of the tools and techniques in Affinity Designer.
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.
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.
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.