Skip to main content
Known Participant
December 11, 2019
Question

Jagged diagonal lines in triangle shape

  • December 11, 2019
  • 6 replies
  • 3295 views

Hey all! I'm working with some triangles within a Christmas tree graphic (created with the polygon tool) that have pretty jagged diagonal edges. Is there a way to fix this? It shows up in the vector file as well as when I export it as a PNG or PDF , so I'm wondering if it's something I'm doing. I have anti-aliasing checked, and tried turning the GPU preview on and off and none of that helped. You  can see that it's more pronounced in the two, larger blue triangles than in the smaller green ones. 

 

I redrew the triangles and that didn't change anything...I tried changing the width and height dimensions instead of dragging to resize. I even tried using the smooth tool but that didn't seem to change anything. Is there anything else I can do? I'm kind of in a bind because I need to share this file with other people by end of day...I'm not sure if there's anything I can fix or this is just how diagonal lines go, but any insight would be highly appreciated. Thank you!

 

 

 

Link to AI file

This topic has been closed for replies.

6 replies

chanaart
Community Expert
Community Expert
December 12, 2019

Check out: View Pixel Prieview. 

Chana

Ton Frederiks
Community Expert
Community Expert
December 11, 2019

Since nobody who has commented here can see the jagged edges you see, it may be something on your side.

Did you check your Illustrator Preferences to see if Anti-aliased Artwork is checked?

Is the contrast of you monitor set too high?

Did you check your work on another computer?

meganchi
Legend
December 11, 2019

I found an article online on how to master pixel perfect icons.

https://iconutopia.com/how-to-design-pixel-perfect-icons/

pixxxelschubser
Community Expert
Community Expert
December 11, 2019

Like Eric_Dumas mentioned

pixel preview on:

 

pixel preview off:

 

Can you confirm that?

 

kgbfAuthor
Known Participant
December 11, 2019

Thanks for taking a look! The one that's looking most pixelated to me is the navy blue tree. I see a little bit of it on the turquoise one, and not at all in the green one. Is that just on my end?

 

I am using the latest version of Illustrator, updated 9 days ago, and right now I am accessing it on Windows 10. I double-checked and I don't have pixel preview turned on.

Monika Gause
Community Expert
Community Expert
December 11, 2019

Your monitor has pixels, so what do you expect? In the end certain edges cannot be straight.

 

Will this be printed? Or will it be online? Presented on a projector?

Eric Dumas
Community Expert
Community Expert
December 11, 2019

Hi,Can you confirm the version of the software and the operating system you are using?

Did you have any rasterising settings turned on? including the web pixel preview?

https://helpx.adobe.com/ie/illustrator/using/best-practices-creating-web-graphics.html

Legend
December 11, 2019

I don't see the problem when I look at the file, of at an exported PNG. 
Now, if I zoom in to 2800%, then it shows in the PNG, but that is to be expected in a raster file, and it should no be being viewed at that size anyway. 

Even at 6400%, I don't see it in the AI file.

Eric Dumas
Community Expert
Community Expert
December 11, 2019

Same results for me.