Circle with overlapping arrows

Post questions on how to use or achieve an effect in Inkscape.
rxzlmn
Posts: 1
Joined: Thu Nov 27, 2014 9:49 pm

Circle with overlapping arrows

Postby rxzlmn » Thu Nov 27, 2014 9:54 pm

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:

Image

Many thanks for any help :)

Lazur
Posts: 4717
Joined: Tue Jun 14, 2016 10:38 am

Re: Circle with overlapping arrows

Postby Lazur » Thu Nov 27, 2014 10:24 pm

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.
Attachments
arrows.svg
(81.02 KiB) Downloaded 238 times

tylerdurden
Posts: 2344
Joined: Sun Apr 14, 2013 12:04 pm
Location: Michigan, USA

Re: Circle with overlapping arrows

Postby tylerdurden » Thu Nov 27, 2014 10:52 pm

Fast and dirty:
Make the arrowheads separately, same color as the circle segments.
Arrows1.jpg
Arrows1.jpg (55.76 KiB) Viewed 2948 times


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/

User avatar
ragstian
Posts: 1181
Joined: Thu Oct 11, 2012 2:44 am
Location: Stavanger-Norway

Re: Circle with overlapping arrows

Postby ragstian » Thu Nov 27, 2014 11:47 pm

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

Image

Good Luck
RGDS
Ragnar
Good Luck!
( ͡° ͜ʖ ͡°)
RGDS
Ragnar

User avatar
Espermaschine
Posts: 892
Joined: Thu Jun 05, 2014 9:10 pm

Re: Circle with overlapping arrows

Postby Espermaschine » Fri Nov 28, 2014 8:27 am

maybe this videotutorial by Richard Querin is helpful as well ?

http://screencasters.heathenx.org/episode-093/

User avatar
brynn
Posts: 10309
Joined: Wed Sep 26, 2007 4:34 pm
Location: western USA
Contact:

Re: Circle with overlapping arrows

Postby brynn » Fri Nov 28, 2014 8:07 pm

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. :D


Return to “Help with using Inkscape”