Gradiant border

Post questions on how to use or achieve an effect in Inkscape.
syednayab
Posts: 25
Joined: Thu Jan 27, 2011 10:58 pm
Contact:

Gradiant border

Postby syednayab » Thu Jun 06, 2013 4:49 pm

Hello everybody,

Here i am attaching one logo i have designed for my website, only problem for me is gradiant..


i want to give highlight on the outer and innermost part of shape. WHich isnt possible using Radial or any other gradiant method...
Image

any suggestions please....

User avatar
Xav
Posts: 1184
Joined: Fri May 08, 2009 1:18 am
Location: UK
Contact:

Re: Gradiant border

Postby Xav » Thu Jun 06, 2013 4:55 pm

There is an experimental version of Inkscape with mesh gradients which would let you acheive what you want, but (a) it's experimental and (b) the syntax for mesh gradients hasn't yet been ratified by the SVG working group (it should be in SVG 2.0 in a year or two), so future versions of Inkscape may not read files created with it right now.

Alternatively your best bet is probably to use blurred highlights/shadows with clipping to simulate the gradient you want. See my latest Inkscape tutorial in Full Circle Magazine (it's a free download, http://fullcirclemagazine.org/issue-73/ ) which is all about clipping, and shows a simple example of simulating a conical gradient in this way.
Co-creator of The Greys and Monsters, Inked - Inkscape drawn webcomics
Web SiteFacebookTwitter

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

Re: Gradiant border

Postby Lazur » Thu Jun 06, 2013 5:21 pm

Blurring and clipping, and maybe some masking too.
Quick example attached.
Attachments
hlp48.svg
(14.49 KiB) Downloaded 152 times
Last edited by Lazur URH on Sat Jan 25, 2014 2:01 pm, edited 1 time in total.

syednayab
Posts: 25
Joined: Thu Jan 27, 2011 10:58 pm
Contact:

Re: Gradiant border

Postby syednayab » Thu Jun 06, 2013 6:44 pm

Lazur URH wrote:Blurring and clipping, and maybe some moasking too.
Quick example attached.


its very clear now...so it will be pretty much manual stuff for now..

Thank You :)

syednayab
Posts: 25
Joined: Thu Jan 27, 2011 10:58 pm
Contact:

Re: Gradiant border

Postby syednayab » Thu Jun 06, 2013 6:46 pm

Xav wrote:There is an experimental version of Inkscape with mesh gradients which would let you acheive what you want, but (a) it's experimental and (b) the syntax for mesh gradients hasn't yet been ratified by the SVG working group (it should be in SVG 2.0 in a year or two), so future versions of Inkscape may not read files created with it right now.

Alternatively your best bet is probably to use blurred highlights/shadows with clipping to simulate the gradient you want. See my latest Inkscape tutorial in Full Circle Magazine (it's a free download, http://fullcirclemagazine.org/issue-73/ ) which is all about clipping, and shows a simple example of simulating a conical gradient in this way.


yes..i am coming from Illustrator, beside missing mesh gradients, i miss those smooth transitioning gradients..

Can you help me with the Experimental VERSION..if its available for download?


Thank you

User avatar
Xav
Posts: 1184
Joined: Fri May 08, 2009 1:18 am
Location: UK
Contact:

Re: Gradiant border

Postby Xav » Thu Jun 06, 2013 9:04 pm

To be honest I really wouldn't go anywhere near the experimental version - it was mainly created as a proof of concept and to help the SVG working group decide on a syntax for mesh gradients. Trying to use a hacked together experimental build for any sort of production use is likely to lead to frustration and a misleading view of Inkscape.

If you really want to give it a go, though, this page has links to the branch and some build instructions: http://libregraphicsworld.org/blog/entr ... n-inkscape


If you're coming from Illustrator then I guess you're on a Mac; I don't know whether anyone has made Mac builds of this branch generally available for download, so building from source might be your only option if you really, really want to try it.
Co-creator of The Greys and Monsters, Inked - Inkscape drawn webcomics
Web SiteFacebookTwitter

User avatar
flamingolady
Posts: 685
Joined: Wed Jun 10, 2009 1:40 pm

Re: Gradiant border

Postby flamingolady » Fri Jun 07, 2013 2:36 am

Just as an fyi - I had downloaded the experimental mesh gradient version of Inkscape and couldn't get it to work... so it might not even be worth trying. If it does work, I'm wondering if it could even be converted to another extension and be stable in an end file (like jpg or eps for example). I have enough trouble with the usual stuff, lol. good luck.

hulf2012
Posts: 716
Joined: Sat Nov 24, 2012 12:37 pm

Re: Gradiant border

Postby hulf2012 » Fri Jun 07, 2013 6:18 am

Hello
A gradient mesh could it be just an interpolation of a shape's fill color following a path. Maybe it's possible to do a python extension taking as base previous path's extensions.

EDIT: Maybe this doesn't solve your request but i've posted a trick tutorial about simulating a curved gradient:
http://www.inkscapeforum.com/viewtopic.php?f=6&t=15294


greetings
If you have problems:
1.- Post a sample (or samples) of your file please.
2.- Please check here:
http://tavmjong.free.fr/INKSCAPE/MANUAL/html/index.html
3.- If you manage to solve your problem, please post here your solution.


Return to “Help with using Inkscape”

Who is online

Users browsing this forum: Google [Bot] and 5 guests