Join curves in Affinity Designer

How To Join Curves In Affinity Designer

How To Join Curves In Affinity Designer 800 470 Nick Saporito

Let’s say you’re working with a couple of objects in Affinity Designer. Both of them are paths with defined stroke properties, and you want to combine them together. This is a pretty common task when working with vectors, and Affinity Designer makes it as easy as any other application. In this lesson we’ll be going over how to join curves in Affinity Designer so that two separate paths can become a single path.

In short, the way to join curves in Affinity Designer is to use the Node Tool to select the two nodes you’d like to join together, then click Join Curves button in the tool settings menu towards the top of the screen.

Let’s have a closer look.

Join Curves In Affinity Designer

To join curves in Affinity Designer, select the objects you want to combine and grab the Node Tool. With the Node Tool enabled, click the button in the tool settings menu towards the top of the screen that reads “Join Curves” when you hover your cursor over it.

This is a rather simple process, but if you’re new to the software then you may need more detailed instructions. The following video tutorial will walk you through the entire process in less than 2 minutes:

Let’s go over this step-by-step…

Shameless Plugs:

Get Master Resale Rights

All templates sold on the Logos By Nick Store come with master resale rights, meaning you can resell and re-brand them as your own!

  125 Templates

Logo Mega Bundle

A collection of over 125 logo templates in editable vector format.

  Nick Saporito
Price: $17
  180 Templates

Ultimate Texture Pack

Vector textures in monotone and SVG format. Scalable infinitely without quality loss.

  Nick Saporito
Price: $9

Shop All Templates

Table of Contents

Step 1: Select both objects

The first thing you must do before you can join curves in Affinity Designer is make sure that you have the two objects you’d like to join selected.

Use the Move Tool (keyboard shortcut: V) to select both objects:

Selected objects

A bounding box will populate around the objects you have selected.

You can select multiple objects by holding the Shift key while clicking on them, or by clicking and dragging a selection around them.

Step 2: Grab the Node Tool and select two nodes to join

The tool that we’ll be using to join the two separate curves together is the Node Tool, which can be accessed in the tool menu on the left-hand side of your screen:

The Nodes Tool

The Nodes Tool icon is depicted as a small white arrow.

Alternatively, you can use the keyboard shortcut, which is the letter A.

With the Node Tool enabled, select the two nodes on each object that you’d like to join together:

Multiple nodes selected

This is the point where the curves will be joined. Do not worry if there is a gap between them — it will be filled in automatically.

As is the case with selecting multiple objects, you can select multiple nodes by:

  1. Holding the Shift key while clicking on them, or…
  2. Clicking and dragging to create a selection around them

You can verify that you have the correct nodes selected by their fill color. Selected nodes will be blue in color.

Step 3: Click the Join Curves button in the tool settings menu

All you have to do now to join the curves together is click the Join Curves button in the tool settings menu towards the top of your screen:

The Join Curves button

It’s the second button from the right. If you hover your cursor over each button, a label will populate telling you what they do.

Once you click that button, the two nodes will be joined, and what was once two separate curves is now a single, combined curve:

Joined curves

How the object looks after the curves are joined.

What’s more, the software automatically filled in the gap between the two nodes with a straight line.

If you need that line to be curved, or to follow a specific contour, then you can do so clicking and dragging the line to curve it, and by using the adjustment handles to adjust it further.

Conclusion

This is one of those areas where having experience working with other vector applications in the past comes in handy, as the workflow used to join curves in Affinity Designer is pretty consistent. If you know how to do this sort of thing with Inkscape or Illustrator, then you pretty much already know how to do so with Designer. It’s just a matter of locating the tool and the proper setting.

If you have any questions or need clarification on anything covered in this tutorial then leave a comment below.

Shameless Plugs:

Learn To Master The Software

Gain a complete understanding of your favorite design apps with my comprehensive collection of video courses. Each course grants access to our private community where you can ask questions and get help when needed.

  81 Videos
  11 Modules

The Inkscape Master Class

Tutorials, quizzes and practice exercises for learning every tool & feature in Inkscape.

  Nick Saporito
Price: $17
  77 Videos
  7 Modules

Affinity Designer Master Class

Tutorials, quizzes and practice exercises for learning every tool & feature in Affinity Designer.

  Nick Saporito
Price: $17
  98 Videos
  7 Modules

Illustrator Master Class

Tutorials, quizzes and practice exercises for learning every tool & feature in Illustrator.

  Nick Saporito
Price: $17
  70 Videos
  9 Modules

GIMP Master Class

Learn how to use all of the primary tools and features in the GIMP application.

  Nick Saporito
Price: $17

View All Courses

Nick Saporito

Hi, I'm Nick— a Philadelphia-based graphic designer with over 10 years of experience. Each year millions of users learn how to use design software to express their creativity using my tutorials here and on YouTube.

All stories by: Nick Saporito
3 comments
  • Dan

    This software is so funky, in most software like this if you want to join the ends of two lines i.e merge them you just select their points…CLICK MERGE and it does what you expect. Not AD though, oh no that would be too simple a task.

    If you follow this tutorial it will just fill the gap between the points, it won’t merge the two end points into a single one within the center of the two originally selected points, like any other software would do. In this example if you try to overlap the points in the middle it will cause an S shape to appear which isn’t want you wanted. Why AD doesn’t do this (It seems reading around you can’t do this most basic of things) and other basic things on top of having a much better UX is utterly beyond me personally. It kind of sucks and its awful UX totally disrupts my work flow.

    Will have to go back to AI I think.

  • Maxim Hurwicz

    How can I turn two endpoints into a single point?
    In Adobe Illustrator I used to first select the two points using the direct selection tool. Then Average the points so they were precisely on top of each other. Then use Join and that turned the two points into a single point (and there was the option of what kind of point it would be).
    Is there any way to do this in Affinity Designer?

    Right now I have drawings that were exported from a 3D program (OnShape) but it turns lines and curves into a lot of short segments.

Leave a Reply

Your email address will not be published.