Adobe Photoshop Scripting - Adobe.js | JavaScript: Behavioral Layer

ps-scripts

The PhotoShop Scripts project is a catch-all for several toolkits and scripts that have been developed to facilitate the use of JavaScript for scripting Photoshop and other Adobe Creative Suite applications.

Export Groups to Files in Photoshop

Photoshop cs5 doesn't allow exporting layers with groups (folders); the following ExtendScript will export all groups to high quality pngs:

#target photoshop
function main(){
if(!documents.length) return;
var doc = activeDocument;
var oldPath = activeDocument.path;
for(var a=0;a<doc.layerSets.length;a++){
activeDocument.activeLayer = activeDocument.layers.getByName(doc.layerSets[a].name);
dupLayers();
activeDocument.mergeVisibleLayers();
activeDocument.trim(TrimType.TRANSPARENT,true,true,true,true);
var saveFile= File(oldPath +"/"+doc.layerSets[a].name +".png");
SavePNG(saveFile);
app.activeDocument.close(SaveOptions.DONOTSAVECHANGES);
    }
}
main();
function dupLayers() { 
    var desc143 = new ActionDescriptor();
        var ref73 = new ActionReference();
        ref73.putClass( charIDToTypeID('Dcmn') );
    desc143.putReference( charIDToTypeID('null'), ref73 );
    desc143.putString( charIDToTypeID('Nm  '), activeDocument.activeLayer.name );
        var ref74 = new ActionReference();
        ref74.putEnumerated( charIDToTypeID('Lyr '), charIDToTypeID('Ordn'), charIDToTypeID('Trgt') );
    desc143.putReference( charIDToTypeID('Usng'), ref74 );
    executeAction( charIDToTypeID('Mk  '), desc143, DialogModes.NO );
};
function SavePNG(saveFile){
var pngOpts = new ExportOptionsSaveForWeb; 
pngOpts.format = SaveDocumentType.PNG
pngOpts.PNG8 = false; 
pngOpts.transparency = true; 
pngOpts.interlaced = false; 
pngOpts.quality = 100;
activeDocument.exportDocument(new File(saveFile),ExportType.SAVEFORWEB,pngOpts); 
}

How to Run ps-export-groups-to-files.jsx

1. Copy the script and save it as ".jsx" file type; JavaScript ExtendScript (aka Adobe JavaScript).
2. In Photoshop head to the following menu item: File > Scripts > Browse...
3. Select the .jsx file in the file browser.

Photoshop will now export all groups to files, saving the files in the same directory the .psd is located in.

Note: Known Limitations: empty groups give back an error message and stop the exporting process; also, built for only cs5 and up.

Photoshop Layer Export Tool for Normal iPhone Graphics and Retina Display Graphics; Photoshop Export Tool that allows the exportation of all 6 iPhone icon files from a 512x512 image; Retina Display Compatible.

Scripts for Adobe Photoshop

Dynamic Script.jsx

Dynamic Script.jsx is a very basic script making it easy to test a few lines of JavaScript within Photoshop.

Super Export.jsx

Super Export.jsx is a script allowing for the saving of parts of a PSD as separate cropped files by carefully naming the Photoshop layers. For example, if you name a layer "background.jpg" and execute this script, that layer will be saved and all other layers will be hidden.

Installing .jsx Photoshop Scripts

"Installing" .jsx Photoshop scripts is an odd way of saying that you need to literally drop the script(s) into Photoshop's scripts directory on your box. Below are two examples of typical script directory structures, the first being Mac/OS X and the latter being Windows.

MAC:
/Applications/Adobe Photoshop CS4/Presets/Scripts
PC:
c:\program files\Adobe Photoshop CS4\Presets\Scripts

For this example, let's pretend I'm on OS X; look back at our paths and its a no-brainer: the easiest route for accomplishment is to copy "Super Export.jsx" to our Max OS X directory:

/Applications/Adobe Photoshop CS4/Presets/Scripts/Super Export.jsx

Once you restart Photoshop, a new menu item will show up in the menu File > Scripts > Super Export. Super Export ).......I would imagine that means go ahead and reboot your box? Post reboot, the menu File > Scripts > Super Export should appear.

click on the new menu item ("Super Export") and the script will run.

Creating Keyboard Shortcuts

Once the JSX script file has been created, it is then possible to create a keyboard shortcut (for this example we are using [F5]) to run the JSX script automatically. The four steps listed below explain exactly how to map a JavaScript/ExtendScript file to a keyboard shortcut:

1. 1) Choose Edit > Keyboard Shortcuts...
2. 2) Highlight "Super Export" under File > Scripts
3. 3) Click under the 'Shortcut' column and type the [F5] key (or whatever you want)
4. 4) If there are conflicts, choose 'Accept ' Continue', otherwise choose 'Accept'

You can also have scripts in subfolders of this directory, so if you're familiar with GIT, want all my scripts, and want easy access to updates you could clone: git@github.com:bendytree/Photoshop-Scripts.git to /Applications/Adobe Photoshop CS4/Presets/Scripts/BendyTree; whenever an update is

wanted/needed/, just do a 'git pull' from that directory. Photoshop gracefully ignores non .jsx files (like .gitignore and readme).

CSS3Ps - free cloud based photoshop plugin that converts your layers to css3.

Using 'include' to Reference External Scripts in Photoshop

It's possible to move all of your code into an external .js file by utilizing an 'include' to reference the .js file, keeping the script neat and tidy and following similiarily to the separation of concerns approach practiced by standardistas. The following example and instructions show exactly how to accomplish this:

// create our function:
function makeSlice() {
var id14 = charIDToTypeID( "Mk  " );
  var desc5 = new ActionDescriptor();
  var id15 = charIDToTypeID( "null" );
	var ref2 = new ActionReference();
	var id16 = stringIDToTypeID( "slice" );
	ref2.putClass( id16 );
  desc5.putReference( id15, ref2 );
  var id17 = charIDToTypeID( "Usng" );
	var desc6 = new ActionDescriptor();
	var id18 = charIDToTypeID( "Type" );
	var id19 = stringIDToTypeID( "sliceType" );
	var id20 = stringIDToTypeID( "user" );
	desc6.putEnumerated( id18, id19, id20 );
	var id21 = charIDToTypeID( "At  " );
	  var desc7 = new ActionDescriptor();
	  var id22 = charIDToTypeID( "Top " );
	  var id23 = charIDToTypeID( "#Rlt" );
	  desc7.putUnitDouble( id22, id23, 92.000000 );
	  var id24 = charIDToTypeID( "Left" );
	  var id25 = charIDToTypeID( "#Rlt" );
	  desc7.putUnitDouble( id24, id25, 62.000000 );
	  var id26 = charIDToTypeID( "Btom" );
	  var id27 = charIDToTypeID( "#Rlt" );
	  desc7.putUnitDouble( id26, id27, 184.000000 );
	  var id28 = charIDToTypeID( "Rght" );
	  var id29 = charIDToTypeID( "#Rlt" );
	  desc7.putUnitDouble( id28, id29, 231.000000 );
	var id30 = charIDToTypeID( "Rctn" );
	desc6.putObject( id21, id30, desc7 );
  var id31 = stringIDToTypeID( "slice" );
  desc5.putObject( id17, id31, desc6 );
executeAction( id14, desc5, DialogModes.NO );
}

Save the file as "function_lib.js" in the Photoshop's "Scripts" directory: Adobe Photoshop CS > Presets > Scripts.

Now create a new script, and add an 'Include' referencing the 'funcion_lib.js' file, like so:

Next create a new script. Use an 'Include' to reference 'function_lib.js' file: // Includes an external .js file // @include 'function_lib.js'

Note: 'Include' code executes, don't let its comment-like appearance fool you.

Now call makeSlice() function located in the 'function_lib.js' file like so:

makeSlice();

Save 'my_script.js' in the 'Scripts' Directory (Adobe Photoshop CS > Presets > Scripts).

Run the script called 'my_script.js'.

Note: 'Include's must be commented out using double comment syntax: /* */.

/*// Includes an external .js file

// @include 'function_lib.js'*/

http://usuarios.cnba.uba.ar/gabinetes/informatica/Portable%20Adobe%20Photoshop%20CS3%20en%20Espa%C3%B1ol/Presets/Scripts/

• Photoshop Programming Guide
• Scripting Photoshop
• Scripting Photoshop: Working with the Document Model
• Adobe Photoshop sdk
• Intro to Photoshop Scripting
• Scripting with the Photoshop ScriptListener Plug-In
• Scripting with the ExtendScript Toolkit
• The Lesson 11 Path Namer
• Targeting Photoshop with a Script