Qu'est-ce qu'un script JSX ? A quoi ça sert ?

Un script JSX (ou Adobe ExtendScript) correspond à du JavaScript "étendu" de manière à manipuler les applications de la suite créative d'Adobe et plus particulièrement Photoshop, Illustrator, AfterEffects et InDesign. On pourra ainsi créer, modifier, enregistrer des documents automatiquement, et gagner énormément de temps sur des tâches de routine et/ou des traitements de masse.

Quelques réalisations en JSX

J'ai réalisé principalement trois scripts : MultiScript, CleanPSD et PSDtoPDF. Je vais maintenant vous les présenter.

MultiScript

Description : ce script contient lui-même différents scripts permettant entre autres d'empiler des images les unes sous les autres ou d'intégrer des captures d'écran dans les devices correspondant. Je ne parlerai que des scripts principaux.


Fonctionnement :

  1. Préparation : un dossier de traitement doit respecter l'arborescence prévue par le script afin que celui-ci puisse aller chercher les bons fichiers aux bons endroits

  2. Dialogue : l'utilisateur sélectionne son dossier de traitement, puis choisit les scripts qu'il souhaite appliquer, et donne un nom d'output
    interface de dialogue du script MultiScript
  3. Un dossier "_OUTPUT" est créé afin de ne pas écraser les visuels originaux. C'est dans ce dossier que seront exportés tous les éléments générés par le script.

  4. Screen Pack : une deuxième fenêtre de dialogue s'ouvre. L'utilisateur choisit dans quel(s) device(s) (iMac, iPad, iPhone) il souhaite intégrer ses screenshots et, le cas échéant, la version d'iPhone à utiliser. Le document est enregistré en psd et le pack est exporté en png et jpg.
    Screen Pack généré par le script JSX
  5. Screenshot 640px : comme son nom l'indique, ce script redimensionne les screenshots avec une largeur de 640px. Les scripts "Pinterest", "Chapristi", "Chablog", et "Screenshots intégrés" découlent de celui-ci. Les trois derniers sont des scripts "mineurs" dont je ne parlerai pas.

  6. Pinterest : le visuel principal, le screen pack généré et les screenshots sont empilés les uns sous les autres avec un espacement de 20px. Le document est enregistré en psd et exporté en jpg.
    Images empilées générées par le script JSX

CleanPSD

Description : ce script permet de "nettoyer" le document psd sélectionné, notamment en supprimant les éléments inutiles.


Fonctionnement : Une boîte de dialogue permet à l'utilisateur de choisir une méthode : travailler sur une copie, travailler sur le document original sans enregistrer, ou écraser le document original. Les groupes de calques de premier niveau sont applatis et les éléments non visibles sont supprimés.

Avant le nettoyage

Avant l'application du script JSX

Après le nettoyage

Après l'application du script JSX

PSDtoPDF

Description : ce script permet de générer un pdf avec plusieurs pages à partir d'un document psd. Il crée les compositions de calques puis s'appuie sur le script "Layer Comps to PDF" (script "natif" de Photoshop) légèrement modifié afin de "zapper" la boîte de dialogue.


Fonctionnement : le document psd doit être organisé de façon à ce que chaque groupe de calques de premier niveau corresponde à une page du futur document pdf. Le script crée alors une copie du document afin de conserver les compositions de calques créées sans toutefois écraser l'original.