Jump to content

Recommended Posts

Could someone please show me how to create a simple, symmetrical, vector heart shape in Affinity Designer? I just want to be able to join nodes like in Adobe Illustrator and Inkscape, so easy and simple. I've been trying to create a symmetrical heart shape with two halves, but whenever I use the node snap tool it messes up one node handle at the bottom of the heart. One node handle ends up being forced into a corner node and the heart shape looses it's symmetry. 

When I try other ways of joining the paths then I get two nodes instead of just one node.

Thanks you for your help. 

HeartSymmetry02.png

Share this post


Link to post
Share on other sites

Use the Heart Shape tool

Screen-Shot-2019-09-22-at-12-30-12.png


iMac 27" Late 2015 Fully Loaded, iMac 27" Mid 2011 both running High Sierra 10.13.6 - Affinity Designer/Photo & Publisher - Illustrator CC, Inkscape, Blender, Sketchup, Pepakura Designer, MTC, Pixelmator & Pixelmator Pro + more... XP-Pen Artist-22E, - iPad Pro 12.9 B|  

Affinity Help - Affinity Desktop Tutorials - Feedback - FAQ - most asked questions

Share this post


Link to post
Share on other sites
6 hours ago, firstdefence said:

Use the Heart Shape tool

Yes, but problem with join nodes stay. Changing the shape when joining nodes is very annoying.


Affinity Store: Affinity Suite (ADe, APh, APu) 1.8.3.
Windows 10 Pro, Version 2004, Build 19041.329.
Dell Latitude E5570, i5-6440HQ 2.60 GHz, 8 GB, Intel HD Graphics 530, 1920 x 1080.
Dell OptiPlex 7060, i5-8500 3.00 GHz, 16 GB, Intel UHD Graphics 630, Dell P2417H 1920 x 1080.
Intel NUC5PGYH, Pentium N3700 2.40 GHz, 8 GB, Intel HD Graphics, EIZO EV2456 1920 x 1200.

Share this post


Link to post
Share on other sites
2 hours ago, Pšenda said:

Yes, but problem with join nodes stay. Changing the shape when joining nodes is very annoying.

I agree, also joining shapes and curves can also result in excessive nodes, but the question was to obtain a symmetrical heart shape and that question was fulfilled, it couldn't get much simpler.

 


iMac 27" Late 2015 Fully Loaded, iMac 27" Mid 2011 both running High Sierra 10.13.6 - Affinity Designer/Photo & Publisher - Illustrator CC, Inkscape, Blender, Sketchup, Pepakura Designer, MTC, Pixelmator & Pixelmator Pro + more... XP-Pen Artist-22E, - iPad Pro 12.9 B|  

Affinity Help - Affinity Desktop Tutorials - Feedback - FAQ - most asked questions

Share this post


Link to post
Share on other sites

The heart shape is the simplest of solutions but one can do this;
Create line with pentool>use nodetool to drag a side to make half a heart>duplicate>flip horizontal>make them snap in the middle>geometry>add(just two or three(?) nodes)

Share this post


Link to post
Share on other sites

@telemax An elegant solution!

When following along with your video, I just needed to read the hint bar at the bottom of the screen and Ctrl click on the Symbol in order to clone it and create the other half of the heart.

Thanks.

P.S. Do you have a video channel?:35_thinking: Your replies are super helpful.


Affinity Designer & Photo  :  Win 10

Share this post


Link to post
Share on other sites

FWIW, the Heart Tool may be the simplest of solutions, but it is limited to one adjustable property (for some reason labeled "Spread" in the context toolbar), so there are symmetrical heart shapes it can't create, like those labeled "2" & "3" in this heart shapes.afdesign file:

1884703072_3heartshapes.jpg.b22ca8c08c643c221b289426a2a42a22.jpg


Affinity Photo 1.8.3, Affinity Designer 1.8.3, Affinity Publisher 1.8.3; macOS Mojave 10.14.6 iMac (27-inch, Late 2012); 2.9GHz i5 CPU; NVIDIA GeForce GTX 660M; 8GB RAM
Affinity Photo 
1.8.3.180 & Affinity Designer 1.8.3.2 for iPad; 6th Generation iPad 32 GB; Apple Pencil; iPadOS 13.3.1

Share this post


Link to post
Share on other sites

Thank you all for your help!

I have tried the default heart shape, but I want to make my own custom heart shape. Also, AD seems to have issues when joining nodes with anchor handles, but it works great with corner nodes without anchor handles. 

The 'add geometry' option is the closest solution that I tried, but I'm a perfectionist and it bothers me when there are double nodes instead of just one node. 

I think for now I will merge all of my symmetrical vector drawings in another vector program and then import/paste them into AD

Have a good day and have fun vectoring. :)

Share this post


Link to post
Share on other sites
12 hours ago, Fun Art Sam said:

@telemax How did you record your screen? Your video looks so professional. 

This is a regular screen recording app. For Example GeForce Experience, Bandicam, Filmora Scrn and others.
I'm using old Filmora Screen Capture, which came with Filmora Video editor 8.

The main thing is to keep a balance between the quality and the size of the video file.

Share this post


Link to post
Share on other sites

Another solution, for the heart shape, is to snap each node handle to a grid intersection to make it precisely symmetrical on both sides. 

This is how I got the node handles to snap to a grid intersection:

1. Turn on Snapping, preset: Object Creation. 

2. Turn on 'Snap to grid' in the preset snapping menu.

3. Turn on 'Align handle positions using snapping options' in the context icon toolbar at the top. 

4. Move anchor handle point to a grid intersection and it snaps to it.

NodeHandle.png

Share this post


Link to post
Share on other sites
37 minutes ago, Fun Art Sam said:

That's such a cute and simple heart! I never even thought about creating a heart that way. 

and yet another way is to use dingbat fonts with a heart theme and just convert to curves: https://www.1001fonts.com/search.html?search=hearts+dingbat


iMac 27" Late 2015 Fully Loaded, iMac 27" Mid 2011 both running High Sierra 10.13.6 - Affinity Designer/Photo & Publisher - Illustrator CC, Inkscape, Blender, Sketchup, Pepakura Designer, MTC, Pixelmator & Pixelmator Pro + more... XP-Pen Artist-22E, - iPad Pro 12.9 B|  

Affinity Help - Affinity Desktop Tutorials - Feedback - FAQ - most asked questions

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


×
×
  • Create New...

Important Information

Please note the Annual Company Closure section in the Terms of Use. These are the Terms of Use you will be asked to agree to if you join the forum. | Privacy Policy | Guidelines | We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.