#Photoshop

Spritesheet

Création d'une image regroupant l'ensemble des images d'une suite ( spritesheet ) avec un .html associé qui va la lire. Permet de créer des animations complexes en .html

Installation

Dans le dossier ExportSpriteinline-html,

• copier le fichier ExportSpriteinline-html.jsx dans le dossier ‎⁨Macintosh HD⁩ ▸ ⁨Applications⁩ ▸ ⁨Adobe Photoshop CC 2019⁩ ▸ ⁨Presets⁩
• Ouvrir photoshop
• Dans la fenêtre Action ▸ ⁨ charger des actions et prendre ExportSpriteinline-script.atn

Utilisation

• Dans la fenêtre Action de Photoshop, Sélécionnez *ExportSpriteinline ▸ ⁨Create" et appuyez sur play ▸ ⁨ en bas de la fenêtre
• S'ouvre une boite de dialogue
• Selectionnez la première image de votre suite d'image et n'oubliez pas d'aller dans option ▸ ⁨ Suite d'image
• Le fichiers s'ouvrent
• S'ouvre une autre boite de dialogue pour enregistrer le fichier .psd
• Une fois fais, le script continue et une ultime boite s'ouvre pour indiquer la génération d'un .png + .html à la racine de votre .psd

Optimisation

• Le png généré est très lourd, il faut l'optimiser. Je conseil un logiciel comme "Image Optim" sur Mac ou "Png Quant" sur Pc (gratuits)

---