Hi,

I am exporting vector graphics for use in game design, and opacity is really useful for shading, but when I export my png I want the shading that I created using opacity in Inkscape, but I don't want the opacity to be maintained with the image I export. I guess Ideally I want to be able to "replace" the opacity with the color/shading achieved using it.

Currently my assets are opaque in my game engine which sometimes is not going to be what I want.

Thanks for any help.

The easiest way is simply to add a background object of the same colour that you're using for the canvas background (typically white, but could be something else). Just adding a rectangle will do, but you'll then lose the transparency around the outside of your shape. So what you probably want is a coloured silhouette of your objects which you then drop to the back of the lowest layer (or put on a "background" layer of its own).

There are a few ways to create a silhouette, depending on the complexity of your shapes; if you can get away with it, just selecting all the objects that contribute to the outline, duplicating them and then using Path > Union will often do the job.

What I usually do for these cases to achieve only pixels with 100% opacity or 100% transparency is to open the image in gimp, put a white layer below, merge the layers into one, then use the wand tool with a threshold of 0 to select all exactly white areas (there may exist a better way), then hit Del to remove.

Sorta begs the question, do you want overlapping objects to have the third color..

If not, maybe for a few items:



Not gonna work easily for gradients, tho.

Thanks for the suggestions! I'll give these a shot!

I can think of a way to use the Dropper tool to "fix" a gradient. Not precise, but if close enough it ok, it could work.

I'd have suggested that, too, but if the user uses blur, it's not going to work