Skip to main content
Participant
October 24, 2017
Answered

white background converted in #fbfbfb

  • October 24, 2017
  • 8 replies
  • 32784 views

Hi,

i created some animations with after effects and I exported them with AME in GIF. Unfortunately the final format has the FBFBFB color  instead the white. (little grey).

I tried to put an additional layer, tint layer, full white pixel, but It doesn't change. The final gif keeps the fbfbfb color.

How can I solve it?

    This topic has been closed for replies.
    Correct answer Warren Heaton

    I am working on Windows but I don't think that it changes anything.

    I tried to search some options about palette and colors on AME but I didn't find anything.

    The curious thing is that there are 2-3 colors in total. It is a sort of animated UI, with one color icons or symbols.

    Using Photoshop is not the best solution because I created some complex transitions/animations and  are hard to recreate with Photoshop.


    If you open the GIF in Photoshop, you should be able to click directly on the FFFFFF swatch in the Color Table dialog box, change it to FBFBFB, and then re-save the GIF (animated or not).

    Choose > Image > Mode > Color Table.  Double-click the FFFFFF swatch, change it to FBFBFB, click OK and OK, then save.

    8 replies

    Participant
    April 1, 2020

    Couldn't use the Correct Answer since Color Table was greyed out (due to type of orginal file used, I've learned in this thread). Couldn't use Save For Web solution mentioned by someone else because of a Photoshop SAve For Web bug also mentioned in this thread. How about Adobe just fix a multi-year problem with AE? In the meantime, figured out that once you bring the mp4 into Photoshop, and if your save for web is also buggered, just do a regular file Save As... then choose .gif. These are the settings I used.

    Participant
    May 29, 2019

    A simple trick that worked for me,

    - Export with AME in mp4 format,

    - Import mp4 file to Photoshop

    - Save for web (legacy) GIF.

    Community Expert
    May 29, 2019

    MP4 will compress colors, give you imaginary frames must be interpreted before for playback and is NEVER a suitable professional format for any kind of digital intermediate. Use a suitable frame based production format and you will get far better and more predictable results. The same workflow works but the most efficient workflow is:

    1. Make sure there are no duplicate frames in your AE comp - if the action freezes for 10 frames remove 9 of them (i will explain later)
    2. Render a suitable Digital Intermediate - easiest, use the default Lossless or Lossless with Alpha in the Output Module/Render Cue
    3. Open the DI in Photoshop and make sure you are in the Motion Workspace
    4. Set the timing for any frames you want to have no motion (that's the explanation)
    5. Export your Animated GIF from Photoshop.

    Using this technique you could set up an animated banner add that had 4 slides with a half-second animation between each slide and held each slide for seven seconds that was only 32 frames long. If you left out removing frames in AE (easy) or deleting duplicate frames in Photoshop (much more time consuming), the same GIF would be at least 135 frames. That's a huge difference in file size with absolutely no reduction in quality that you get because you can tell an animated GIF to hold a single frame for as long as you want it to hold.

    Warren Heaton
    Community Expert
    Community Expert
    May 29, 2019

    Some great tips for a very efficient GIF!

    jeroenr92072295
    Inspiring
    May 16, 2019

    There's a thread at UserVoice about color shifting in AME while exporting GIFs: Media Encoder v13.0.1 Exporting gifs change all colours slightly. #FFFFFF changes to #FBFBFB – Adobe video & audio apps . Don't know if we can get it on the radar of the development team, but I guess voting might help.

    I've stumbled upon this issue myself as well, and closely observed the other colors that I have been using in AE (and their representation in the GIF itself). Many colors seem to shift (I've added a comment on the UserVoice thread which explains more about my findings).

    It seems any color shifts. I've checked some colors from my output file, compared to my design file:

    - #f02d3a (rgb 240,45,58) changes to #f22b3b (rgb 242,43,59)

    - #3c5940 (rgb 60,89,64) changes to #3b5b43 (rgb 59,91,67)

    Warren Heaton
    Community Expert
    Community Expert
    May 16, 2019

    The use voice thread has 8 votes.  I’ll see who I can wrangle up to get that number increased.

    -Warren

    jeroenr92072295
    Inspiring
    May 17, 2019

    That's the reason I posted it here. Your answer is indeed the solution to the question that OP has, but deeper down there is an issue in AME (potentially in conjunction with AE?) that needs to be resolved. I wanted to make sure everyone with this issue does not only have a means of working around it, but also have a means in letting the Adobe team hear their voice. Thanks!

    Inspiring
    March 22, 2019

    This is a great thread but the answer marked correct is NOT the correct answer.

    I found a lot of Google results from old versions of PS or Photoshop Elements saying the same but, if this option isn't available in this context (ei- except via the LEGACY gif export dialogue) then Warren's answer cannot be said to be correct.

    Appreciate all the useful advice of course.

    I'd mark Warrens answer of 17-Sep-2018 23:34 or Jessleehunter's answer of 11-Apr-2018 12:21 correct.

    ...and can Adobe please fix their ME code!! 

    Warren Heaton
    Community Expert
    Community Expert
    May 16, 2019

    The "correct" answer was how to fix the off-white in the resulting GIF, not how to avoid it in the first place.

    Warren Heaton
    Community Expert
    Community Expert
    March 21, 2019

    When you ask about the Color Table dialog...

    Do you mean the Color Table dialog box that appears from Image > Mode > Color Table...?   (The document must be Indexed Color to access this.)

    Or do you mean the Color Table that appears to the lower right of the Save for Web (Legacy) dialog box that appears from File > Export > Save for Web (Legacy)...?

    -Warren

    Inspiring
    March 21, 2019

    I made my gif by using the Video Timeline in Photoshop CC 2019 and then exported it as an mp4 (only available option- NO GIF EXPORT!)

    I ten took my mp4 through Adobe Media Encoder to get it saved as a gif.

    Checking that gif back in Photoshop showed that the white background had changed to #fbfbfb (transparent gif background was not an option).

    As the gif is not in indexed colour the colour table trick to correct this is not available to me (greyed out).

    Change to Index colour flattens the gif layers.

    Warren Heaton
    Community Expert
    Community Expert
    March 22, 2019

    CC2019 exports Animated GIF via Save for Web (just like 2018 back to CS6 all the way down PS5 or so.

    Not sure why it’s missing for you.

    I usually create mine in After Effects, export to Apple ProRes 422 (LT), import that into PS and then use Save for Web (Legacy) - all in CC2019

    For what it’s worth, GIF files have to be index color.

    gt224
    Participant
    November 14, 2018

    did AE fix this problem yet?

    Warren Heaton
    Community Expert
    Community Expert
    November 15, 2018

    Unfortunately, no, CC2019 does not resolve the with 100% while backgrounds (255, 255, 255 or #FFFFFF) shifting to off-white (251, 251, 251 or #FBFBFB) when exporting from After Effects to Adobe Media Encoder to an Animated GIF file.

    I've embedded a GIF that demonstrates the ongoing issue:

    I've had good results from GifGun which, of course, would not be necessary if AME worked as expected: GifGun - aescripts + aeplugins - aescripts.com

    Of course, going to Photoshop still works.

    There are a four items under "Animated GIF" on the Adobe User-Voice for AME, but none address this issue.  Not only does the shift in white need to be addressed, but it would be amazing to have the same settings that Photoshop has for exporting to a GIF file.  Once you get used to that, it's kind of hard to come back to AME.

    -Warren

    Warren Heaton
    Community Expert
    Community Expert
    October 25, 2017

    Could I trouble you to mark the open the animated GIF in Photoshop to adjust the color shift as the correct answer?   It’ll help the next person who runs into this issue find the answer more quickly.   Thanks.

    Warren Heaton
    Community Expert
    Community Expert
    October 25, 2017

    Thanks again!

    Mylenium
    Legend
    October 24, 2017

    AE is useless for creating GIFs as is AME. You have to use Photoshop or any otehr tool that can contrrol the actual palette, not rely on an automated process.

    Mylenium

    Warren Heaton
    Community Expert
    Community Expert
    October 24, 2017

    For what it's worth, GIF export on Mac is back with the latest release.

    Also, I'm 99% sure that the bin hex value FBFBFB is not available without loading a custom indexed color palette (in this case, an "exact" custom color table).  That or the export options would have to allow for exact colors.  I haven't played with the GIF options from AE in a long time as the feature was discontinued on Mac.  A good 20 years ago, you would load a custom color palette when queuing the render (having saved the color table as an ACT file from Photoshop) to avoid getting the Windows default color table or Mac default color table.  Sorry I'm not up to speed on the latest options.  Hopefully, someone will chime in.

    When saving in Photoshop, the Indexed Color options allow you to choose "exact".

    Participant
    October 24, 2017

    I am working on Windows but I don't think that it changes anything.

    I tried to search some options about palette and colors on AME but I didn't find anything.

    The curious thing is that there are 2-3 colors in total. It is a sort of animated UI, with one color icons or symbols.

    Using Photoshop is not the best solution because I created some complex transitions/animations and  are hard to recreate with Photoshop.