Génération de fichiers d’image à partir de calques

L’ajout d’extensions de fichier aux noms de calque déclenche le générateur de Photoshop pour créer automatiquement des fichiers image à chaque enregistrement.Vous éliminez ainsi les étapes d’export répétitives pour les projets web, d’appli et multi-appareils nécessitant plusieurs formats ou tailles.

Ce workflow fonctionne au mieux lorsque vous avez besoin d’exports cohérents et reproductibles dans plusieurs formats ou résolutions, par exemple pour produire des versions @1x, @2x et @3x en responsive design.Dans Fichier, sélectionnez Exporter > Exporter sous… à la place.

Le générateur crée un dossier dédié pour vos ressources et met automatiquement les fichiers à jour pendant que vous travaillez.Vous pouvez générer plusieurs formats à partir d’un seul calque, spécifier les paramètres de qualité, adapter les fichiers à différentes tailles et organiser les sorties dans des sous-dossiers, le tout grâce aux conventions de nommage des calques.

• Document Photoshop avec des calques nommés ou des groupes de calques nommés
• document enregistré dans un emplacement connu (sinon les fichiers apparaîtront sur le bureau)
• Connaissance des formats de sortie requis pour votre projet

Activer la génération de fichiers image

Photoshop crée le fichier image dans un sous-dossier situé à côté du document enregistré.Si le document n’a pas encore été enregistré, les fichiers apparaissent dans un nouveau dossier sur le bureau.Le générateur reste actif : toute modification apportée aux calques avec générateur déclenche la mise à jour automatique des fichiers correspondants.

Générer plusieurs formats à partir d’un calque

Un seul calque peut produire simultanément des fichiers dans différents formats, tailles et niveaux de qualité.Séparez chaque spécification de fichier dans le nom du calque par une virgule ou un signe plus.

Photoshop génère trois fichiers distincts à partir du même contenu de Calque, ce qui évite d’export manuellement le même graphique dans différents formats.

Contrôle de la qualité et mise à l’échelle des ressources pour différents écrans

Les suffixes de qualité contrôlent la compression des fichiers JPG (1-100) et le nombre de bits par pixel des fichiers PNG (8, 24 ou 32). Les préfixes de taille acceptent des pourcentages pour une mise à l'échelle relative ou des dimensions absolues en pixels.Vous pouvez mélanger les unités, par exemple « 10in x 5cm banner.jpg », et omettre une dimension pour conserver le rapport L/H : « 1080 x icon.png » définit la largeur sur 1080 pixels tout en conservant le rapport L/H.

Exemples de mise à l’échelle relative :

200% logo.png double la taille de la ressource

50% thumbnail.jpg réduit la ressource à la moitié de sa taille

Exemples de dimensionnement absolu :

300 x 200 hero.png crée une image de 300×200 pixels

10in x 5cm banner.jpg mélange les unités (10 pouces de large, 5 centimètres de haut)

1080 x icon.png définit la largeur sur 1080 pixels, la hauteur est mise à l’échelle proportionnellement

Organisation des ressources dans des sous-dossiers

Par défaut, toutes les ressources générées sont enregistrées dans un seul dossier à côté du fichier PSD. L’ajout d’un nom de sous-dossier avant le nom du fichier indique au générateur de créer et d’utiliser automatiquement ce sous-dossier. Vous gardez ainsi les ressources associées bien organisées, sans gérer les dossiers manuellement.

Incluez le chemin du sous-dossier dans le nom du calque en utilisant des barres obliques : subfolder/filename.png ou icons/logo.svg.Vous pouvez imbriquer plusieurs niveaux : assets/icons/logo.png.

Exporter des ressources vers des dossiers spécifiques

Photoshop crée automatiquement la structure de dossiers et place chaque fichier à l’emplacement prévu. La combinaison de sous-dossiers avec des préfixes de taille et des paramètres de qualité vous donne un contrôle total sur l’organisation des fichiers : mobile/200% button@2x.png, desktop/button.jpg90.

Définir les valeurs par défaut du document

Créez un Calque spécial pour définir des paramètres de référence qui s’appliquent à tous les fichiers générés. Cela évite de répéter les spécifications de paramètres dans les noms de calques individuels.

Créez un calque vide et nommez-le en commençant par « default », suivi des paramètres de votre choix.Parmi les configurations courantes, citons « default 200% » pour mettre tous les fichiers à l’échelle à 200 %, « default assets/ » pour tout enregistrer dans un sous-dossier assets, ou « default @2x » pour ajouter le suffixe @2x à tous les noms de fichier.

Vous pouvez combiner plusieurs valeurs par défaut : « default 200% retina/ @2x » met tous les fichiers à l’échelle à 200 %, les enregistre dans un sous-dossier retina et ajoute le suffixe @2x aux noms de fichier. Les paramètres des Calques individuels remplacent les valeurs par défaut du document : si la valeur par défaut indique « default 200% », mais qu’un nom de Calque inclut « 50% thumbnail.png », ce Calque est généré à 50 %.

Travailler avec des documents en ligne

Les documents en ligne stockent les fichiers générés localement plutôt que directement à côté du fichier PSD.Photoshop maintient cette séparation pour distinguer le contenu local du contenu synchronisé dans le cloud.

Les fichiers des documents en ligne apparaissent à ces emplacements :

• Windows : C:\Usersusername>\Documents\Adobe\Photoshop Cloud Associates
• macOS : /Users//Documents/Adobe/Photoshop Cloud Associates

Chaque document en ligne crée son propre sous-dossier dans ce répertoire. Les fichiers sont générés automatiquement pendant que vous travaillez, mais ils restent sur la machine locale tant que vous ne les partagez pas ou ne les synchronisez pas explicitement dans Creative Cloud.

Désactivation de la génération de fichiers

La génération de fichiers d’image reste active pour un document une fois qu’elle est activée, même d’une session à l’autre. La fonctionnalité régénère automatiquement les fichiers à chaque enregistrement, ce qui peut ralentir les performances pour les documents complexes.

Pour désactiver la génération pour le document actif, désélectionnez Fichier > Automatisation > Modules externes Generator > Fichiers d’image. Cela arrête la création automatique de fichiers, tout en conservant les fichiers existants et la dénomination des Calques.

Pour désactiver le générateur de façon globale pour tous les documents, sélectionnez Édition > Préférences > Modules, désélectionnez Activer Generator, puis sélectionnez OK.Cela désactive complètement la fonctionnalité du générateur jusqu’à ce que vous la réactiviez dans les préférences.