Change color on a donate button

Post questions on how to use or achieve an effect in Inkscape.
lucabad
Posts: 5
Joined: Wed Nov 19, 2014 12:06 am

Change color on a donate button

Postby lucabad » Sat Jan 24, 2015 12:47 am

Hello everybody,

I've got two svg files with simple Donate buttons (please see images attached), and I'd like to change their color (while keeping the rest exactly as it is). For instance, I'd like the new color (e.g. blue) to keep the same gradient/shading of the previous one. How do I do that please? (I've tried simply filling it but it doesn't fill it in fully, leaving a lot of lines unfilled, and it would take a long time to fill them all manually - if it makes sense...).

Thank you,

lucabad

donate_button_red2.png
donate_button_red2.png (28.8 KiB) Viewed 2504 times


donate_button_green.png
donate_button_green.png (11.5 KiB) Viewed 2504 times

User avatar
ragstian
Posts: 1181
Joined: Thu Oct 11, 2012 2:44 am
Location: Stavanger-Norway

Re: Change color on a donate button

Postby ragstian » Sat Jan 24, 2015 12:50 am

Hi.

Can you post the SVG's please?
Easier to test&explain on the originals.

RGDS
Ragnar
Good Luck!
( ͡° ͜ʖ ͡°)
RGDS
Ragnar

lucabad
Posts: 5
Joined: Wed Nov 19, 2014 12:06 am

Re: Change color on a donate button

Postby lucabad » Sat Jan 24, 2015 1:01 am

Hi Ragnar,

I tried but it blocks the svg file as a 'possible attack vector'... I've tried renaming the file as a jpg but no luck. Is there any other way of uploading it?
Thanks,

lucabad

User avatar
ragstian
Posts: 1181
Joined: Thu Oct 11, 2012 2:44 am
Location: Stavanger-Norway

Re: Change color on a donate button

Postby ragstian » Sat Jan 24, 2015 1:18 am

Hi

There are several ways, as the forum does not "approve" the SVG files (how smart is that on an Inkscape forum?) you have to "host" the file somewhere else.

I use Dropbox for my files.

Have a look at this thread; http://www.inkscapeforum.com/viewtopic.php?f=27&t=7

RGDS
Ragnar
Good Luck!
( ͡° ͜ʖ ͡°)
RGDS
Ragnar

lucabad
Posts: 5
Joined: Wed Nov 19, 2014 12:06 am

Re: Change color on a donate button

Postby lucabad » Sat Jan 24, 2015 2:08 am

Hello,

thanks for the heads up. I've gone down the DropBox route: the SVG file should be accessible here: https://www.dropbox.com/s/j9sgpaqtjyjpi ... d.svg?dl=0

Thanks again,

Luca

tylerdurden
Posts: 2344
Joined: Sun Apr 14, 2013 12:04 pm
Location: Michigan, USA

Re: Change color on a donate button

Postby tylerdurden » Sat Jan 24, 2015 2:35 am

You might try Menu: Extensions>Color>HSL Adjust... change the hue and enjoy live preview in the process.
Have a nice day.

I'm using Inkscape 0.92.2 (5c3e80d, 2017-08-06), 64 bit win8.1

The Inkscape manual has lots of helpful info! http://tavmjong.free.fr/INKSCAPE/MANUAL/html/

User avatar
ragstian
Posts: 1181
Joined: Thu Oct 11, 2012 2:44 am
Location: Stavanger-Norway

Re: Change color on a donate button

Postby ragstian » Sat Jan 24, 2015 2:47 am

Hi

Tylerdurden - you are making it (too) easy!

RGDS
Ragnar
Good Luck!
( ͡° ͜ʖ ͡°)
RGDS
Ragnar

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

Re: Change color on a donate button

Postby Lazur » Sat Jan 24, 2015 5:38 am

How about this one?
Attachments
donate_button_redII.svg
close enough
(7.6 KiB) Downloaded 161 times

Janne
Posts: 228
Joined: Wed Oct 29, 2014 4:15 am

Re: Change color on a donate button

Postby Janne » Sat Jan 24, 2015 5:42 am

Check this topic out :) viewtopic.php?f=5&t=17999
Last edited by Janne on Sat Jan 24, 2015 7:06 am, edited 1 time in total.

Janne
Posts: 228
Joined: Wed Oct 29, 2014 4:15 am

Re: Change color on a donate button

Postby Janne » Sat Jan 24, 2015 6:58 am

I will never forget what the result was of the topic I linked to.

Make your basic shape with 50% grey. Go to Filter/Color/Colorize.
Open Filter Editor - mark Colorize - find Color Matrix in the drop down menu - Add Effect - under Type choose Hue Rotate and move the slider.


Return to “Help with using Inkscape”