How to this image with multi gradient?

Post questions on how to use or achieve an effect in Inkscape.
franziski
Posts: 2
Joined: Tue Jun 08, 2010 4:00 am

How to this image with multi gradient?

Postby franziski » Tue Jun 08, 2010 4:05 am

How I can do the following image:

http://googleads.g.doubleclick.net/page ... qX45xY1Ajg

There are more than one gradient and it seems that Inkscape can't do more than only one gradient.

Thanks in advance.

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

Re: How to this image with multi gradient?

Postby prkos » Tue Jun 08, 2010 7:08 am

But it can definitely do more than one object :) Create the green rectangle and then on top of it the white highlight. You can find many tutorials how to create such a button, try searching for aqua button tutorial. Generally speaking it doesn't matter which application the tutorial is for, they all use either layers or objects, but I think you can find one for Inkscape too.
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

Jmx
Posts: 49
Joined: Sun Dec 14, 2008 2:32 am

Re: How to this image with multi gradient?

Postby Jmx » Tue Jun 08, 2010 8:20 pm

Hi franziski,

I made a quick attempt at a similar button as your example, download the svg and you can check how i made it.
I used the font "Sans" so if might not look the same when you open the svg if you don't have that font.
This button could of course been simplified more but i tested as i went along.
You can skip the bottom layer and use a gradient outline on the next layer instead.

Cheers :ugeek:

Image
Attachments
button.svg
(24.08 KiB) Downloaded 211 times

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

Re: How to this image with multi gradient?

Postby brynn » Wed Jun 09, 2010 12:40 am

Nice work, Jmx!

franziski
Posts: 2
Joined: Tue Jun 08, 2010 4:00 am

Re: How to this image with multi gradient?

Postby franziski » Wed Jun 09, 2010 4:07 am

Jmx wrote:Hi franziski,
I made a quick attempt at a similar button as your example,


You made a better solution :)
I can't find the right words to tell you: THANKS!!!!

Jmx
Posts: 49
Joined: Sun Dec 14, 2008 2:32 am

Re: How to this image with multi gradient?

Postby Jmx » Wed Jun 09, 2010 9:34 am

brynn wrote:Nice work, Jmx!


Thanks pal :D
Happy to help.


Return to “Help with using Inkscape”