Jump to content

Stroke aligned inside + filling creates artifacts

Recommended Posts

Hey guys,


I ran into this »bug« – if it is one.

I’m currently working on icons on a 128 px² base.

When I set an object – say a rectangle with rounded corners – with a white filling and a greenish stroke I get what appears to be artifacts of some kind.

Seems like the white is shining through the contour. Though I'm not sure it’s a bug or this is just how it’s working. Anyone has any ideas how to fix this?






Dennis :)

MrDoodlezz Behance Profile

Share this post

Link to post
Share on other sites

H MrDoodlezz,

Since you have changed the alignment of the stroke to inside, the outside boundary of the stroke now overlaps the outside boundary of the fill. When both are rasterised, the antialiasing picks some of the white from the fill on the corners, creating the artifacts you're seeing. I believe Matt will take a look at this later. To avoid it you can recreate the object using another stroke alignment if possible or create two rectangles, one for the stroke and another for the fill, reducing the width/height of the filled one, one or two pixels to avoid having their boundaries overlapping.

Share this post

Link to post
Share on other sites

Hey MEB,


thanks for the answers. Right … I see, it’s just as I thought. Okay, I’ll go with your suggestion,

the second-rectanlge-version – even if it’s a bit inconvenient for the workflow.

But I think I remember having similar problems in Illustrator, maybe it’s just how this works?

Would be cool if this kind of »thing« gets fixed in Designer of course. :D


Thanks again and have a nice afternoon. :)

MrDoodlezz Behance Profile

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.

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.