Hi,
I am trying to create a circle with overlapping arrows. I would greatly appreciate some advice on how to achieve this. I tried to add arrowheads to half/semi circles but they appear totally random and not at the end of the circle stroke.
This is what I want to create:
Many thanks for any help
Circle with overlapping arrows
Re: Circle with overlapping arrows
Hi.
You can bend a straight arrow with the pattern along path lpe.
Achieving the circular hiding of the objects is a bit tricky to describe step by step.
Basically you will need to draw one of the arrows from two parts and move the point to the top, and move the end to the bottom.
Attached is how I would make it roughly.
You can bend a straight arrow with the pattern along path lpe.
Achieving the circular hiding of the objects is a bit tricky to describe step by step.
Basically you will need to draw one of the arrows from two parts and move the point to the top, and move the end to the bottom.
Attached is how I would make it roughly.
- Attachments
-
- arrows.svg
- (81.02 KiB) Downloaded 238 times
-
- Posts: 2344
- Joined: Sun Apr 14, 2013 12:04 pm
- Location: Michigan, USA
Re: Circle with overlapping arrows
Fast and dirty:
Make the arrowheads separately, same color as the circle segments.
I'd give the arrowheads a 1px stroke to hide the join.
Make the arrowheads separately, same color as the circle segments.
I'd give the arrowheads a 1px stroke to hide the join.
Have a nice day.
I'm using Inkscape 0.92.2 (5c3e80d, 2017-08-06), 64 bit win8.1
The Inkscape manual has lots of helpful info! http://tavmjong.free.fr/INKSCAPE/MANUAL/html/
I'm using Inkscape 0.92.2 (5c3e80d, 2017-08-06), 64 bit win8.1
The Inkscape manual has lots of helpful info! http://tavmjong.free.fr/INKSCAPE/MANUAL/html/
Re: Circle with overlapping arrows
Hi
Use the pattern along path extension to get the curved arrows.
In the following "guide" shortcut keys are in parenthesis.
First create an arrow using the line tool - ( Shift + F6 )
Select the arrow and switch to "Edit path by nodes" - ( F2 )
Select all nodes - ( Ctrl + A )
Click the insert nodes icon a few times to get more nodes in the arrow - to allow it to "bend" smoothly later.
Drag two guides to where you want the center of the circle.
Create an arc from 270 to 10 degrees. (Hold down Ctrl + Shift while dragging the mouse to get part of a circle. Start at the intersection of the guides.)
Move the center of rotation of the arc to the intersection of the guides. To do this click on the arc twice until a small cross appears, drag the cross to the intersection of the guides, have snapping enabled to help you get to the exact position.)
Now the arc can be duplicated & rotated easily - duplicate the arc ( CTRL + D ) - use the rotate 90 degrees icon. Repeat this step twice using the last arc created until you have 4 overlapping arcs.
Click the arrow and press pageup or "Raise selection to the top" icon ( Home ).
Select all arcs by the mouse - click and drag around all four or keep shift pressed and select one by one.
Convert the arcs to paths by Shift + Ctrl + C.
With all four paths selected press pagedn or the "Lower selection to the bottom" icon ( End ) to get the arcs Z-order low.
With the four paths selected press shift and select the arrow as well.
Use the - Extension - Generate from Path - Pattern along path dialog to create the "bent" arrows.
You have to "adjust" the last arrow by cutting a portion of the end. Do this by duplicating the last two and do a path - difference.
Apply the required fill gradients, Group and adjust rotation, Add the text the same way as you did for the arrows.
Have fun
Good Luck
RGDS
Ragnar
Use the pattern along path extension to get the curved arrows.
In the following "guide" shortcut keys are in parenthesis.
First create an arrow using the line tool - ( Shift + F6 )
Select the arrow and switch to "Edit path by nodes" - ( F2 )
Select all nodes - ( Ctrl + A )
Click the insert nodes icon a few times to get more nodes in the arrow - to allow it to "bend" smoothly later.
Drag two guides to where you want the center of the circle.
Create an arc from 270 to 10 degrees. (Hold down Ctrl + Shift while dragging the mouse to get part of a circle. Start at the intersection of the guides.)
Move the center of rotation of the arc to the intersection of the guides. To do this click on the arc twice until a small cross appears, drag the cross to the intersection of the guides, have snapping enabled to help you get to the exact position.)
Now the arc can be duplicated & rotated easily - duplicate the arc ( CTRL + D ) - use the rotate 90 degrees icon. Repeat this step twice using the last arc created until you have 4 overlapping arcs.
Click the arrow and press pageup or "Raise selection to the top" icon ( Home ).
Select all arcs by the mouse - click and drag around all four or keep shift pressed and select one by one.
Convert the arcs to paths by Shift + Ctrl + C.
With all four paths selected press pagedn or the "Lower selection to the bottom" icon ( End ) to get the arcs Z-order low.
With the four paths selected press shift and select the arrow as well.
Use the - Extension - Generate from Path - Pattern along path dialog to create the "bent" arrows.
You have to "adjust" the last arrow by cutting a portion of the end. Do this by duplicating the last two and do a path - difference.
Apply the required fill gradients, Group and adjust rotation, Add the text the same way as you did for the arrows.
Have fun
Good Luck
RGDS
Ragnar
Good Luck!
( ͡° ͜ʖ ͡°)
RGDS
Ragnar
( ͡° ͜ʖ ͡°)
RGDS
Ragnar
- Espermaschine
- Posts: 892
- Joined: Thu Jun 05, 2014 9:10 pm
Re: Circle with overlapping arrows
maybe this videotutorial by Richard Querin is helpful as well ?
http://screencasters.heathenx.org/episode-093/
http://screencasters.heathenx.org/episode-093/
Re: Circle with overlapping arrows
Well, this is a case where there are really several to many ways to draw this. For me, I would start with circles, then make a basic kind of donut, and node editing to separate into 4 pieces, or maybe draw an extra couple of shapes to use Cut Path, then union on some triangles for the arrow heads. It's really a matter of what you're most comfortable with. If you are a new Inkscape user, pattern along path might be a little challenging. For me (fairly experienced user), pap would be the hard way. But we'll need more info from you, about your skill level, before we can give specific suggestions.
Basics - Help menu > Tutorials
Manual - Inkscape: Guide to a Vector Drawing Program
Inkscape Community - Inkscape FAQ - Gallery
Inkscape for Cutting Design
Manual - Inkscape: Guide to a Vector Drawing Program
Inkscape Community - Inkscape FAQ - Gallery
Inkscape for Cutting Design