Gradient meshes in Inkscape?

Post questions on how to use or achieve an effect in Inkscape.
Inkscaper_

Gradient meshes in Inkscape?

Postby Inkscaper_ » Sat Oct 11, 2008 8:45 am

I have recently stumbled upon this Illustrator tutorial http://www.evermotion.org/?unfold_exclusive=273&unfold=exclusive and got excieted about gradient meshes. Is there any way to recreate them in Inkscape? I noticed that Pinheiro (author of KDE icon theme and other cool vector stuff) imitates them by overlaying multiple gradients, but this way the whole image gets very complicated and hard to edit. Is there any other method? There is this hint on the wiki: http://www.inkscape.org/screenshots/gal ... mental.png , but I suspect it is not usable for non-developer.

User avatar
microUgly
Site Admin
Posts: 2985
Joined: Sat Jun 02, 2007 3:13 pm
Contact:

Re: Gradient meshes in Inkscape?

Postby microUgly » Sat Oct 11, 2008 9:32 am

Unfortunately there is no gradient mesh in Inkscape.

The SVG standard doesn't have any support for g-mesh so the Inkscape developers will have to produce the effect using the features SVG does have. The screenshot you link to is a proof of concept--working code doesn't exist (AFAIK).

User avatar
prkos
Posts: 1625
Joined: Tue Nov 06, 2007 8:45 am
Location: Croatia

Re: Gradient meshes in Inkscape?

Postby prkos » Sat Oct 11, 2008 7:38 pm

Why would that screenshot example be usable only for developers? Just follow the tutorial and you'll get a gradient mesh. The only difference with Illustrator is you can't edit it live, but that screenshot says it will be possible once 2geom is implemented and that's being done just now.
just hand over the chocolate and nobody gets hurt

Inkscape Manual on Floss
Inkscape FAQ
very comprehensive Inkscape guide
Inkscape 0.48 Illustrator's Cookbook - 109 recipes to learn and explore Inkscape - with SVG examples to download

Inkscaper_

Re: Gradient meshes in Inkscape?

Postby Inkscaper_ » Sat Oct 11, 2008 9:07 pm

prkos wrote:Why would that screenshot example be usable only for developers? Just follow the tutorial and you'll get a gradient mesh. The only difference with Illustrator is you can't edit it live, but that screenshot says it will be possible once 2geom is implemented and that's being done just now.


How can I get a window like this in bottom right side of a screenshot from wiki? I checked lib2geom and it seem to be bare library, no gui tools. Does this tutorial by "interpolate" means using Effects -> Modify Path -> Interpolate? Then I don't know how to use it in step 3.

User avatar
prkos
Posts: 1625
Joined: Tue Nov 06, 2007 8:45 am
Location: Croatia

Re: Gradient meshes in Inkscape?

Postby prkos » Sat Oct 11, 2008 10:04 pm

I wouldn't know what to do with just the library, maybe a dev can help here.

Even if 2geom is implemented before 0.47 is released I can't tell if gradient meshes will be there too, sounds like LPE could be the way to implement it though.

Yes you use the Interpolate effect, it works between 2 paths so in step 3 select top and bottom path (the grey curve you see in step 2 should actually be broken into 4 separate paths) and interpolate them (to get 4 horizontal curves between them). Then select left and right path and interpolate them to get the vertical curves between them. In this step you don't have to interpolate style.

In the next step you have to interpolate colors, again you can only do it between 2 paths. Select 2 coloured circles (paths) and interpolate style between them, do the same for the remaining 2 coloured circles. This will give you 2 rows of coloured dots, now you have to interpolate between the rows to get the grid. Lots of Interpolate to be done in steps 3 and especially 4.
just hand over the chocolate and nobody gets hurt

Inkscape Manual on Floss
Inkscape FAQ
very comprehensive Inkscape guide
Inkscape 0.48 Illustrator's Cookbook - 109 recipes to learn and explore Inkscape - with SVG examples to download

Simarilius
Posts: 626
Joined: Wed Jun 06, 2007 2:37 am

Re: Gradient meshes in Inkscape?

Postby Simarilius » Sun Oct 12, 2008 3:33 am

the window in the bottom corner is on of the toy apps you can compile when you build 2geom.
It let's you build the mesh and save as svg, then you just have to import
to inkscape and blur it.

Inkscaper_

Re: Gradient meshes in Inkscape?

Postby Inkscaper_ » Sun Oct 12, 2008 4:57 am

I have compiled and installed 2geom with "2GEOM_TOYS" variable set to "ON", but still I can't find toy programs, here is list of installed files: http://wklej.org/id/9932/


Return to “Help with using Inkscape”