Howto .... with gradient - Inkscape Users - Inkscape Mailman

2023

2022

2021

2020

2019

2018

2017

2016

2015

2014

2013

2012

2011

2010

2009

2008

2007

2006

2005

2004

Howto .... with gradient

How to get back to "normal"...

Exporting to high-res .pdf

Cédric Valcke

Monday, 21 May 2007 Mon, 21 May '07

2:09 p.m.

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

Reply

Show replies by date

Terry Brown

Monday, 21 May Mon, 21 May

6:38 p.m.

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(a)lists.sourceforge.net https://lists.sourceforge.net/lists/listinfo/inkscape-user

Reply

john cliff

7:55 p.m.

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(a)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(a)lists.sourceforge.net https://lists.sourceforge.net/lists/listinfo/inkscape-user

Reply

Valcke Cédric

8:23 p.m.

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(a)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(a)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(a)lists.sourceforge.net https://lists.sourceforge.net/lists/listinfo/inkscape-user

Reply

Aaron Elmquist

Tuesday, 22 May Tue, 22 May

1:08 a.m.

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(a)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(a)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(a)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(a)lists.sourceforge.net https://lists.sourceforge.net/lists/listinfo/inkscape-user

Reply

frank gaude'

1:29 a.m.

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

Reply

Dan H

8:24 a.m.

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.

Reply

Cédric Valcke

9:10 a.m.

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(a)lists.sourceforge.net https://lists.sourceforge.net/lists/listinfo/inkscape-user

Reply

Aaron Elmquist

11:19 a.m.

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(a)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(a)lists.sourceforge.net https://lists.sourceforge.net/lists/listinfo/inkscape-user

Reply

Cédric Valcke

8:27 a.m.

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(a)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(a)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(a)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(a)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(a)lists.sourceforge.net https://lists.sourceforge.net/lists/listinfo/inkscape-user

Reply

Donn

8:38 a.m.

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

Reply

6041

days inactive

6042

days old

inkscape-user@lists.inkscape.org

Manage subscription

10 comments

8 participants

tags (0)

participants (8)

Aaron Elmquist
Cédric Valcke
Dan H
Donn
frank gaude'
john cliff
Terry Brown
Valcke Cédric