Travailler comme en agence, dès le premier fichier
En troisième année, on ne te demande plus si tu sais utiliser un outil, mais si ton travail peut partir chez un client : le bon format, la zone qui ne sera pas coupée, des couleurs configurées pour l'écran comme pour l'imprimeur, un fichier qu'un collègue peut reprendre sans t'appeler, plusieurs propositions dans un seul PSD. Cette séance pose ces exigences — celles de la grille de ton intervenant — avant le premier atelier, la bannière YouTube.
Tu arrives en troisième année par un autre chemin ? Les modules Fondamentaux et Opérationnel restent ouverts, et le test de positionnement te dit quoi revoir. La plume, les objets dynamiques et le mockup simplifié (BA2, séances 4 et 5) sont supposés acquis.
Lire un brief, connaître ses formats
Cinq questions avant d'ouvrir Photoshop, et la zone qui ne sera jamais coupéeUn brief est la commande écrite du client. Avant tout visuel, on en extrait cinq réponses — et on les reformule au client pour vérifier qu'on a compris.
| Question | Exemple : bannière d'une chaîne de cuisine |
|---|---|
| Objectif — que doit-il se passer ? | Qu'un visiteur s'abonne. |
| Cible — pour qui ? | 25-35 ans, cuisine rapide et saine. |
| Canal — où sera-t-il vu ? | YouTube : télé, ordinateur, téléphone. |
| Contraintes | 2560 × 1440 px, zone sûre, logo fourni, couleurs de la marque. |
| Livrables — quoi, quand, sous quel nom ? | Un PNG de moins de 6 Mo et le PSD, vendredi. |
« Respect du brief » est un critère de la grille. Un visuel superbe qui ne répond pas à l'objectif est un visuel raté. Écris ta reformulation en tête de ton PSD, dans un calque de texte masqué : tu la relis avant de livrer.
Certains formats sont recadrés différemment selon l'écran. La bannière YouTube est le cas d'école : le fichier fait 2560 × 1440 px, mais un téléphone n'en montre qu'une bande centrale.
| Format | Taille du fichier | Zone toujours visible |
|---|---|---|
| Bannière de chaîne YouTube | 2560 × 1440 px | 1546 × 423 px, au centre |
| Couverture de profil LinkedIn | 1584 × 396 px | Le tiers gauche est caché par la photo de profil |
| Story (Instagram, TikTok) | 1080 × 1920 px | Environ 250 px libres en haut et en bas, sous l'interface |
| Page imprimée | Format + 3 mm | 10 mm à l'intérieur de la coupe |
Poser la zone sûre
- Affichage › Repères › Nouvelle disposition de repères, ou tire des repères depuis les règles (Ctrl+R).
- Pour la bannière : (2560 − 1546) ÷ 2 = 507 px à gauche et à droite ; (1440 − 423) ÷ 2 = 508,5 px en haut et en bas.
- Ou plus simple : un rectangle de 1546 × 423 px aligné au centre, sur un calque
zone sûremasqué avant l'export.
Le titre, le logo, le slogan : dans la zone sûre. Le reste de la bannière — l'image, l'ambiance — peut déborder : il ne sera vu en entier que sur un téléviseur.
Tes panneaux et tes raccourcis, réglés une fois pour toutes
Utiliser parfaitement ses palettes ; créer les raccourcis des outils et des fonctionsReprise approfondie. L'espace de travail enregistré est vu en première et deuxième année. Ici, on va jusqu'au bout : la barre d'outils, les menus et les raccourcis eux-mêmes.
| Réglage | Où | Pourquoi |
|---|---|---|
| Ranger les panneaux | Glisser un onglet sur un autre (groupe), sur un bord (ancrage) ; double-clic sur l'onglet pour réduire | Garder à l'écran ce qui sert à la tâche du jour |
| Réduire en icônes | La double flèche en haut d'une colonne de panneaux | Libérer de la place sur un écran de portable |
| Personnaliser la barre d'outils | Les trois points … en bas de la barre, ou Édition › Barre d'outils | Sortir les outils dont on se sert, ranger les autres |
| Les raccourcis | Édition › Raccourcis clavier (Alt+Maj+Ctrl+K) | Un raccourci pour le geste que tu fais vingt fois par heure |
| Les menus | Édition › Menus | Masquer ou colorer des commandes |
Créer un raccourci
- Édition › Raccourcis clavier. Dans la liste Raccourcis pour, choisis Menus de l'application (une commande de menu) ou Outils (un outil de la barre).
- Déplie le menu, clique sur la commande, puis tape la combinaison. Photoshop prévient si elle est déjà prise.
- Enregistre le jeu sous ton nom (icône de disquette) : il voyage avec ton espace de travail si tu coches Raccourcis clavier en l'enregistrant.
Commence par les gestes que tu répètes vraiment : Convertir en objet dynamique, Créer un masque d'écrêtage (déjà Alt+Ctrl+G), Exporter sous. Les touches de fonction libres (F2, F3…) sont les plus sûres.
Configurer la couleur du logiciel
Maîtriser les profils, RVB et CMJN : Édition › CouleursLes profils de deuxième année (sRVB, Adobe RVB, FOGRA39) n'ont de sens que si Photoshop sait lesquels utiliser par défaut et quoi faire d'une image qui arrive avec un autre profil. Tout se règle dans Édition › Couleurs (Maj+Ctrl+K).
| Rubrique | Ce qu'elle fixe | Réglage d'agence |
|---|---|---|
| Espaces de travail › RVB | Le profil des nouveaux documents RVB | sRVB IEC61966-2.1 pour un studio web ; Adobe RVB (1998) pour la photo imprimée |
| Espaces de travail › CMJN | Le profil utilisé par Image › Mode › Couleurs CMJN et par l'épreuve écran | Coated FOGRA39 (papier couché, Europe), ou le profil donné par l'imprimeur |
| Règles de gestion des couleurs | Que faire d'un fichier dont le profil diffère | Conserver les profils incorporés, et cocher les trois alertes « Demander » |
| Paramètres (en haut) | Un jeu complet, tout fait | « Europe, usage général 3 » : sRVB et FOGRA39 |
Le réglage est propre au poste. Sur un poste de l'école réinitialisé, vérifie Édition › Couleurs avant un travail destiné à l'impression : c'est la cause n° 1 des couleurs « qui ne sont pas les mêmes chez l'imprimeur ». Dans Bridge, Édition › Paramètres de couleur synchronise toute la suite Creative Cloud.
CMJN : ce que l'on demande à l'imprimeur
- le profil de sa machine et de son papier (couché, non couché, journal) ;
- s'il veut un fichier RVB avec profil (il convertit lui-même, c'est le plus fréquent avec un PDF/X-4) ou un fichier déjà en CMJN ;
- le taux d'encrage maximal (souvent 300 à 330 %), qui fait partie du profil.
Les plans de travail
Toutes les déclinaisons d'une campagne dans un seul fichierUn client demande rarement un seul format : la bannière, la miniature, la story, la couverture LinkedIn. Les plans de travail les réunissent dans un même PSD, chacun à sa taille.
- À la création : case Plans de travail de la fenêtre Nouveau document.
- Ensuite : l'outil Plan de travail (caché sous l'outil Déplacement) — un clic sur les + autour d'un plan en crée un à côté, dont on règle la taille dans la barre d'options.
- Chaque plan a son groupe dans le panneau Calques. Un calque glissé d'un plan à l'autre change de plan.
- Le logo, la palette, les objets dynamiques liés (Ctrl+J) se partagent : une correction se répercute sur toutes les déclinaisons.
À la sortie, Fichier › Exportation › Plans de travail en fichiers, ou Exporter sous : un fichier par plan, nommé d'après lui.
Exporter pour chaque canal : format, profil, résolution, poids
Format, profil, poids : les trois pénalités de la grilleLa grille de ton intervenant retire des points pour un export mal maîtrisé : mauvaise dimension, mauvais profil, poids trop lourd. Les trois se règlent dans Fichier › Exportation › Exporter sous :
| Réglage | Pour un écran |
|---|---|
| Format | PNG pour les aplats, les textes et les logos ; JPEG pour les photos. |
| Taille de l'image | Exactement celle du canal ; + pour ajouter une version @2x pour les écrans haute densité. |
| Convertir en sRVB | Coché, toujours. |
| Métadonnées | Copyright et coordonnées : ton nom voyage avec l'image. |
| Poids | Affiché à gauche ; qualité JPEG 75-85 % en général, sous la limite du canal (6 Mo pour YouTube). |
Le texte sur une bannière : PNG. La compression JPEG « bave » autour des lettres nettes. Si le PNG dépasse la limite, reviens au JPEG en qualité haute plutôt que de réduire la taille en pixels.
Résolution et poids : ce qui pèse vraiment
Le poids d'une image ouverte se calcule : largeur × hauteur × nombre de couches × octets par couche. Une page de portfolio de 2551 × 3579 px en RVB 8 bits pèse 2551 × 3579 × 3 = 27,4 millions d'octets, soit environ 26 Mo ; en CMJN, 4 couches : environ 35 Mo ; en 16 bits, le double.
| Ce qui change le poids | Effet |
|---|---|
| Doubler la résolution (150 → 300 ppp, même format imprimé) | Deux fois plus de pixels en largeur et en hauteur : quatre fois le poids |
| Passer de 8 à 16 bits par couche | Le double |
| Chaque calque de pixels de la taille du document | Une image de plus dans le PSD |
| La compression JPEG | Ne change rien à l'image ouverte ; réduit seulement le fichier enregistré |
Un PSD que tout le monde comprend
Groupes, couleurs d'étiquette, filtres de calquesLa grille retire un demi-point pour des « fichiers désorganisés ». En agence, c'est plus grave : un collègue reprend ton PSD pendant tes vacances.
| Règle | Comment |
|---|---|
| Un groupe par zone ou par élément | Titre, Photos, Fond, Réglages globaux… (Ctrl+G) |
| Des noms qui disent ce que fait le calque | Courbes — assombrir le ciel, pas Courbes 3. |
| Des couleurs d'étiquette | Clic droit sur l'œil d'un calque : rouge pour « à valider », vert pour « final ». |
| Retrouver un calque dans 200 | Les filtres en haut du panneau Calques : par type (texte, réglage, objet dynamique), par nom, par couleur. |
| Verrouiller ce qui est validé | Le cadenas du groupe : plus de déplacement accidentel. |
Les compositions de calques
Trois propositions au client, dans un seul fichierLe client veut voir « une version claire, une version sombre, une avec le slogan en bas ». Plutôt que trois PSD, le panneau Fenêtre › Compositions de calques mémorise des états du document.
- Règle la visibilité, la position et le style des calques pour la version 1.
- Panneau Compositions de calques, + : nomme la composition, coche ce qu'elle mémorise (visibilité, position, aspect).
- Change les calques pour la version 2, nouvelle composition. Et ainsi de suite.
- Un clic sur une composition rétablit son état. Fichier › Exportation › Compositions de calques en fichiers les exporte toutes d'un coup.
Tu t'en serviras en séance 5 pour comparer plusieurs générations d'IA : une composition par variante, et le client choisit.
Exporter les compositions
Fichier › Exportation › Comp. de calques en fichiers enregistre une image par composition, nommée d'après elle, dans le format choisi (JPEG, PNG, PDF…). Le client reçoit ses trois propositions sans que tu ouvres trois fois le PSD. Compositions de calques en PDF les réunit dans un seul PDF, une par page.
Quiz de fin de séance
Six questions pour vérifier que c'est acquisCes six questions reprennent toute la séance, au format et au niveau de la certification TOSA. Réponds sans revenir en arrière.
Moins de 4 sur 6 ? Reprends les modules 0 et 4 : la zone sûre et l'export (dimension, profil, poids) sont les trois pénalités de la grille de l'atelier 1.
STOP exercices. Tu as lu tout l'onglet et répondu à ses questions : arrête-toi ici, ne passe pas encore à l'onglet suivant. En cours, ton intervenant montre l'essentiel sur son écran, puis vous refaites ensemble :
- Le document de la bannière — atelier 1 : document, zone sûre, paramètre prédéfini
- Un PSD et un dossier de pro — atelier 1 : PSD en groupes nommés, dossier et sources.txt
Tu travailles seul ? Fais ces exercices maintenant, sur les trois fruits de l'atelier 1 (atelier1-citron-vert.jpg, atelier1-fraise.jpg, atelier1-pomme.jpg) (page Ateliers), puis passe à l'onglet suivant.