2

I am trying to create SVG GUI item. Something like this:

image description

It has two inset borders. I don't even know how to force rectangle to have an inset border. How do I do that?

1
2

The solution is to use gradients. By placing two gradient stops at the same location, you achieve the sharp switch:

image description

This is the result:

image description

Nest step is to turn the gradient ton 45°. I simply zoom in to put the gradient begin and and as close to the corner as possible:

image description

And here's the result, nice simple inset border:

image description

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.