Export several artboards as GIF animated

[Alexis.Indesign]

Hi everyone!

Currently, I have 24+ static photoshop artboards. These are 24 banners with different resolutions.

For now I needed to create animated banners, but while I export it (ctrl+shift+alt+s) I have no options to choose artboards to export and it gives me one output file. The examples I put below.

Please, could someone help me with that issue or maybe advice another method to create animated banners.

This is what it looks like, full canvas has been exported as animated gif.

Photoshop v19.0 (en x64);

Windows 10 (updated)

[Mylenium · Accepted solution]

That's how it works. Animation stuff does not use artboards, being that the timeline only ever uses one canvas. You have to adapt your workflow and use separate documents and/or organize your stuff using groups.

Mylenium

[Alexis.Indesign]

Could you please describe on how to organize stuff using groups?

or at least clear out what you meant

[Alexis.Indesign]

Any words on how to organize stuff using groups?

[ayop87386085]

to save artboards as animated GIF (still a long method)

1. select the animated artboards 
2. Click File>Export >Artboard to files
3. select PSD as file type
4. Check "Export Selected Artboards"
5. uncheck "include overlaping layers"
6. click "run"
7. open the exported psd
8. now export as animated GIF

[Albertine3]

When I save my artboards to files, the animation disapears and I just have a still image in my new psd file. Did I choose a wrong option ?

[timz67519437]

There is no way to do it using groups in a document with artboards. I don't know what Mylenium is talking about.

You could do it by making a slice on each artboard, but it is extremely cumbersome and not worth that effort.

You have to make separate Photoshop documents that do not have artboards. Build your timeline in each document and export using the old Save for Web legacy export.

At least Adobe gave us the option of exporting artboards as individual PSDs from the Export menu, so we don't have to build the separate documents from scratch. It would be nice if they added animation features and GIF export from an artboard document, though.

Being that it is 3 years after your original post and Adobe still has not added any way to do it, I doubt they will be adding it.

[codythebro]

hahaha dang he ditched you

[RodrigoCantini]

You have to to export one by one: hide all artboards except the one you want to export as gif, than export it normaly.

Do the same for all other artboards. Just check the gif naming: it takes the psd name by default, not the artboard name, you will have to correct that every time.

[andreas.karamanis]

this way the export includes a bigger artboard including the hidden one. I've test this to export as a video. File / export / render video

[Rafał25595663ujss]

This is the best answer in here and yet, it gets no appreciation... hide all the other artboards and then Save for Web. Works like charm, except, as stated above, you need to rename each time.Which you always do with this ancient dialogue box. This way you also keep your global artboard-wide frame animation setup... Many thanks Rodrigo

[David Faletti]

Thanks Rodrigo - a simple and correct solution!

[defaultj5zmf5ekdj18]

This is great! Thank you for sharing such an elegant solution!

[timz67519437]

I would not call that an elegant solution at all. It's just a solution we have to use because Adobe will not implement something that works.

[Albertine3]

I found a way by doing slices (C tool) on my artboards and then Save for web. You still have to remove the empty files and rename others (it doesn't take the artboards names) but you have one animated file for each artboard.

[defaultyv64d7kbqmy5]

There is a slight work-around for animated artboards and exporting as animated GIFs.

Step 1 - Hide all Artboards you don't want to be exported. 

Step 2 - Select that artboard, Save for Web (Legacy).

Step 3 - Save for Web 

Step 5 - Turn off that Artboard and switch to the next Artboard you want to export.