A Beginner’s Guide to Vector Graphic Design

What you’re getting into: A well-detailed guide to creating a basic vector graphic image using Affinity Designer. If you have a preferred alternative, you can use that, however, the guide will use Affinity Designer.

How is this for: This guide is simple enough for any level of experience.

How can I help: Share this article if you found it to be beneficial and potentially beneficial to someone else.

(Update 3/27/17): I have begun the process of creating a video course for providing a very clear and detailed break down of SVGs. I will cover explaining SVGs “under the hood”, using Affinity Designer to create detailed vector graphics, animation with CSS, GreenSock, Mo.js, and Anime.js, as well as some practical applications of UX animations. You can book access here.

Final image we are making: https://dribbble.com/shots/3207280-Cute-Koala

Introduction

After graduating from college with a Bachelor’s degree in Computer Science, I quickly sunk into impostor syndrome when trying to make it as a developer.