Jagged/pixelated Edges between surfaces

Community Beginner ,
Feb 21, 2021

Copy link to clipboard

Copied

Hi, I have a problem that bugs me for years now and I never found a proper solution for: Edges that look fine in Illustrator or exported as JPEGs are jagged/pixelated when exported as SVGs added to a PDF. It´s especially visible where the dark surfaces meet. There is a little room, where the background shows through.

 

My workflow is the following: I draw the outlines and color them with the paint bucket tool. Afterwards I expand and merge same colors with the pathfinder.

 

One option I found is to go go to path - offset path and expand the forms just a tiny little bit. It closes the gabs between the surfaces, but then the other outlines become pixelated, because there are two outlines really close to each other now. It looks better, but still not 100% professional.

 

Thanks in advance.

TOPICS
Draw and design, How to

Views

49

Likes

Translate

Translate

Report

Report
Reply
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Adobe Community Professional ,
Feb 21, 2021

Copy link to clipboard

Copied

Can you please describe step by step what you are exporting where and why this ends up being a JPEG.

 

To get rid of that efficiently, what you could do is of course design this in a way that shapes are actually stacked.

Likes

Translate

Translate

Report

Report
Reply
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Community Beginner ,
Feb 21, 2021

Copy link to clipboard

Copied

Thanks for your quick reply.

 

I export it as a JPEG under file - export - export as - and select JPG.

 

I could design it that way, but apart from being a very tedious workflow, especially when the illustrations get more detailed, it would also make the paint bucket tool completely unuseable. It separates the shapes automatically, which creates the problem. Why even provide the tool, if you can´t use it?

Likes

Translate

Translate

Report

Report
Reply
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Adobe Community Professional ,
Feb 21, 2021

Copy link to clipboard

Copied

I can see the anti-aliasing problem.

I also understand why they are not visible in a jpeg export when Art Optimised is used.

I think Offset Path is an option to hide these anti-aliasing problems on screen, but they should not be visible on printers that use PostScript or the PDF Printing Engine.

But I cannot see other outlines become pixelated when Offset Path is used.

 

Likes

Translate

Translate

Report

Report
Reply
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Community Beginner ,
Feb 21, 2021

Copy link to clipboard

Copied

Thanks for your reply,

 

I think printing isn´t a problem, but SVGs and PDFs for web use. The visibility of the offset path problem depends on the Illustration. Sometimes you can hardly see it, but sometimes, when you have a detailed illustration, it shows. With offset path it creates a second larger shape, if you could select and delete all smaller shapes in one step you could get rid of the problem, but I don´t think there is a way. They all have the same color and are on the same layer.

Likes

Translate

Translate

Report

Report
Reply
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Adobe Community Professional ,
Feb 21, 2021

Copy link to clipboard

Copied

I think a tiny Offset Path (the one from the Object menu, not the effect) is the best way to hide the problem for screen display.

Likes

Translate

Translate

Report

Report
Reply
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more