This is the screen buffer copied to PSP looks:

This is the PNG export:

It is warped...

Looks like you used a filter effect for that 3D shaded border.
Don't know what are you wanting to achieve with that, so
please be a bit more specific with your explanation.
Preferably link us the svg that you couldn't get to export right.

A bit offtopic, but you can get better looking 3D borders alike with gimp.
And since that filter you used is raster based, you might use gimp instead.

I can't even see the images (Firefox).

Didn't see them either -on chrome-, so copy/pasted the image's urls.

I was hoping my comment would cause CaleyM to either make workable links, or insert the images. But I've looked at them by now, in the same way Lazur URH did.

I didn't see any obvious warping. But now even the image info is missing. So I can't easily find them again. Once you can get any part of the images back into a message, we can try again. You could attach the files to a message reply, if that would help

Strange... They showed in the preview when I was editing... and I'm notorious for hitting quote instead of edit. Perhaps imagebin is not good for this. Okay: as should be seen below, the shading on the edges near the selection border curves outward instead of inward near the corners and looks flat out to the border on the grid axes, overflow-like. Since I started the topic I tried changing rotation. It seems that only happens when gradients are grid aligned.




What I'm making is a widget theme for TWL/LWJGL. The "pink" is just low red alpha.

Ok, just to be sure we're all looking at the same thing -- do my circles and arrows point to the problem? In the bottom example, I mean. It looks like the reflections and/or shading in that area are different from the original. Although it's hard to say for sure. Somehow, your screenshot looks like it might have cut off a little bit at the left and right sides....maybe top and bottom too. If the entire image is visible in the "warped" version, then it's a lot more than just those tiny areas, that aren't correct.



Did you use Export Bitmap? If you used Save As Cairo png, that could potentially explain the problem. Export Bitmap would be more appropriate, probably.

If you did use Export Bitmap, then I'm stumped. I would have to look at the SVG file, to try and find the problem. But we have so many wise and advanced Inkscapers these days, such as Lazur, who may have some ideas, without needing the SVG

Yes, that is it and export as bitmap. Here is a 1 degree rotated version. Like I was saying, where the gradient becomes grid aligned it has an elevated effect.

In my opinion the raster based filters are not handled right in inkscape so
first I would suggest you to draw that all in gimp, as you want to create a png for the final design.
Gimp can render shading based on "real" 3D, which was defined as a height map.

Having said that, inkscape mimmicks that 3D look only by using blurring on white and a black copies/derivants of the original object.
Based on that, it looks like those blurred parts got split apart, and resulting in some gaps in between them.

You can reproduce that filter effect manually by drawing the light and the shadow, then clipping them with the original shape if you can't get along with that filter.