Skip to main content
Alexis.Indesign
Alexis.Indesign
Participating Frequently
November 20, 2017
Répondu

Export several artboards as GIF animated

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)

    Meilleure réponse par Mylenium

    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

    8 commentaires

    H
    Hindepicts
    Participant
    February 14, 2025

    I know I'm late to the party BUT i just unchecked the "eye" of the layer that I don't want to export (basically hid it) and then exported web (legacy). 

      luke-2010
      luke-2010
      Participant
      February 23, 2026

      Perfect, this worked for me, thank you.

      M
      marco_0791
      Participant
      December 6, 2024

      This was a pain to discover after doing a bunch of artboards, BUT, yeah no definite answer. Solution now, create individual photoshop files. To do this, this is what I did:

       

      • Create a shape to your desired specs and place it as the background layer.

      • Right click on your artboard name in the layers panel and click, Ungroup Artboards.

      • Command Click on the preview window of the shape layer you just created to put the selection of ants around it, click C to crop.

       

      Hopefully that makes sense but that's what I'm doing on my artboards that I need to be single photoshop files.

      Stephen Marsh
      Community Expert
      Stephen MarshCommunity Expert
      Community Expert
      February 6, 2024

      Artboards were added to Photoshop after Save for Web was created. Save for Web uses very old code, so we are lucky that it works with artboards... 

       

      As previously mentioned:

       

      Layer visibility controls what is available in Save for Web!

       

       

      This is only workable if the timeline is common for all artboards.

        D
        defaultyv64d7kbqmy5
        Participant
        February 15, 2023

        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.

          P
          Pamela23840916gh7w
          Participant
          February 6, 2024

          The work around would be creating all your gifs as normal using the artboard and THEN - you can cut them off - to prevent the "EXTRA" Artboard space, double click to select that particular artboard - then Crop! Or when you save it out on the huge Artboard you can re-open it and crop. Extra step yes, no extra than it would be opening each document anyways if you make them separate. I hate opening up multiple files, exspecially if there is a change. You will have to crop each time, and its not the best option but it works. 

          A
          Albertine3
          Inspiring
          December 1, 2021

          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.

            sinangencer
            sinangencer
            Participant
            March 27, 2025

            you are a genius bro 

            R
            RodrigoCantini
            Participant
            July 29, 2021

            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.

              good_Whirlwind98A4
              good_Whirlwind98A4
              Participant
              October 14, 2021

              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

                C
                codythebro
                Participant
                December 10, 2018

                hahaha dang he ditched you

                  Mylenium
                  MyleniumRéponse
                  Legend
                  November 20, 2017

                  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
                  Alexis.IndesignAuteur
                  Participating Frequently
                  November 20, 2017

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

                  or at least clear out what you meant

                  Alexis.Indesign
                  Alexis.IndesignAuteur
                  Participating Frequently
                  November 23, 2017

                  Any words on how to organize stuff using groups?

                  Conditions d'utilisationAccessibility statement
                  Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices