Skip to main content
JckAdobe
JckAdobe
Participant
July 19, 2022
Question

Export Layers to PNGs

  • July 19, 2022
  • 2 replies
  • 1690 views

Hello,

 

Does anyone know a way I can export my layers in Adobe Animate as seperate PNG. For example in Photoshop I can use Layers to Files. A batch export. I need a way to do this.

    2 replies

    Warren Heaton
    Community Expert
    Warren HeatonCommunity Expert
    Community Expert
    July 22, 2022

    It's a little bit of a round about approach, but you could publish SWFs, import those into an After Effects project, and then use File > Save Frame As... > Photoshop Layers to get to your Animate artwork over to Photoshop.

     

    Working with Adobe Premiere Pro and After Effects

    https://helpx.adobe.com/animate/using/premiere-pro-effects.html

     

    Scroll down to Importing SWF files into After Effects.

      kglad
      Community Expert
      kgladCommunity Expert
      Community Expert
      July 19, 2022

      1. you can set your publish settings (file>publish settings) to not include hidden layers.

      2. hide all layers.

      3. unhide the layer you want to export

      4. export

       

      repeat 3 and 4 as needed.  

       

      and for automation, you can use a jsfl file to do this.

      JckAdobe
      JckAdobeAuthor
      Participant
      July 20, 2022

      Hello,

       

      I can't seem to get the publish settings to export the layers as full size images of the canvas size. Unless I am doing something wrong. I assume I would need "image assets" but nothing publishes other than an empty folder. I don't want a sprite sheet. I just want the layer as is with the dimension of the canvas.

      Where can I find a JSFL to do this?

      sergiopop75
      sergiopop75
      Inspiring
      July 21, 2022

      I think @sergiopop75 had a JSFL command for this. Can you help Sergio?


      Mario, thanks for the reference, it makes me feel important, 😂!

      There is a Shane McCartney code:

       

      var doc = fl.getDocumentDOM();
      var lyrs = doc.getTimeline().layers;
      var len = lyrs.length;
      var lyr;
      var originalType;
      var i;
      var saveDir = fl.browseForFolderURL("Choose a folder in which to save your exported SWFs:");

      var layers = new Array();
      var count = 0 ;

      //create folder with the file name//
      var docfoldername = doc.name ;
      var numberOrNot = docfoldername.slice (17,18) ;

      if ( numberOrNot == "0" || numberOrNot == "1" || numberOrNot == "2" || numberOrNot == "3" || numberOrNot == "4" || numberOrNot == "5" || numberOrNot == "6" || numberOrNot == "7" || numberOrNot == "8" || numberOrNot == "9" )
      {
      var exportDest = saveDir+ "/" + docfoldername.slice (0,18)+"_PNG"
      }else{
      var exportDest = saveDir+ "/" + docfoldername.slice (0,17)+"_PNG"
      }
      FLfile.createFolder(exportDest);


      if (saveDir) {
      fl.outputPanel.clear();
      var originalTypes = new Array();


      for (i=0; i < len; i++) {

      lyr = lyrs[i];

      originalTypes[i] = lyr.layerType;

      };


      for (i=0; i < len; i++) {

      lyr = lyrs[i];

      lyr.layerType = "guide";

      };


      for (i=0; i < len; i++) {
      lyr = lyrs[i];

      originalType = originalTypes[i]
      if (originalType == "normal" && lyr.visible == true) {
      lyr.layerType = "normal";

      // padding 0s
      if (count<10){
      var padding = "0"+count
      }else{
      var padding = count
      }

      doc.exportPNG(exportDest +"/" + padding + "_"+lyr.name+".png", true);

      fl.trace("Exported: " + lyr.name+".png");

      lyr.layerType = "guide";

      count += 1;

      }
      };


      for (i=0; i < len; i++) {
      lyr = lyrs[i];

      lyr.layerType = originalTypes[i];
      };
      }

      ____2D vector animator since 2000 &amp; PhD
        Terms & ConditionsAccessibility statement
        Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices