Photoshop animated GIF export render issue

New Here ,
Apr 25, 2018 Apr 25, 2018

Copy link to clipboard

Copied

Hi

I'm having issues exporting (Save for web in Photoshop) to an animated gif.

I have 30 frames of a swan kicking its feet but as you can see below that it takes each frame and overlays one on top of the other when rendered out to a gif.

So the original PSD is fine but if you open the rendered gif then you will see frame after frame stacking up one on top of the other.

The surrounding white is transparent and so only the red line will show. With transparency turned off it is fine but unfortunately that is no what is need.

Any ideas?

Cheers

Jon

Swan-icon-Coral-OUTLINE.gif

Views

11.9K

Likes

Translate

Translate

Report

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

New Here , Apr 25, 2018 Apr 25, 2018
Thanks so much for helping. You mentioned deleting the frames and then redoing it (layers to frames). It worked a treat. Also I noticed that the difference was it had the DO NOT DISPOSE on that in my 18 or so years of using it have never seen  Always learning. Anyway a bit of other history to this was that I originally exported as a gif from After Effects / Media Encoder and so must have had this option fixed on there. This is why I had to bring it in to PSD to rub away some other errors but no...

Likes

Translate

Translate
LEGEND ,
Apr 25, 2018 Apr 25, 2018

Copy link to clipboard

Copied

Upload your layered psd file and post a line to it.  It look like you are duping the current frame in the animation timeline and adding the next layer to the duped frames visibility. Since the animations layers has a transparent background and you are acuminating layers the swans's outlines in each new duped frame add in it layers differences.  If you delete all frames then use the animation panel fly-out menu Make frames from layers.  The Animation should be good.  You may want to fill each layers transparent background with a color like white so your animation would be visible over and orange page background,

It looks like you tried yo removed a white background because  I see white fring in the animation when viewed over a black background.

JJMack

Likes

Translate

Translate

Report

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
New Here ,
Apr 25, 2018 Apr 25, 2018

Copy link to clipboard

Copied

Thanks so much for helping. You mentioned deleting the frames and then redoing it (layers to frames). It worked a treat. Also I noticed that the difference was it had the DO NOT DISPOSE on that in my 18 or so years of using it have never seen 🙂 Always learning. Anyway a bit of other history to this was that I originally exported as a gif from After Effects / Media Encoder and so must have had this option fixed on there. This is why I had to bring it in to PSD to rub away some other errors but now I'm going to go back and see what options I had missed in After Effects / Media Encoder and make sure I have it dialled in for next time.

Thanks again all

Cheers

Jon

Screen Shot 2018-04-25 at 20.08.13.png

Likes

Translate

Translate

Report

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
New Here ,
Jul 23, 2021 Jul 23, 2021

Copy link to clipboard

Copied

if anyone comes here with the same problem, do not be confused and waste time with the other procedures described here.  THIS is the solution. select all the frames in the animation panel, right click, and make sure that "DISPOSE" is selected. if "do not dispose" is selected, the frames will stack on top of each other. 

Likes

Translate

Translate

Report

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
New Here ,
Feb 14, 2022 Feb 14, 2022

Copy link to clipboard

Copied

Thank you so much!!!! ❤️ ❤️ ❤️ 

Likes

Translate

Translate

Report

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
New Here ,
Apr 29, 2022 Apr 29, 2022

Copy link to clipboard

Copied

LATEST

Nailed it! Thank you! 

Likes

Translate

Translate

Report

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
Advocate ,
Apr 25, 2018 Apr 25, 2018

Copy link to clipboard

Copied

I opened up the file and the layers have multiple feet on them. Each layer had one set of feet it would be easy to set-up the frames then animate in the animation timeline. Below is just one layer. The animate timeline reads the layer or layers.

Screen Shot 2018-04-25 at 1.26.08 PM.png

Likes

Translate

Translate

Report

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