lines showing on vector image

[tvanbrugger]

Hi everyone,  I created this in photoshop and turned it into a vector and opened in Affinity Designer.  It has layer lines/outlines which the original photoshop design does not. Is there a way to remove the lines from the image and if so, can you tell me how? I also exported as a jpeg to put on a website, hoping the lines would not be there, but are.

Thanks Tom

[Old Bruce]

Welcome to the forums @tvanbrugger,

There is most likely a Stroke applied to the various vectors. Quick and dirty fix is to select all the vectors and then apply a zero point Clear stroke to them all at once.

[tvanbrugger]

Hi Old Bruce, Thanks for the advice.  I selected all and applied zero to all the different stroke types, but the lines remained.  Any further advice from you or any other members would be welcomed. 

[NotMyFault]

Looks like anti-aliasing at the edges of curves.

 

Can you upload the designer file?

[tvanbrugger]

Hi, NotMyFault, think I have uploaded the file correctly, can you advise? thanks Tom 

johncoltrane1.svg

[v_kyr]

BTW webbrowser engines (which are among the best in SVG interpretation/rendering) show it the same way here as ADe ...

[tvanbrugger]

Hi N.P.M, thanks, Where is the little cogwheel exactly, I can't see it? 

12 minutes ago, N.P.M. said:

Changing the AA works.
Drag the svg to the canvas>open the svg in a new tab by double clicking the thumbnail in the layers panel or the edit document button on the context toolbar.
Ctrl+A all objects
Go to the little cogwheel (see picture) and set the AA to force off.

 

[tvanbrugger]

Hi N.P.M. have found cogwheel and have done as you said and it has worked perfectly, thanks very much for your advice and everyone else who has offered help.  If I had tried to do this without the help of everyone, I would probably still be trying to fix the issue in a couple months time.  Thanks again, this forum is great, Tom.

[debraspicher]

Having to drop AA completely is undesirable to say the very least. It's possible to blend edges with adjusted Coverage Map and keep some AA, but while not fantastic, it's a large scale graphic so won't show.

Precise clipping doesn't fix as well.

[NotMyFault]

For those who are interested into learning what causes the visible edges and how to remove in this specific case:

• all the curves build individual patches, touching each other perfectly.
• Photo and export to raster formats will raster the vector objects to pixels
• anti-aliasing is used at edges to get a smoother curvature by mixing colors and alpha values of neighboring pixels.
• The (mandated by file formats and conventions) alpha blend formula will create semi-transparent edge pixels.
• the (mostly) black color of the bottom layer will shine through at these edges.

To get the optimum result (in this specific case)

1. group all layers except the bottom with black background and text
2. On the group: add live filter gaussian blur with radius 0.5px. Put it into „masking“ position. This will better mix the colors at edges
3. Add a channel mixer to the group, atop of blur filter. Choose alpha Channel. Set offset to 100%. This boost semi-transparent pixels to opaque level, and blocks the black backround.

this edits will provide 1px smoothed edge pixel and remove all visible artifacts, without introducing unwanted blurriness.

This workflow will work on Desktop and iPads - which don't allow to set anti-aliasing profiles.