How you assign multiple colors to an object. For instance using this as an example:





In addition is it possible to acheive this effect in inkscape?

To the first one I would apply a gradient with sharp edges.

The second one is just some gradients, I don't see a hassle.

To the first one I would apply a gradient with sharp edges.

Ok I don't quite follow what you mean. Apply sharp edges u are assuming that I know what you are talking about, but forgive I do not know very much about inkscape.
EDITDid not see your pictures at first. How did you apply two colors to one stop so that they are hard edge?

The second one is just some gradients, I don't see a hassle.

I can see that the top portion is a gradient, but how do you achieve the inset look or rather having the text look as though it was stamped into a surface.

Sharp edge tutorial.

In stamping into a surface this tutorial will help you.

ps. look around for tutorials in Google and blogs like this one

You can also refer to this thread for some ideas about how to create an inset effect..

I must be missing something because I still do not get a hard edge gradient as in your image.

You can also refer to this thread for some ideas about how to create an inset effect..

That inset does not appear as deep and as crisp as in the image or is it just my imagination?

capnhud wrote:That inset does not appear as deep and as crisp as in the image or is it just my imagination?

As the image above, you mean? No, you're right. It's a different style of inset.

I must be missing something because I still do not get a hard edge gradient as in your image.

You need to create four colour stops. Make the top two red and the bottom two black. Set the offset for the middle two stops (one will be red and the other will be black) to 0.50. And that's it. If this doesn't make sense, let me know which part doesn't make sense and I'll attempt to explain in more detail.

wow, i did not know that was possible...

here is my quick mess around with doing hard edge 'gradients'



Here is the Link to the OCAL upload page with the SVG (Public Domain... ):
http://openclipart.org/media/files/ryanlerch/3791

also, if you are still having troubles, i have created the gradient that you need, and placed it in the openclipart library...

http://openclipart.org/media/files/ryanlerch/3798

remeber to set the "repeat" of the gradient (in the fill/stroke dialog) to direct.

have a look at that, and try to recreate it, if not - feel free to use this one (its PD after all!)

i was also playing around with the hard edged gradient thing a bit more, and i created a gradient that does the whole "glossy button" effect with only one gradient...

http://openclipart.org/media/files/ryanlerch/3797

You need to create four colour stops. Make the top two red and the bottom two black. Set the offset for the middle two stops (one will be red and the other will be black) to 0.50. And that's it.

In the screenshot that I had posted I did have 4 color stops, but the third stop was not set at .5 which is why the gradient did not initially have a hard edge. Thank you hash, micro and ryan for all the help.

Just one more gradient question. On the gradient editor the repeat dialog give you a choice of (none, reflected, and direct) I can figure out the first two, but what does "direct" indicate.

Actually instead of achieving that effect with the help of a gradient, I'd recommend doing it with shapes. It is better because of one reason: portability. AFAIK when you import some graphics made in Inkscape into some other software (Illustrator, Corel, etc...) generally the only problem that happens is that gradients are broken (shifted, unexistant or somehow corrupted).

So here is what I'd do:
- draw the shield shape
- draw a series of red and black stripes then rotate them to the needed angle
- use the shield object to mask the stripes, or for better portability (in case some other software don't support masking) just trim the stripes with the shield shape (create a negative shield shape then trim the stripes).

This way, you can import the graphics into basically any svg capable software and it will look absolutely the same everywhere, to the last pixel.

So here is what I'd do:
- draw the shield shape
- draw a series of red and black stripes then rotate them to the needed angle
- use the shield object to mask the stripes, or for better portability (in case some other software don't support masking) just trim the stripes with the shield shape (create a negative shield shape then trim the stripes).

Ok I see what you are saying. It is a little more work, but achieves the same result

What would you recommend for the second image?

The second image is not difficult to create. Just draw the objects and apply a vertical gray gradient to them. For the gray shadow, you can use an undelying copy of the top object that you color in a darker shade of gray and then shift a little (a couple of pixels in the bottom right direction) so it appears under the top object.

capnhud wrote:Just one more gradient question. On the gradient editor the repeat dialog give you a choice of (none, reflected, and direct) I can figure out the first two, but what does "direct" indicate.

You can find an explaination here (along with a bunch of other stuff you might not know already).

But basically, whilst "reflected" repeats the gradient by reversing the order of the 'colour stops' each time (i.e. Red Blue => RB,BR,RB), "direct" is the opposite where the gradient is repeated using the original 'colour stops' order each time (i.e. Red Blue => RB,RB,RB)

You can find an explaination here (along with a bunch of other stuff you might not know already).

Yea that is where I had begun but either I skipped the part on explaining direct or it is not there.