When you don’t want to do repetitive tasks in Photoshop… This script exports root layers from your current project to separate PNG files.
Usage: exporting sketchs to character animation, mock-up, code, etc.
Scripts
layers-exporter.bat
"C:\Program Files (x86)\Photoshop\Photoshop.exe" %cd%\layers-exporter.jsx`
layers-exporter.jsx
var output = $.getenv("USERPROFILE") + "/Documents/";
//Get the currently opened Photoshop document
var doc = app.activeDocument;
//Show each layer each time and save a snapshot
for (var i = 0; i < doc.layers.length; i++) {
//Hide all the layers
for (var j = 0; j < doc.layers.length; j++) {
doc.layers[j].visible = false;
}
// show layer
var layerIndex = i;
doc.layers[layerIndex].visible = true;
var layerName = doc.layers[layerIndex].name;
var filename = doc.name;
filename = filename.slice(0, filename.lastIndexOf(".")); //just add this line to the construction.
// save
var file = new File(output + filename + "_" + layerName + ".png");
var saveOptions = new PNGSaveOptions();
doc.saveAs(file, saveOptions, true, Extension.LOWERCASE);
}
Usage
- save these two scipts at the same location on your machine
- Open a photoshop file with layers
- Execute layers-exporter.bat, from command line or by clicking on it
- Get your results from your Documents folder
NOTE: edit output value in layers-exporter.jsx if you want to change the target folder
NOTE: only ‘root’ layers or groups will generate files, you don’t have to worry about a million files from your project tree.
Example
Source
