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.

Affinity Designer Rectangle 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
(2 votes)
Read 4127 times
Tagged under :
K2.items.cache.28075211d6824084961c071e8b76c06b XLnsp 877

Mimaki JFX200 UV plotter and Rasterlink6…

In this post, I want to talk about the Mimaki UV plotter and it’s RIP software RasterlInk6.

08-02-2018 Hits:1932 Mixed

Read more
K2.items.cache.c07bdbd398dd4ac563358e095fc5d2e0 XLnsp 877

Affinity Designer vs Inkscape

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

08-09-2017 Hits:8141 Affinity Designer Tutorials

Read more
K2.items.cache.65672688a4f4c8a57ea38e20056bdce1 XLnsp 877

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:3726 Affinity Designer Tutorials

Read more
K2.items.cache.5b62d01506bd8a53b6c4928e25fa9b8a XLnsp 877

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:1352 Useful tips

Read more
K2.items.cache.011e88ef4a8328e08be9d913808b8290 XLnsp 877

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:1849 Affinity Photo Tutorials

Read more
K2.items.cache.92c3523de61d06eebdc515f2babb64b9 XLnsp 877

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:2601 Inkscape tutorials

Read more