How to create simple shapes in Affinity Designer

In this tutorial I’ll continue to show you how to work in Affinity Designer.

In this tutorials, you’ll learn how to create simple geometric figure Rectangle and similar tool Rounded Rectangle. As in all vector design software, it is pretty easy to draw but as in every software has different features of objects.

So let’s begin.

 To draw Rectangle click on the icon and after clicking mouse cursor and top panel will change. Now you can just click and drag to draw a rectangle.

One thing that I don’t like in Affinity Designer is here, all your objects must be on the sheet. Object that outside of page will not visible. When workspace visible that’s very useful. Because when you are working with complex design and don’t want to every time turn off and on layers, you can simply put them to the side and continue work like in Coreldraw, Inkscape or in Illustrator.

 

 

After creating, switch to select tool and then select object. You’ll see that when you are selecting top toolbar gets active and here you can see all features of selected object.

If you’ll like to change position, dimension or rotation angle then you can do it in Transform panel that you can find on the right bottom of software.

Edit shapes in Affinity designer

That’s little bit uncomfortable especially if you are ex-user of other vector design software. But you can easily drag and attach transform dialog box to any place or even make it flow.

Now let’s take look at top toolbar and see what kind of features we can find there

Modify toolbar

  1. The first options on the top toolbar from the left side are the color of fill and stroke of selected shape. Here also you can control all stroke parameters.
  2. With Single Radius, you can control how the radius of corners will work. Right now all corners radius will be equal. But if you’ll uncheck it then you’ll able to set a different radius for each corner.
  3. With absolute size, you can switch between pixels and percent in corner radius.
  4. You can also control style of corner smoothness.
  5. This option makes you available to see rotation center of the object. By default, it's in the center of the object and will rotate around this point. You can change the position of this point to make object rotate differently.
  6. Hide selection with this icon. You can see it when drawing.
  7. By this button, you can reset selection box. This option useful if you are rotating the object.
  8. By this option, you can convert an object into curves that give you the ability to modify an object in many ways.

Every illustration of hard looking design is combined and modified simple shapes. So that’s why first you need to know how to work with simple standard tools.

If you want to get notification about new tutorials subscribe to for on the right side.

 

Last modified onWednesday, 28 June 2017 04:52
(1 Vote)
Read 257 times
Tagged under :
Tweet

Affinity Designer vs Inkscape

In this post, I’ll compare features of Affinity Designer and Inkscape.

08-09-2017 Hits:150 Affinity Designer Tutorials

Read more

What is the Persona in Affinity Designer…

If you are new in Affinity products you probably already noticed few icons on top left corner of software. In this tutorial, I’ll breakdown what is the personas and how...

06-09-2017 Hits:125 Affinity Designer Tutorials

Read more

How to create Logo online Just in few mi…

Many of you who once meet with Logo creation process know that this process takes too much energy and money. But What if I'll tell you that you can create...

24-06-2017 Hits:231 Useful tips

Read more

Affinity Photo review. Photoshop vs Affi…

Everybody knows what is the Photoshop and for what it is. Even people who never used the computer once hear about Photoshop. Photoshop is a leader and standard software when...

19-06-2017 Hits:286 Affinity Photo Tutorials

Read more

How to create simple shapes in Inkscape

In this tutorial for new beginners in Inkscape, I’ll show you how to create simple geometric shapes and what kind of features they have.

16-06-2017 Hits:182 Inkscape tutorials

Read more

Affinity designer Review. Adobe Illustra…

In this post, I’ll try to compare Adobe Illustrator with Affinity Designer.

16-06-2017 Hits:465 Affinity Designer Tutorials

Read more