Advertisement
  1. Design & Illustration
  2. Affinity Designer
Design

How to Design Flat Icons in Affinity Designer: Introduction

by
Length:ShortLanguages:
This post is part of a series called Design Flat Icons in Affinity Designer.
How to Design Flat Icons in Affinity Designer: Discount Badge and Hanger Icons

Welcome to How to Design Flat Icons in Affinity Designer, a four-part video series to help you learn how to design flat icons in Affinity Designer.

Find more incredible Design & Illustration Courses on Envato Tuts+. And get amazing vector resources for your projects on Envato Market.

Course Introduction

Icon design is an essential skill every designer should learn. With this knowledge, you can create amazing symbols and characters for any design or illustration project. This is an ideal series for beginners to app design, and you can later program these icons with special functions.

In this course, instructor Yulia Sokolova will show you the step-by-step process of creating a set of colorful shopping icons using the software Affinity Designer.

Create Flat Icons with Affinity Designer

Learn how to create these icons using simple shapes and tools, while exploring different methods for combining and modifying these shapes. Enjoy a complete set of six icons you can use for various projects!

 

How to Create a Shopping Bag Icon

Let's begin with the very first icon, the shopping bag. In this lesson, Yulia Sokolova will use the Draw Persona function to create vector graphics in Affinity Designer.

 

Create a new Web file at 800x600 pixels.

Use the Rectangle Tool (M) to draw a pink rectangle. Modify the shape of the rectangle by selecting the upper left and right nodes and using the Transform panel to push them inward.

Create the shopping bag shape

Then use the Ellipse Tool (L) to create the holes for the handles of the bag.

Follow up with the rounded handle, using the Pen Tool (P) to create the shape. Convert it to a rounded shape, and modify the nodes for a taller handle.

Create the handle

Add details to the shopping bag using the Rectangle Tool (M) once again. Place it into a bright, light blue circle and create a trendy long shadow effect to complete the first icon.

Finish the shopping icon

Want More?

Congratulations on your first icon! Let's continue with the second design in the next lesson. There we'll learn how to create a colorful discount badge icon with a few simple shapes.

Find creative assets for your designs on Envato Elements.

And for more amazing lessons on Affinity Designer, check out these tutorials:

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.