Jump to content
You must now use your email address to sign in [click for more info] ×

How to subtract shapes exterior to lines or other shapes?


Recommended Posts

Hi all!

I am considering making the switch from Adobe Illustrator to Affinity Designer. I am wondering how I can replicate a similar result with Illustrator's shapes tool in Designer.

In Illustrator, I had the following workflow:

  1. Add two lines.
  2. Add a circle.
  3. Select all shapes.
  4. Activate the shapes tool (shortcut shift-M on a Mac).
  5. Hold alt, hover and select the exterior of the circle to "cut" away that portion, thus leaving two lines with an angle (arc) in between.

image.png.625771994f68fdcab3b3cf25a9156888.png

I would like to know how I can "cut" away a circle in Designer, leaving just the arc/angle between the two rays. I am trying to make some mathematics diagrams. The image below was created with two lines using the pen tool and then adding an ellipse. Unfortunately, when I select all 3 items, I get strange results when messing around with the geometry tools (subtract, xor, divide, etc.).

image.png.eb04d910a336c82509163d385c261c3d.png

Any assistance is greatly appreciated. Thank you in advance!

Affinity Designer 1.9 | Affinity Publisher 1.9

Running on Apple Silicon

Link to comment
Share on other sites

Welcome to the Forums @JLAustin😊  I may be really out in left field, but I wonder whether this is what you want?  I used the pen tool to draw the two angled lines.  I then switched to the Move tool and chose the Pie shape (you will find it by clicking on the little arrow at the bottom of your blue rectangle shape (other other shape icon) in the tool bar.  I then drew a pie shape with the same stroke thickness as the two lines, and placed it over the lines.  With the pie shape layer highlighted, I then used the various angle sliders up on the Context toolbar to match the angle of the lines.  And then I clicked on "Invert Angles" on the Context Toolbar.  That left me with what I think is what you want?  If the result is not quite right, just click on "Invert Angles" again, and it goes back to the pie shape so you can work with it again.   I hope this helps?🤔

 

726714484_ScreenShot2021-02-13at3_48_45PM.png.d24ed2d86ee01c978f73da91c161c9da.png

 


24" iMAC Apple M1 chip, 8-core CPU, 8-core GPU, 16 GB unified memory, 1 TB SSD storage, Ventura 13.6.  Photo, Publisher, Designer 1.10.5, and 2.3.
MacBook Pro 13" 2020, Apple M1 chip, 16GB unified memory, 256GB  SSD storage
,  Ventura 13.6.   Publisher, Photo, Designer 1.10.5, and 2.1.1.  
 iPad Pro 12.9 2020 (4th Gen. IOS 16.6.1); Apple pencil.  
Wired and bluetooth mice and keyboards.9_9

Link to comment
Share on other sites

55 minutes ago, jmwellborn said:

Welcome to the Forums @JLAustin😊  I may be really out in left field, but I wonder whether this is what you want?  I used the pen tool to draw the two angled lines.  I then switched to the Move tool and chose the Pie shape (you will find it by clicking on the little arrow at the bottom of your blue rectangle shape (other other shape icon) in the tool bar.  I then drew a pie shape with the same stroke thickness as the two lines, and placed it over the lines.  With the pie shape layer highlighted, I then used the various angle sliders up on the Context toolbar to match the angle of the lines.  And then I clicked on "Invert Angles" on the Context Toolbar.  That left me with what I think is what you want?  If the result is not quite right, just click on "Invert Angles" again, and it goes back to the pie shape so you can work with it again.   I hope this helps?🤔

 

726714484_ScreenShot2021-02-13at3_48_45PM.png.d24ed2d86ee01c978f73da91c161c9da.png

 

Thank you @jmwellborn. While that technically works, it feels like a lot of steps. I suppose for this particular task that it is simply easier to stroke a curve in between the two lines with the Pen Tool.

Affinity Designer 1.9 | Affinity Publisher 1.9

Running on Apple Silicon

Link to comment
Share on other sites

15 minutes ago, JLAustin said:

could you please explain your steps?

I was hoping the AD document that was provided along with the screenshot would be self-explanatory.

1. use Pen Tool to draw the Curve object by placing three sharp nodes

2. use Ellipse Tool to draw a circle with its centre at the bottom right of the Curve object

3. nest the Ellipse inside the Curve

 

Link to comment
Share on other sites

45 minutes ago, anon2 said:

Nest an Ellipse object inside a Curve object with two "arms" as shown below.

That will only work as long as the open side of the triangle doesn't tangent the circle, i.e. at this proportions ca <100°. If you open up the angle to 180°, there will be no circle visible at all.

For more flexibility and wider angles, I'd use the pie tool as already noted above, align the prolonged angles manually and group both objects.
 

MacBookAir 15": MacOS Ventura > Affinity v1, v2, v2 beta // MacBookPro 15" mid-2012: MacOS El Capitan > Affinity v1 / MacOS Catalina > Affinity v1, v2, v2 beta // iPad 8th: iPadOS 16 > Affinity v2

Link to comment
Share on other sites

21 minutes ago, loukash said:

That will only work as long as the open side of the triangle doesn't tangent the circle, i.e. at this proportions ca <100°. If you open up the angle to 180°, there will be no circle visible at all.

For more flexibility and wider angles, I'd use the pie tool as already noted above, align the prolonged angles manually and group both objects.
 

My suggestion was intended only as a simple solution to the specific example shown by the OP. Seemed harmless to me.

Link to comment
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.

Loading...
×
×
  • Create New...

Important Information

Terms of Use | 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.