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

After Effects shows png's colors darker?

Participant ,
May 08, 2018 May 08, 2018

Hi,

On the left: The colors of the artwork in Illustrator (.ai / rgb). From this artwork I have exported a PNG.

On the right: The colors of the exported PNG, while shown in AE.

Any idea why the colors of PNG are shown darker, while displayed in AE (with Full Resolution on)?

5.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

Participant , May 11, 2018 May 11, 2018

I believe the issue was the AI setting of Proof Setup on Working CMYK.

Thanks for help to everyone.

Translate
Community Expert ,
May 08, 2018 May 08, 2018

First, without knowing how you rendered the PNG from Illustrator or what your color management settings are, or if there is transparency involved it's impossible to say what is going on. I suspect you chose CMYK when you created the PNG.

Second, there is almost no reason that I can think of to convert an AI file to a PNG to use it in After Effects.

Sorry, I can't be of much help without some workflow, system and AE version details.

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
Participant ,
May 11, 2018 May 11, 2018

"without knowing how you rendered the PNG from Illustrator"

I exported the png's through Export for Screens.

--

"what your color management settings are"

I'll insert the AI screenshot here.

--

"if there is transparency involved"

There's no transparency involved.

--

"There is almost no reason that I can think of to convert an AI file to a PNG to use it in After Effects."

Importing AI to AE so that layers are readily available in AI seemed like a workflow with lots of hassle compared to using Export for Screen / Assets (png).

Anyway, even though I import the .AI to AE, the same color distortion appears in AI. In other words, it seems to have nothing to do with the PNG export.

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
People's Champ ,
May 11, 2018 May 11, 2018

In your screenshot it looks like Illustrator is telling you why your colors are inconsistent and how to rectify it or at least try to rectify it.

Do you not see that?

~Gutterfish
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
Participant ,
May 11, 2018 May 11, 2018

NIce catch.

Yet, synchronization in Bridge doesn't seem to help.

The reason I didn't do the Bridge thing already earlier was that I had already tweaked the AI color settings and inside AE I couldn't find Color Management settings at all (neither in menus nor in Create new document/composition).

So I thought the unififed Adobe CC color sync probably has nothing to do with AE (but other apps like AI, PS, ID).

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
People's Champ ,
May 11, 2018 May 11, 2018

Well I'm relieved that you at least noticed it

You never know these days...something's in the air I think.

~Gutterfish
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
Participant ,
May 11, 2018 May 11, 2018

Could you do a quick test how the colors look like compared to the screenshot I attached in the original post, if you use the .ai (Dropbox link I inserted here earlier) and the Export for Screen (png) dialog?

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
Enthusiast ,
May 08, 2018 May 08, 2018

I'd agree, just hard to tell, though I do see the slightly darker image on the right.  I personally would think it's just the difference between viewing it in two different applications but I'm sure you can check the color identification in each for comparison.

Eric

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
LEGEND ,
May 08, 2018 May 08, 2018

No point in dancing around: Simple lack of color management and then all those gazillion things Rick already mentioned like possibly using wrong color modes, messing up the transparencies and then some.

Mylenium

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
Participant ,
May 11, 2018 May 11, 2018

Here's the file, if you want to inspect it in your AI. (I removed part of the content for privacy)

Dropbox - lkt_graph_2.ai

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
Participant ,
May 11, 2018 May 11, 2018
LATEST

I believe the issue was the AI setting of Proof Setup on Working CMYK.

Thanks for help to everyone.

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