How to change the button color in one time?

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

How to change the button color in one time?

Postby Jessie » Fri Nov 14, 2008 5:36 am

Need help! :?:

http://www.bittbox.com/freebies/72-free-vector-glass-buttons-and-bars/

sample as above shown, does anybody know to change these glass buttons' color in one time by inkscape?

How to do the color changing but keeping the glass look of each?

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

Re: How to change the button color in one time?

Postby brynn » Fri Nov 14, 2008 3:22 pm

I don't think it's possible to answer this question without knowing exactly how the buttons were made.... :?

Have you opened in Inkscape? That might reveal more about how they're made. But beyond that, I wouldn't know what to do.

Maybe other members will have better answers.....

Slow Dog
Posts: 180
Joined: Wed Sep 24, 2008 7:51 pm

Re: How to change the button color in one time?

Postby Slow Dog » Fri Nov 14, 2008 8:22 pm

Jessie wrote:does anybody know to change these glass buttons' color in one time by inkscape?


I don't think you can. I suspect that in the original Illustrator file all the buttons use the same few gradients - that's what I'd do, anyway - and by changing those few gradients you'd affect all the buttons. However, in the conversion process to svg each button is assigned an individual set of gradients - gradients that look the same, but are no longer the same basic object - so you can't do that with the svg copy.

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

Re: How to change the button color in one time?

Postby prkos » Fri Nov 14, 2008 11:29 pm

There is a similar question here https://answers.launchpad.net/inkscape/+question/34483

But I downloaded the svg file from the site you linked to and it's weird. The black shadow of the buttons is a bitmap, not a blurred vector object as it should be. There is also a problem with the highlights, the author apparently used a mask when it could be simpler - gradients. The mask doesn't seem to work so the highlights don't appear when I open the file in Inkscape.

But it shouldn't be too difficult for you to fix that, and then you'll be in a better position to change the objects that carry color. This vector template isn't very optimised for these kinds of changes, you can't easily change the button color with one step, although I think it could be done.
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

NFCkilled1

Re: How to change the button color in one time?

Postby NFCkilled1 » Sat Dec 20, 2008 9:30 am

You can do that - well sort of. You have to draw one rectangle (lets say this is rect1), set this rectangle stroke style and and paint color to "unset paint" - little question mark button on Fill and Stroke dialog. Then you make CLONE of this button lets say clone1 which is quare, select rect1 again and make another clone clone2 whis you can set to be a rectangle.

So you have: rect1 - square, clone1 - also square and clone 2 - rectangle
you can then make all square and rectangle buttons with clones of those two clones - add shadow, round the corners, make inner signs or you can copy it from gray buttons. The two original clones copy color from the parent, and the child clones (your buttons) copies it from their parent also - from the first two clones.

But when you change original square (rect1) color it changes colors for each rectangle/quare at the same time.

Mission possible ;) Is that what you want???

I got the idea from Nicu's howto - http://howto.nicubunu.ro/webcomic-cartoon-title-inkscape/

Sorry about my "bad" grammar, english isn't my first language.

NFCkilled1

Re: How to change the button color in one time?

Postby NFCkilled1 » Sat Dec 20, 2008 9:38 am

Well a little correction - you have to do more than two clones, you need one clone for each shape width (6 if I counted them right).

NFCkilled1

Re: How to change the button color in one time?

Postby NFCkilled1 » Sat Dec 20, 2008 9:46 am

Or you can do one square (square1), make clone of it (clone1) and select square1 then make another clone (clone2). Then duplicate original (square1) and correct the width of this new square (make rectangle from it). When you get a nice rectangle, do Edit - Copy then select clone2 and do Edit - Paste Size - Paste width so you make rectanglish clone2.

You can make more clones from this shape or you can do more clones from the square1 (the original) and change width like the example.


Return to “Help with using Inkscape”