Créer un Sprite sheet depuis Photoshop

Note : ce script est la propriété de William MALONE, il n’appartient pas à VOXPedago.com

 

1. Commencez par télécharger l’archive disponible à cette adresse : HTML5-Photoshop-Sprite-Sheet-Creator
2. Extraire l’archive afin de récupérer le fichier WM-Sprite-Sheet-Creator..
3. Placez le fichier obtenu dans le dossier Scripts à l’adresse suivante :

• Sur Mac OS X : /Applications/Adobe Photoshop …/Presets/Scripts/
• Sur Windows : C:\Program Files\Adobe\Adobe Photoshop …\Presets\Scripts\

À présent, il ne vous reste plus qu’a suivre ces 2 étapes :

1. Créez un document avec plusieurs calques (qui constituent les éléments à placer sous forme de grille).
2. Via le menu Fichier, commande Scripts, sélectionnez la commande Create Sprite sheet from layers. Indiquez le nombre de colonnes et de lignes pour la création de votre spritesheet, validez, vous obtenez un fichier que vous n’avez plus qu’à enregistrer en jpeg ou png. Vous pouvez tour à fait générer des fichiers avec une seule ligne ou colonne.