Round Circles in Illustrator

13 Responses

  1. James Bryant James Bryant

    If you use Illustrator for UI design, you simply have to read this article.

    Hopefully I can shame Adobe into fixing this problem because it's ridiculous they still haven't fixed it. I'm surprised I haven't seen this solution elsewhere on the web.

    11 months ago

  2. Nick Sickelton Nick Sickelton

    @James Bryant great article. Thanks for sharing.

    11 months ago

  3. James Bryant James Bryant

    Thanks @Nick Sickelton, my first article :)

    11 months ago

  4. Jonathan Hoefler Jonathan Hoefler

    Does this circle have integers for its (x,y) origin? Put another way, move this circle .25px to the right and see what happens.


    11 months ago

  5. James Bryant James Bryant

    The circle still uses integers for it's origin, the offset effect is dynamically applied after the fact. For example, you'll still get perfectly rounded numbers h:12px w:12px x:100px y:100px

    Keep 'scale strokes and effects off' and you should never have to think about it once you apply it.

    11 months ago

  6. Ray Ray

    which is better?

    11 months ago

  7. James Bryant James Bryant

    @Ray not sure I understand?

    11 months ago

  8. James Bryant James Bryant

    @Jonathan Hoefler did that answer your question? Or are you seeing something I'm not...

    11 months ago

  9. Henning von Vogelsang Henning von Vogelsang

    Interesting… Maybe not surprisingly, Sketch isn’t plagued by this phenomenon.

    10 months ago

  10. James Bryant James Bryant

    @Henning von Vogelsang I checked Sketch and it's practically identical to Photoshop, big relief! I'm really liking what I'm seeing with Sketch. BC have still got some kinks to iron out but they are very responsive in the support forum and are releasing improvements like crazy. I wonder how seriously Adobe is taking them as a competitor.

    Worst case scenario - Adobe acquires Bohemian Coding


    10 months ago

  11. Angel Bartolli Angel Bartolli

    @James Bryant , featured on Smashing Magazine :D


    10 months ago

  12. James Bryant James Bryant

    @Angel Bartolli  wow, thanks for the heads up :)

    10 months ago

  13. Valery Sibikovsky Valery Sibikovsky

    Nice article. I have BIG concerns regarding Illustrator rasterizer engine too. And things are even worse with text rasterizer.

    The only workaround I have found to this day is using OS X native rasterizer (which is used in Sketch). One of the ways to make use of it is to save the file as PDF. Then you can make a PNG with Preview or some other “PDF to raster” converting utility.

    You can also copy to clipboard and make “new file from clipboard” in Preview app.

    OS X doesn’t support all of Illustrator features but most of the time it works.

    P. S. Don’t put your bet on Adobe’s shame, the only thing that can force them to move is competition ;)

    4 months ago

keyboard shortcuts: previous shot next shot L or F like