Jump to content
grayhaze

Pixel rendering of adjacent angular shape edges

Recommended Posts

First let me say that I'm really impressed with the progress so far on Affinity Designer. As a long-time user of the now-abandoned Fireworks in conjunction with Illustrator I'm really excited to move over to using this single application once the feature set is close to what I currently need. The only things really missing for me currently are a good contour tool (expand / shrink a shape by a given amount) and animation (which I realise probably isn't on the cards, but I can dream).

 

The bug I'm highlighting here is by no means unique to Designer, as pretty much every vector-based tool which can export to bitmaps suffers the same problem. However, given the awesome and precise implementation of things like gradients you've implemented so far I'm hoping that you can find a solution to this too.

 

The issue appears when angular (i.e. not at multiples of 90 degrees) edges of two adjacent vector shapes touch and the result is rendered in pixel view or exported to a bitmap. This is best illustrated by the attached images, one showing the outline view of capsule shapes composed of a rectangle and two half-circles and the other of the pixel output. When the edges fall exactly on pixel borders the result is a solid shape. When the edges fall inside a given pixel, that pixel is rendered partially transparent.

 

I realise this isn't a showstopper for most people, but I use tools like Fireworks and Designer to create bitmap graphics for retro-styled games where simple shapes are rendered with chunky pixels, and therefore precision like this is really important to me. In the past when I've come up against this I've had to manually edit the images after export to fix the issue. I'd love not to have to do this though. :)

post-10251-0-23137700-1429131291_thumb.png

post-10251-0-89133800-1429131291_thumb.png

Share this post


Link to post
Share on other sites

Hello grayhaze,

Welcome to Affinity Forums :)

This is a known issue, and as you rightly said it's not specific to Affinity Designer but to all vector packages in general and it's due to the anti-aliasing blending in some of the background color to the adjacent edges of different shapes. This is already being looked at, but it's not something trivial to solve. Although it may be improved, i'm not sure if it's possible to ged rid of the effect completely. Meanwhile the latest Beta has introduced some improvements in this area and hopefully the addition of an anti-aliasing gamma ramp controller soon may also help to mitigate this a little more.

Share this post


Link to post
Share on other sites

The latest Beta has gamma ramp and anti-aliasing ramp controls, both of which should help in adjusting the blend between foreground and background objects. Apparently a gamma of 1.0 is more realistic and fixes sloppy math...

 

Thanks for the quick reply MEB. :)

 

I look forward to seeing what you guys can come up with and I'll give the beta a try in the meantime.

Share this post


Link to post
Share on other sites

I did give the gamma and anti-aliasing ramp controls a go and couldn't find a combination of settings that did what I wanted. I'll keep an eye on developments and see if it improves though.

Share this post


Link to post
Share on other sites

Experiencing an issue with what I assume to be an aliasing problem. Small white gap visible between shapes both in document (vector, and worse in pixel) and in output. I'm using the current beta and do not see the gamma option mentioned in previous posts, unless it's not in preferences.

 

 

Update:

 

I've managed to minimize this issue using a stroke on the objects. Interestingly a 0.2 weight stoke aligned inside the bounding shape reduces the effect almost completely at any scale of object.

aliasing issue.afdesign

Share this post


Link to post
Share on other sites

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.
Note: Your post will require moderator approval before it will be visible.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.


×
×
  • Create New...

Important Information

Please note the Annual Company Closure section in the Terms of Use. These are the Terms of Use you will be asked to agree to if you join the forum. | Privacy Policy | Guidelines | We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.