Hi all,
Does somebody know how I could make such a thing http://www.digitalz.org/images/circle_arrow.gif (linear gradient on the arrows) with inkscape ?
Thanks
On Mon, 21 May 2007, Cédric Valcke wrote:
Hi all,
Does somebody know how I could make such a thing http://www.digitalz.org/images/circle_arrow.gif (linear gradient on the arrows) with inkscape ?
What I did in the attached was:
- draw a circle - change it to a path - select all nodes then add nodes - break the path at each node (*) - 'break apart' the paths to make separate objects - set the end markers on all the paths to arrowheads - convert strokes to paths (path menu) - union the now detached arrow heads with the line parts - add gradients - don't think there's any way around doing those one by one
You'll need to split one of the arrows so its tail can be under the preceeding arrow while its head is above the tail of the next.
Hope that helps.
(*) breaking a path at its nodes currently you have to do one node at a time, there's an active bug report that when fixed should allow you do break them all at once.
Cheers -Terry
Thanks
This SF.net email is sponsored by DB2 Express Download DB2 Express C - the FREE version of DB2 express and take control of your XML. No limits. Just data. Click to get it now. http://sourceforge.net/powerbar/db2/ _______________________________________________ Inkscape-user mailing list Inkscape-user@lists.sourceforge.net https://lists.sourceforge.net/lists/listinfo/inkscape-user
You can do something like it fairly easily with blur and masks, quick and dirty go is attached, took about 10 minutes of playing and thats including the really quick and dirty one I did but wasnt going to let anyone else see :)
Cheers
Sim
On 5/21/07, Terry Brown <terry_n_brown@...12...> wrote:
On Mon, 21 May 2007, Cédric Valcke wrote:
Hi all,
Does somebody know how I could make such a thing http://www.digitalz.org/images/circle_arrow.gif (linear gradient on the arrows) with inkscape ?
What I did in the attached was:
- draw a circle
- change it to a path
- select all nodes then add nodes
- break the path at each node (*)
- 'break apart' the paths to make separate objects
- set the end markers on all the paths to arrowheads
- convert strokes to paths (path menu)
- union the now detached arrow heads with the line parts
- add gradients - don't think there's any way around doing those one by one
You'll need to split one of the arrows so its tail can be under the preceeding arrow while its head is above the tail of the next.
Hope that helps.
(*) breaking a path at its nodes currently you have to do one node at a time, there's an active bug report that when fixed should allow you do break them all at once.
Cheers -Terry
Thanks
This SF.net email is sponsored by DB2 Express Download DB2 Express C - the FREE version of DB2 express and take control of your XML. No limits. Just data. Click to get it now. http://sourceforge.net/powerbar/db2/ _______________________________________________ Inkscape-user mailing list Inkscape-user@lists.sourceforge.net https://lists.sourceforge.net/lists/listinfo/inkscape-user
This SF.net email is sponsored by DB2 Express Download DB2 Express C - the FREE version of DB2 express and take control of your XML. No limits. Just data. Click to get it now. http://sourceforge.net/powerbar/db2/ _______________________________________________ Inkscape-user mailing list Inkscape-user@lists.sourceforge.net https://lists.sourceforge.net/lists/listinfo/inkscape-user
Hi both,
Thank you very much for those wonderful examples.
It is exactly what I wanted to do and I learned a new tool (masks) on Inkscape.
Cheers
john cliff a écrit :
You can do something like it fairly easily with blur and masks, quick and dirty go is attached, took about 10 minutes of playing and thats including the really quick and dirty one I did but wasnt going to let anyone else see :)
Cheers
Sim
On 5/21/07, Terry Brown <terry_n_brown@...12...> wrote:
On Mon, 21 May 2007, Cédric Valcke wrote:
Hi all,
Does somebody know how I could make such a thing http://www.digitalz.org/images/circle_arrow.gif (linear gradient on the arrows) with inkscape ?
What I did in the attached was:
- draw a circle
- change it to a path
- select all nodes then add nodes
- break the path at each node (*)
- 'break apart' the paths to make separate objects
- set the end markers on all the paths to arrowheads
- convert strokes to paths (path menu)
- union the now detached arrow heads with the line parts
- add gradients - don't think there's any way around doing those one by one
You'll need to split one of the arrows so its tail can be under the preceeding arrow while its head is above the tail of the next.
Hope that helps.
(*) breaking a path at its nodes currently you have to do one node at a time, there's an active bug report that when fixed should allow you do break them all at once.
Cheers -Terry
Thanks
This SF.net email is sponsored by DB2 Express Download DB2 Express C - the FREE version of DB2 express and take control of your XML. No limits. Just data. Click to get it now. http://sourceforge.net/powerbar/db2/ _______________________________________________ Inkscape-user mailing list Inkscape-user@lists.sourceforge.net https://lists.sourceforge.net/lists/listinfo/inkscape-user
This SF.net email is sponsored by DB2 Express Download DB2 Express C - the FREE version of DB2 express and take control of your XML. No limits. Just data. Click to get it now. http://sourceforge.net/powerbar/db2/ _______________________________________________ Inkscape-user mailing list Inkscape-user@lists.sourceforge.net https://lists.sourceforge.net/lists/listinfo/inkscape-user
This SF.net email is sponsored by DB2 Express Download DB2 Express C - the FREE version of DB2 express and take control of your XML. No limits. Just data. Click to get it now. http://sourceforge.net/powerbar/db2/
Inkscape-user mailing list Inkscape-user@lists.sourceforge.net https://lists.sourceforge.net/lists/listinfo/inkscape-user
Just two show you there are lots and lots of ways to "skin a cat" in Inkscape, here's one more example.
Used the pattern along path with lots of nodes and a negative offset to achieve the overlapped look. The broke apart/ungrouped and adjust the fills one by one.
Have fun!
On 5/21/07, Valcke Cédric <cvalcke@...206...> wrote:
Hi both,
Thank you very much for those wonderful examples.
It is exactly what I wanted to do and I learned a new tool (masks) on Inkscape.
Cheers
john cliff a écrit :
You can do something like it fairly easily with blur and masks, quick and dirty go is attached, took about 10 minutes of playing and thats including the really quick and dirty one I did but wasnt going to let anyone else see :)
Cheers
Sim
On 5/21/07, Terry Brown <terry_n_brown@...12...> wrote:
On Mon, 21 May 2007, Cédric Valcke wrote:
Hi all,
Does somebody know how I could make such a thing http://www.digitalz.org/images/circle_arrow.gif (linear gradient on
the
arrows) with inkscape ?
What I did in the attached was:
- draw a circle
- change it to a path
- select all nodes then add nodes
- break the path at each node (*)
- 'break apart' the paths to make separate objects
- set the end markers on all the paths to arrowheads
- convert strokes to paths (path menu)
- union the now detached arrow heads with the line parts
- add gradients - don't think there's any way around doing those one by one
You'll need to split one of the arrows so its tail can be under the preceeding arrow while its head is above the tail of the next.
Hope that helps.
(*) breaking a path at its nodes currently you have to do one node at a time, there's an active bug report that when fixed should allow you do break them all at once.
Cheers -Terry
Thanks
This SF.net email is sponsored by DB2 Express Download DB2 Express C - the FREE version of DB2 express and take control of your XML. No limits. Just data. Click to get it now. http://sourceforge.net/powerbar/db2/ _______________________________________________ Inkscape-user mailing list Inkscape-user@lists.sourceforge.net https://lists.sourceforge.net/lists/listinfo/inkscape-user
This SF.net email is sponsored by DB2 Express Download DB2 Express C - the FREE version of DB2 express and take control of your XML. No limits. Just data. Click to get it now. http://sourceforge.net/powerbar/db2/ _______________________________________________ Inkscape-user mailing list Inkscape-user@lists.sourceforge.net https://lists.sourceforge.net/lists/listinfo/inkscape-user
This SF.net email is sponsored by DB2 Express Download DB2 Express C - the FREE version of DB2 express and take control of your XML. No limits. Just data. Click to get it now. http://sourceforge.net/powerbar/db2/
Inkscape-user mailing list Inkscape-user@lists.sourceforge.net https://lists.sourceforge.net/lists/listinfo/inkscape-user
This SF.net email is sponsored by DB2 Express Download DB2 Express C - the FREE version of DB2 express and take control of your XML. No limits. Just data. Click to get it now. http://sourceforge.net/powerbar/db2/ _______________________________________________ Inkscape-user mailing list Inkscape-user@lists.sourceforge.net https://lists.sourceforge.net/lists/listinfo/inkscape-user
Thanks, man. Super work.
frank
Aaron Elmquist wrote:
Just two show you there are lots and lots of ways to "skin a cat" in Inkscape, here's one more example.
Used the pattern along path with lots of nodes and a negative offset to achieve the overlapped look. The broke apart/ungrouped and adjust the fills one by one.
Have fun!
On 5/21/07, *Valcke Cédric* <cvalcke@...206... mailto:cvalcke@...2250....> wrote:
Hi both, Thank you very much for those wonderful examples. It is exactly what I wanted to do and I learned a new tool (masks) on Inkscape. Cheers john cliff a écrit : > You can do something like it fairly easily with blur and masks, quick > and dirty go is attached, took about 10 minutes of playing and thats > including the really quick and dirty one I did but wasnt going to let > anyone else see :) > > Cheers > > Sim > > > > On 5/21/07, Terry Brown <terry_n_brown@...12... <mailto:terry_n_brown@...12...>> wrote: >> On Mon, 21 May 2007, Cédric Valcke wrote: >> >> > Hi all, >> > >> > Does somebody know how I could make such a thing >> > http://www.digitalz.org/images/circle_arrow.gif (linear gradient on the >> > arrows) with inkscape ? >> >> What I did in the attached was: >> >> - draw a circle >> - change it to a path >> - select all nodes then add nodes >> - break the path at each node (*) >> - 'break apart' the paths to make separate objects >> - set the end markers on all the paths to arrowheads >> - convert strokes to paths (path menu) >> - union the now detached arrow heads with the line parts >> - add gradients - don't think there's any way around doing >> those one by one >> >> You'll need to split one of the arrows so its tail can be under the >> preceeding arrow while its head is above the tail of the next. >> >> Hope that helps. >> >> (*) breaking a path at its nodes currently you have to do one node >> at a time, there's an active bug report that when fixed should allow >> you do break them all at once. >> >> Cheers -Terry >> >> > >> > Thanks
Hi Dan,
It's normal, the "pattern along a path" effect was launched with the 0.45 : http://www.inkscape.org/screenshots/index.php?lang=en&version=0.45
Perhaps there is the 0.45 on the backports.
Cheers, Dan H a écrit :
Used the pattern along path with lots of nodes and a negative offset to achieve the overlapped look.
What's "pattern along path?" I couldn't find it in v 0.44 (Debian etch)
--D.
This SF.net email is sponsored by DB2 Express Download DB2 Express C - the FREE version of DB2 express and take control of your XML. No limits. Just data. Click to get it now. http://sourceforge.net/powerbar/db2/
Inkscape-user mailing list Inkscape-user@lists.sourceforge.net https://lists.sourceforge.net/lists/listinfo/inkscape-user
Cedric,
I'm using 0.45.1 right now. There is much other choice fro gradients manually. Don't know if you can do something snazzy like you're talking about in the xml editor.
I haven't checked on 0.46 development yet. I have seen some post about pretty cool upgrades to the gradient tool where nodes can be added to a gradient and then edited to be used as color stops.
Perhapses a request for something like path to gradient is in order? I don't know if SVG would support something like this.
~A On 5/22/07, Cédric Valcke <cvalcke@...206...> wrote:
Hi Dan,
It's normal, the "pattern along a path" effect was launched with the 0.45 : http://www.inkscape.org/screenshots/index.php?lang=en&version=0.45
Perhaps there is the 0.45 on the backports.
Cheers, Dan H a écrit :
Used the pattern along path with lots of nodes and a negative offset to achieve the overlapped look.
What's "pattern along path?" I couldn't find it in v 0.44 (Debian etch)
--D.
This SF.net email is sponsored by DB2 Express Download DB2 Express C - the FREE version of DB2 express and take control of your XML. No limits. Just data. Click to get it now. http://sourceforge.net/powerbar/db2/
Inkscape-user mailing list Inkscape-user@lists.sourceforge.net https://lists.sourceforge.net/lists/listinfo/inkscape-user
This SF.net email is sponsored by DB2 Express Download DB2 Express C - the FREE version of DB2 express and take control of your XML. No limits. Just data. Click to get it now. http://sourceforge.net/powerbar/db2/ _______________________________________________ Inkscape-user mailing list Inkscape-user@lists.sourceforge.net https://lists.sourceforge.net/lists/listinfo/inkscape-user
Great Aaron,
Thanks a lot for this other example,
Just another little question : is there a way to deform each gradients along the arrow stroke (in your example each arrow has a linear gradient, I would like to curve each gradient along the arrow stroke (please see the enclosed svg)
Cheers, Aaron Elmquist a écrit :
Just two show you there are lots and lots of ways to "skin a cat" in Inkscape, here's one more example.
Used the pattern along path with lots of nodes and a negative offset to achieve the overlapped look. The broke apart/ungrouped and adjust the fills one by one.
Have fun!
On 5/21/07, Valcke Cédric <cvalcke@...206...> wrote:
Hi both,
Thank you very much for those wonderful examples.
It is exactly what I wanted to do and I learned a new tool (masks) on Inkscape.
Cheers
john cliff a écrit :
You can do something like it fairly easily with blur and masks, quick and dirty go is attached, took about 10 minutes of playing and thats including the really quick and dirty one I did but wasnt going to let anyone else see :)
Cheers
Sim
On 5/21/07, Terry Brown <terry_n_brown@...12...> wrote:
On Mon, 21 May 2007, Cédric Valcke wrote:
Hi all,
Does somebody know how I could make such a thing http://www.digitalz.org/images/circle_arrow.gif (linear gradient on
the
arrows) with inkscape ?
What I did in the attached was:
- draw a circle
- change it to a path
- select all nodes then add nodes
- break the path at each node (*)
- 'break apart' the paths to make separate objects
- set the end markers on all the paths to arrowheads
- convert strokes to paths (path menu)
- union the now detached arrow heads with the line parts
- add gradients - don't think there's any way around doing those one by one
You'll need to split one of the arrows so its tail can be under the preceeding arrow while its head is above the tail of the next.
Hope that helps.
(*) breaking a path at its nodes currently you have to do one node at a time, there's an active bug report that when fixed should allow you do break them all at once.
Cheers -Terry
Thanks
This SF.net email is sponsored by DB2 Express Download DB2 Express C - the FREE version of DB2 express and take control of your XML. No limits. Just data. Click to get it now. http://sourceforge.net/powerbar/db2/ _______________________________________________ Inkscape-user mailing list Inkscape-user@lists.sourceforge.net https://lists.sourceforge.net/lists/listinfo/inkscape-user
This SF.net email is sponsored by DB2 Express Download DB2 Express C - the FREE version of DB2 express and take control of your XML. No limits. Just data. Click to get it now. http://sourceforge.net/powerbar/db2/ _______________________________________________ Inkscape-user mailing list Inkscape-user@lists.sourceforge.net https://lists.sourceforge.net/lists/listinfo/inkscape-user
This SF.net email is sponsored by DB2 Express Download DB2 Express C - the FREE version of DB2 express and take control of your XML. No limits. Just data. Click to get it now. http://sourceforge.net/powerbar/db2/
Inkscape-user mailing list Inkscape-user@lists.sourceforge.net https://lists.sourceforge.net/lists/listinfo/inkscape-user
This SF.net email is sponsored by DB2 Express Download DB2 Express C - the FREE version of DB2 express and take control of your XML. No limits. Just data. Click to get it now. http://sourceforge.net/powerbar/db2/ _______________________________________________ Inkscape-user mailing list Inkscape-user@lists.sourceforge.net https://lists.sourceforge.net/lists/listinfo/inkscape-user
This SF.net email is sponsored by DB2 Express Download DB2 Express C - the FREE version of DB2 express and take control of your XML. No limits. Just data. Click to get it now. http://sourceforge.net/powerbar/db2/
Inkscape-user mailing list Inkscape-user@lists.sourceforge.net https://lists.sourceforge.net/lists/listinfo/inkscape-user
Just another little question : is there a way to deform each gradients along the arrow stroke (in your example each arrow has a linear gradient, I would like to curve each gradient along the arrow stroke (please see the enclosed svg)
I can't really tell - those gradients, allthought straight, appear to go in a circle.
You could try a radial gradient and then deform it with the gradient tool - to make the illusion more convincing.
/d
participants (8)
-
Aaron Elmquist -
Cédric Valcke -
Dan H -
Donn -
frank gaude' -
john cliff -
Terry Brown -
Valcke Cédric