Vector Affinity Designer

Feb 16, 2017 Affinity Designer is professional graphic design software specifically made for user interface and user experience design. At only $49.99, it is a cheaper alternative to Sketch and Illustrator. Jul 11, 2018 If you are in the design world, chances are that you’ve already heard about Affinity Designer, a vector graphics editor for Apple’s macOS and Microsoft Windows. It was July 2015 when Serif Europe launched the amazing software that many designers and illustrators like me are using now as their main tool for professional work.

Affinity Designer is a vector or raster app. It’s a competitor to Adobe’s Illustrator and allows you to design various elements for print or digital publication.

Vector Affinity Designer

It’s part of the Affinity package of design tools made by Serif. Use it to do anything from making a business card to mock up an app. Affinity Designer is made for Mac iOS, Windows, and the iPad.

Here, we’ve collected some of the best for everyone from beginners to more seasoned pros, a mix of video and written tutorials. It’s a great place to start for upskilling with your first steps in Affinity Designer!

Affinity Designer UI Overview

If you are new to Affinity Designer or just want an overview of the tool and what it looks like before making a purchase, this UI overview is the place to start. The video lasts less than 5 minutes and walks through the user interface, highlighting a few key elements of the software.

Affinity Designer: The File Menu

Another beginner tutorial, this video takes you through the file menu and looks at each option and how to use it. Rory Townsend, who made the video, also has similar video tutorials with each of the other menu options to help you really get a good hold on all the things you can do with Affinity Designer and where each individual tool or option is located in the menu.

Affinity Designer: 10 Basics

This is the ultimate getting started video guide for Affinity Designer, with all the basics in one video. You’ll learn how to get started with a new document, use premade and custom shapes, work with colors, see how layers work, combine shapes, work with vectors and the vector brush and pen tools, add text to a file, and save and export. It’s all in an easy to follow video and you can get all this information in less than 20 minutes. Plus, the video host Jesse Showalter, has plenty of energy so this tutorial anything but boring.

Affinity Designer Basic Logo Design

Affinity Designer is a tool that allows you to work with vector or raster images. That means you can create logos that can be scaled for any use with the software. In this tutorial, you walk through all the steps to create a simple vector logo using tools in Affinity Designer.

How to Create a Flat Vector Illustration in Affinity Designer

Because of vector functionality, Affinity Designer can also be used to create illustrations. This tutorial takes you through the steps to create a flat illustration, such as the example above, that you can apply to full-scale illustrations, logo, or icon design. The tutorial includes step-by-step instructions and plenty of screenshots that you can use to follow along on your own.

Using the Layers Panel

Using layers and groups is a powerful function that can help keep files organized and a lot easier to manage. Using them in Affinity Designer is fairly easy. Learn everything you need to know about layers and groups in this short video from the makers of the software.

How to Create an Icon in Affinity Designer

Icon design is something almost everyone comes across at some point. Affinity Designer is the perfect tool for creating all manner of icons. This tutorial takes you through the process step-by-step, and even includes some bonus information such as how to choose the right size when designing an icon and how to use various tools. Every step includes screenshots to make understanding easy.

Symbols in Affinity Designer

Using symbols as linked objects allow you to edit one element and it impacts everything in the design. (This is an awesome feature.) This tutorial shows you how to use symbols as intelligent linked objects for great global editing capability. (Learn this pro trick in less than 5 minutes!)

Using Text Effects

Text manipulations can be somewhat controversial. Purists say you should never mess with a typeface, but sometimes you have to use certain effects to make it work for your project. This Affinity Design tutorial shows you how to do just that. You’ll get an introduction to text effect manipulations in this easy to follow video.

How to Create Patterns in Affinity Designer

Patterns have a lot of practical use from website backgrounds to the main artwork for a poster or brochure. From subtle repeating shapes to something a little bolder, there are a few different ways to create a pattern in Affinity Designer. This tutorial explores three options. Note there are a lot of steps here, but the instructions and screenshots are easy to follow. Don’t let the depth of the lesson intimidate you.

Affinity Designer for iPad

The recording of a live session provides an overview of everything you need to use Affinity Designer effectively on an iPad. You’ll get an overview of tools and the software as well as creating specific things (a playing card, book cover, and poster) using tablet-based tools. The tutorial lasts over an hour and is comprehensive.

Pen Tool Masking in Affinity Designer

Use the Pen tool in Affinity Designer to create a dynamic mask of a selection of an image and apply modifications. This is a cool feature that can take some time to learn and this tutorial gives you a jumpstart.

Shapes Around a Curved Line in Affinity Designer

In less than 5 minutes, you can apply shapes to a curved line. You’ll learn how to create a brush from a shape and use that to apply to any shape or size of curved line. The tutorial explains this function clearly and shows how to apply this highly functional feature.

Advanced Color Features in Affinity Designer

You can create, save, and store colors and fills in Affinity Designer. This is great for palettes that will be reused so you don’t have to manually renter color mixes every time. Using these advanced color features is easy to learn if you know the tricks offered in this video tutorial.

Everything You Need to Know About Affinity Designer Brushes

Brushes can help speed workflows and allow you to create custom stroke styles. This tutorial shows you how to use the tool including basics of the brushes panel, how to set up vector or raster brushes, how to create your own brushes, how to install brush packs, and how to use brushes from Photoshop or Illustrator.

Affinity Designer Point Transform Tool

Use the point transform tool to change the look of a geometric shape in Affinity Designer. This tool lets you change shapes and alters the look of objects.

Advanced Axonometric Grid Setup

An axonometric grid shows a three-dimensional object at a skewed angle so you can see multiple sides in the illustration. Affinity Designer allows you to set up an axonometric grid for projects. This tutorial takes you through creating the custom setup.

Vector Affinity Designer

Affinity Designer Templates

We're covering the basics of Affinity Designer, helpful tutorials, comparisons with other apps, and the best templates and assets to use.

Serif’s Affinity Designer has been increasing in popularity over the last couple of years. The main appeal is that the program is a viable alternative to Adobe Photoshop and Adobe Illustrator. One significant advantage that Affinity Designer has over Photoshop is that you can export vector files for sharp images.

Affinity Designer’s fixed price means that anyone wanting to create designs for print will be able to do so without having to pay a monthly subscription.

So how do you create and export print-ready files in Affinity Designer? We’ll break it down for you.

Affinity Designer Vector Trace

Creating Your Print Files

  • Start Affinity Designer and click ‘File’ at the top of your screen.
  • Click ‘New’ in the dropdown menu; This will show you a dialog box in which you’ll create your document that will be print-ready.
  • Most of our files, with a few notable exceptions, are required to have 1/16” bleed or an additional 0.0125” added to each file. Here is where you enter your product dimensions with bleed.
  • Next, you will want to make sure your color format is in CMYK as that is also one of our file requirements four our printers. All CMYK 4-Color Process printers, such as ourselves, are unable to guarantee a 100% color match. We can guarantee that the color will print within CMYK industry standards. A color conversion may result in a more significant color shift.

Exporting Your File(s):

  • Click ‘File’ and then navigate down to ‘Export.’
  • A dialog window will appear that shows all of the different file types that you can export your document as. For print files, we recommend exporting your file as a PDF to retain its vector properties. Make sure ‘Raster DPI’ is set at 0 so that nothing gets rasterized (turned into pixels).

That is it! You’re ready to upload on our site with your print-ready file.

If you would like some help creating your print-ready files, feel free to reach out to our excellent graphic design team by completing the online form.

Additional Print File Blogs:

Affinity Publisher Free Trial

  • How to Create Print-Ready Files Using Canva:
    Some customers choose to use the online design site, Canva, for creating print-ready files. It’s essential to make sure your files are set up correctly.
  • How to Make Print Ready Files for Etsy:
    Etsy offers owners to sell digital downloads. Customers want a smooth experience. We’ve included some helpful tips to get those files set up correctly to download and print.
  • The Difference Between CMYK Color vs. RGB For Printing:
    Which is best for your print project? We’ll help you decide which is best for you and explain the differences.