Exit
  • Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
  • 한국 커뮤니티
2

Weird black lines appearing after I export to png or jpeg

Explorer ,
Nov 05, 2023 Nov 05, 2023

I've been having problems with this particular pattern on Illustrator (see the pattern on the left photo below). I can't figure it out because no matter what settings I try the exported file appears with vertical and horizontal lines which you can see on the right photo below. It disappears when I try to preview a GIF export with Save for Web (legacy). With other options (PNG, x2 PNG, JPEG, Art Optimized, Type Optimized, etc), these lines appear. And they're not consistent. I have other files that use this pattern and sometimes they don't appear when I save with Export for Screens x2 PNG, or they appear in a different way (lighter and smaller or with less spaces in between lines). How do I figure out what the problem is and solve this? This is becoming increasingly frustrating.

Jessica26955304vizq_0-1699251159741.png

 

TOPICS
Bug , Import and export
3.4K
Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 1 Correct answer

Community Expert , Nov 07, 2023 Nov 07, 2023

I had a closer look at your file. 

Artboard 3 has a part that has a clipping mask filled with a pixel pattern.

Working with pixels and patterns is a little tricky in Illustrator. Somehow the position of this pattern does not align with Illustrators pixelgrid and transparent pixel lines are generated on export.

If I fill the object firt with a flat color and than replace the fill with the White Carbon 5 pattern it exports correct.

Translate
Adobe
Community Expert ,
Nov 06, 2023 Nov 06, 2023

Can you share an .ai file that generates the problem?

Use sharing services like CC filesharing, DropBox, Google, WeTransfer.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
Nov 06, 2023 Nov 06, 2023

Here's a link to the file. Let me know if that works for you.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Nov 07, 2023 Nov 07, 2023

I had a closer look at your file. 

Artboard 3 has a part that has a clipping mask filled with a pixel pattern.

Working with pixels and patterns is a little tricky in Illustrator. Somehow the position of this pattern does not align with Illustrators pixelgrid and transparent pixel lines are generated on export.

If I fill the object firt with a flat color and than replace the fill with the White Carbon 5 pattern it exports correct.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Explorer ,
Nov 07, 2023 Nov 07, 2023

I noticed that replacing the pattern fixes the issue as well. I'm part of a team and we work on the same files and share templates so I don't know why nobody else is complaining. But I do agree that this might have something to do with the pattern not aligning with the pixelgrid.

 

Thank you so much for taking time to answer my question! Your detailed response has been very helpful!

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Nov 07, 2023 Nov 07, 2023
LATEST

Good to hear that helped.

Translate
Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Nov 07, 2023 Nov 07, 2023

Thanks Jessica, I've got the file, but I cannot see those lines you showed.

What I see are objects filled with patterns that are made of 4x4 pixel images.

Do you have a special reason to use these tiny images instead of vectors for these patterns? 

 

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