Jump to content
Dylan SJ Perez

How can I make these 3 circles all the same distance from these triangle points?

Recommended Posts

Hi everyone, I'm trying to move these circles to all be an equal distance from each other as well as the points of the triangle, it doesn't seem possible with the snapping system and I have no clue how to move them the way I want, can anyone help? I've attached a screenshot

 

Thanks

Capture.PNG

Share this post


Link to post
Share on other sites

I haven’t tried this, Dylan, but from your description it looks to me as though each circle must be centred on a vertex of a smaller, similar triangle which itself is centred on the original one. Duplicate the existing triangle, shrink it while holding down Shift to maintain its aspect ratio, and then also hold down Ctrl to resize it from the centre; I think you should find that snapping the centres of the circles to the vertices of the new triangle will give you the result that you want.


Alfred online2long.gif
Affinity Designer 1.6.5.123 • Affinity Photo 1.6.5.123 • Windows 10 Home (4th gen Core i3 CPU)
Affinity Photo for iPad 1.6.12.86 • Affinity Designer for iPad 1.6.4.45 • iOS 12.2 (iPad Air 2)

Share this post


Link to post
Share on other sites
40 minutes ago, Alfred said:

I haven’t tried this, Dylan, but from your description it looks to me as though each circle must be centred on a vertex of a smaller, similar triangle which itself is centred on the original one. Duplicate the existing triangle, shrink it while holding down Shift to maintain its aspect ratio, and then also hold down Ctrl to resize it from the centre; I think you should find that snapping the centres of the circles to the vertices of the new triangle will give you the result that you want.

 

Your solution worked, but I had to mess with it first, I made the mistake of converting the original triangle to curves, which shifted the center point down, not exactly sure why. Messing with it a bit more I decided to use the original shape before it was converted, lay out some more shapes as guides and then go about moving the circles, I'm not sure if what I said makes much sense, but either way, the solution did it for me, thanks.

Share this post


Link to post
Share on other sites

One of the things I do miss from using Illustrator was the free Astute Graphics SubScribe plugin. I have been trying to find workarounds for various situations like the one you have here. A quick video showing how I deal with an example like this:

 

Just another way of getting to the end result.

Share this post


Link to post
Share on other sites

Seems pretty straight forward to me… (But maybe I'm missing something?!)

 

5ac4e0e361784_AffinityTrianglewithThreeCircles.gif.34d2dc35611b0dcf45f5dc52b18c1e20.gif

 

  1. Draw a Triangle using the Polygon Tool (sides = 3)
  2. Draw a Circle and snap it it the top point of the Triangle
  3. Move the Circle down to achieve the desired offset
  4. Show then Snap the Rotation Center of the Circle to the center of the Triangle
  5. Duplicate (Ctrl+J) and rotate 120 degrees
  6. Power duplicate to create the third Circle

Win7 Ultimate x64   |   i5-3570K @ 3.4GHz   |   16 GB RAM   |   120 GB SSD   |   nVidia GTX 660 Ti   |   Huion 1060 Plus

 

ScreenToGIF (Open Source, Portable, ~610kB)

Share this post


Link to post
Share on other sites
30 minutes ago, Aammppaa said:

Seems pretty straight forward to me… (But maybe I'm missing something?!)

 

5ac4e0e361784_AffinityTrianglewithThreeCircles.gif.34d2dc35611b0dcf45f5dc52b18c1e20.gif

 

  1. Draw a Triangle using the Polygon Tool (sides = 3)
  2. Draw a Circle and snap it it the top point of the Triangle
  3. Move the Circle down to achieve the desired offset
  4. Show then Snap the Rotation Center of the Circle to the center of the Triangle
  5. Duplicate (Ctrl+J) and rotate 120 degrees
  6. Power duplicate to create the third Circle

 

This would've been the quicker way, I wouldn't have thought of it, I used Alfred's method, it didn't take long anyways, all I had to do was move a center point and draw a smaller triangle.

 

As for how straightforward it is, yeah it's easy now that I think about it, but I am still new to Affinity software (and vector in general) so I'm still learning all of the ways that I can do things, as well as workarounds.

 

This is the method that I used.

 

Thanks for the help!

Capture.PNG

Share this post


Link to post
Share on other sites

Always good to discover different ways of doing these things.

 

There is no right answer: what works well in one situation would be difficult else where.


Win7 Ultimate x64   |   i5-3570K @ 3.4GHz   |   16 GB RAM   |   120 GB SSD   |   nVidia GTX 660 Ti   |   Huion 1060 Plus

 

ScreenToGIF (Open Source, Portable, ~610kB)

Share this post


Link to post
Share on other sites
16 minutes ago, Aammppaa said:

Always good to discover different ways of doing these things.

Here's another..

Start with a small triangle
Snap the circles to the points of the triangle (as shown in the image below)
Then holding the CTRL key, scale the triangle bigger to the size you want

 

triangle.jpg


Due to the ongoing Brexit negotiations, punctuation, spelling and grammar will be used sparingly until further notice.

Share this post


Link to post
Share on other sites
10 minutes ago, carl123 said:

Start with a small triangle
Snap the circles to the points of the triangle (as shown in the image below)
Then holding the CTRL key, scale the triangle bigger to the size you want

 

Yes, that works just as well as the method I suggested. Hardly surprising, really, since it’s the same method in reverse! ;)

 


Alfred online2long.gif
Affinity Designer 1.6.5.123 • Affinity Photo 1.6.5.123 • Windows 10 Home (4th gen Core i3 CPU)
Affinity Photo for iPad 1.6.12.86 • Affinity Designer for iPad 1.6.4.45 • iOS 12.2 (iPad Air 2)

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×