Skip to main content
A
austin-7
Participant
November 8, 2016
Answered

Logo Design - Best practice to avoid shape anti-aliasing borders

  • November 8, 2016
  • 4 replies
  • 1365 views

What's the best way to avoid the anti-aliasing borders that can form in the following situation.

Final goal demo shape (Imported to PS to show transparency)

Note that for the white section it can't be cut out of the maroon shape - as this needs to be a solid white when using on a transparent background.

Now from Illustrator (as far as I'm aware there are two different ways to create the above.

A) Clipping mask

B) Use Pathfinder to crop white shape and position in circle.

Both these methods when used both end up with a thin border caused by anti-aliasing that looks like this:

What's the best approach to ensure this doesn't happen when converted to a raster format (or even viewed at different sizes etc when exported as a PDF).

I've experimented with cutting the scissors tool at either side of the white shape which does seem to work, but I'm wondering if there is a better way to do this...?


Cheers!

This topic has been closed for replies.
Correct answer Mylenium

Note that for the white section it can't be cut out of the maroon shape - as this needs to be a solid white when using on a transparent background.

Sure it can. You are completely ignoring layer order. Nothing stops you from putting a white fill beneath the other object.

Mylenium

4 replies

A
austin-7Author
Participant
November 8, 2016

Mylenium​ Perfect this is absolutely the best way to do this - works perfectly.

Cut the bottom shape out of the maroon shape, then have a solid white circle below. I thought this was produce the same effect of white anti-aliasing borders on the maroon, but this either doesn't happen, or is so subtle that it's not an issue.

Kris Hunt
Kris Hunt
Legend
November 8, 2016

Why would subtracting the white shape from the maroon shape result in maroon colored anti-aliasing artifacts if the maroon portion under the white shape has been subtracted??

Jacob Bugge
Community Expert
Jacob BuggeCommunity Expert
Community Expert
November 8, 2016

Austin,

What happens if you:

1) Create the maroon circle,

2) Create and position the rounded rectangle (or whatever fits), extending below the circle from 1),

3) Select both and Pathfinder>Divide, then Direct Select the unwanted lower white part?

Edit: Edited from irrelevant nonsense (sorry) to something that ought to work.

Mylenium
MyleniumCorrect answer
Legend
November 8, 2016

Note that for the white section it can't be cut out of the maroon shape - as this needs to be a solid white when using on a transparent background.

Sure it can. You are completely ignoring layer order. Nothing stops you from putting a white fill beneath the other object.

Mylenium

Terms & ConditionsAccessibility statement
Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices