Peindre, mélanger les calques, écrire et livrer ton image
Dernière séance : les gestes qui donnent une intention à l'image. Garder une sélection sous forme de tracé, peindre au pinceau avec les bonnes couleurs, ranger et lier ses calques, les mélanger par un mode de fusion, puis poser un texte, régler le fond perdu et exporter au bon format. Tout ce qu'il faut pour ta couverture de portfolio.
Les images de la séance sont sur l'accueil du parcours : fond-photomontage.jpg et portrait-a-retoucher.jpg, et les fichiers du tatouage sur la page des ateliers. Garde Photoshop ouvert à côté du cours.
Garder une sélection en tracé de travail
Une sélection devenue tracé, enregistrée dans le fichierUne sélection se perd au premier Ctrl+D. Transformée en tracé, elle devient un contour vectoriel, net à toute taille, rangé dans le panneau Fenêtre › Tracés.
- Fais ta sélection (Sélection rapide, Sujet…).
- En bas du panneau Tracés, le bouton Convertir une sélection en tracé : un Tracé de travail apparaît.
- Un tracé de travail est provisoire : double-clic sur sa ligne pour l'enregistrer sous un nom.
- Pour retrouver la sélection, le bouton Récupérer le tracé comme sélection.
La Plume, qui dessine des tracés point par point, vient en deuxième année. En première année, le tracé sert à garder une sélection propre dans ton PSD.
Le pinceau
Taille, dureté, opacité : les trois réglages de tous les outilsLe Pinceau (B) est l'outil de base : ses réglages se retrouvent sur la gomme, le tampon, le correcteur, et sur tout ce qu'on peindra plus tard dans un masque.
| Réglage | Ce qu'il change | Raccourci |
|---|---|---|
| Taille | Le diamètre, en pixels. | [ réduit, ] agrandit |
| Dureté | 100 % : bord net. 0 % : bord très flou, qui se fond. | Maj+[ / ] |
| Opacité | La force de chaque passage, de 0 à 100 %. | Chiffres : 5 = 50 %, 0 = 100 % |
Sur un clavier français, les crochets demandent Alt Gr. Plus simple : Alt + clic droit maintenu, puis glisser à gauche ou à droite pour la taille, en haut ou en bas pour la dureté. Et Maj + clic trace une ligne droite depuis le dernier point peint.
Choisir et prélever une couleur
Premier plan, arrière-plan, pipette, nuancierEn bas de la barre d'outils, deux carrés : la couleur de premier plan (celle du pinceau) et celle d'arrière-plan (celle que révèle la gomme sur l'arrière-plan).
| Geste | Effet |
|---|---|
| D | Remet les couleurs par défaut : noir et blanc. |
| X | Intervertit premier plan et arrière-plan. |
| Clic sur un carré | Ouvre le sélecteur de couleurs, où l'on peut taper un code comme #6D28D9. |
| Pipette (I) | Prélève une couleur dans l'image. |
| Alt avec le pinceau | Fait apparaître la pipette le temps d'un clic. |
| Panneau Nuancier | Garde les couleurs d'un projet, rangées en groupes. |
Ton nuancier, c'est ton identité. Pour le portfolio, tu choisiras deux ou trois couleurs et tu les garderas dans les trois logiciels. Note leur code hexadécimal dès maintenant : c'est lui que tu retaperas dans Illustrator et InDesign. La fiche d'identité du portfolio vérifie même leur lisibilité.
Le nuancier
Les couleurs de ta fiche d'identité se gardent dans le panneau Fenêtre › Nuancier : dans le Sélecteur de couleurs, le bouton Ajouter au nuancier les y range sous un nom. Un clic sur une nuance la prend comme couleur de premier plan.
Organiser ses calques
Dupliquer, fusionner, grouper, déplacer, aligner| Geste | Raccourci | Quand |
|---|---|---|
| Dupliquer le calque | Ctrl+J | Avant une retouche risquée : on garde l'original en dessous. |
| Fusionner les calques sélectionnés | Ctrl+E | Quand plusieurs calques n'en font définitivement plus qu'un. À utiliser avec prudence. |
| Grouper | Ctrl+G | Ranger les calques d'un même élément dans un dossier : le titre, le logo, le fond. |
| Sélectionner plusieurs calques | Ctrl+clic ou Maj+clic | Pour les déplacer, les grouper ou les aligner ensemble. |
L'outil Déplacement (V)
Il déplace le contenu du calque actif. Deux réglages de sa barre d'options changent tout :
- Sélection automatique : cochée, un clic dans l'image active le calque qui se trouve sous la souris. Pratique avec quatre calques, piégeux avec quarante.
- Les boutons d'alignement : centrer un texte sur la page, aligner trois logos sur la même ligne, en un clic.
Les flèches du clavier déplacent le calque d'un pixel ; avec Maj, de dix. Idéal pour les ajustements fins.
Fusionner, c'est renoncer. Deux calques fusionnés ne se séparent plus une fois le fichier fermé. Un professionnel garde ses calques jusqu'au bout et fusionne le moins possible : le client demandera toujours « juste le logo un peu plus à gauche ».
Les modes de fusion
Mélanger un calque à ceux du dessousLe menu en haut du panneau Calques affiche « Normal » : le calque couvre ce qui est dessous. Les autres modes le mélangent au dessous, chacun selon une règle. Quatre suffisent pour l'essentiel :
| Mode | Règle | Usage typique |
|---|---|---|
| Produit | Le blanc disparaît, tout le reste assombrit. | Un tatouage sur la peau, un tampon sur du papier, une ombre. |
| Écran | Le noir disparaît, tout le reste éclaircit. | Des étincelles, de la lumière, une double exposition. |
| Incrustation | Renforce le contraste ; le gris moyen disparaît. | Une texture sur une photo, du relief. |
| Lumière tamisée | Comme Incrustation, en plus doux. | Un grain, un éclairage d'ambiance. |
Pour essayer vite : outil Déplacement actif, Maj++ fait défiler les modes un par un. Et l'opacité dose l'effet ensuite.
La double exposition, cette affiche où une forêt apparaît dans la silhouette d'un visage : un portrait sur fond clair, une forêt au-dessus en mode Écran, puis un masque pour choisir où elle se montre. Tu la tenteras en bonus de l'atelier 3.
Les filtres
Flouter, accentuer, liquéfier — de façon réversible| Filtre | Usage |
|---|---|
| Flou › Flou gaussien | Adoucir un fond pour détacher le sujet ; adoucir une ombre. |
| Renforcement › Accentuation | Redonner du piqué, en toute dernière étape, avant l'export. |
| Fluidité (Maj+Ctrl+X) | Pousser, gonfler, resserrer des pixels comme une pâte. |
| Galerie de filtres | Des effets de peinture, de dessin, de texture. |
Appliqué à un calque ordinaire, un filtre est définitif : travaille sur une copie du calque (Ctrl+J), et ajoute-lui un masque pour ne flouter que le fond.
Les filtres dynamiques, qu'on règle à nouveau d'un double-clic, viennent en deuxième année, avec les objets dynamiques.
Le texte
Écrire, choisir une police, hiérarchiser| Geste avec l'outil Texte (T) | Résultat |
|---|---|
| Un clic dans l'image | Texte de point : une ligne libre. Pour un titre. |
| Un glisser | Texte de paragraphe : un cadre où le texte revient à la ligne. Pour un bloc. |
Le panneau Caractère règle police, taille, interlignage et approche ; le panneau Paragraphe, l'alignement. Pour valider : clic sur la coche de la barre d'options, ou Ctrl+Entrée.
Photoshop n'est pas fait pour les longs textes. Un titre, un slogan, trois mots sur une couverture : oui. Un paragraphe, une biographie, un sommaire : c'est le travail d'InDesign, qui les gère bien mieux et les garde nets à l'impression. C'est pour cela que la 4ᵉ de couverture de ton portfolio laisse une zone vide : à compléter avec InDesign.
Les polices ont une licence. Les polices d'Adobe Fonts (incluses dans l'abonnement) et celles de Google Fonts sont sûres. Une police téléchargée sur un site gratuit ne l'est pas toujours pour un usage commercial : vérifie avant de t'en servir pour un client.
Repères, marges et fond perdu
Préparer une page pour l'imprimeurCtrl+R affiche les règles ; on tire un repère depuis une règle. Affichage › Repères › Nouvelle disposition de repères pose d'un coup des marges et des colonnes exactes. Les repères ne s'impriment pas et ne s'exportent pas.
| Zone | Règle |
|---|---|
| Fond perdu | Les images de fond dépassent de 3 mm tout autour du format : la découpe n'est jamais parfaite au millimètre. |
| Format fini | La page après découpe : 210 × 297 mm pour un A4. |
| Zone de sécurité | Textes et logos restent à 10 mm au moins du bord. |
Pour la couverture du portfolio : un document de 216 × 303 mm à 300 ppp (A4 + 3 mm de chaque côté), soit 2551 × 3579 px. Place un repère à 3 mm de chaque bord (format fini), et un autre à 13 mm (sécurité).
Tout est détaillé, avec des schémas, sur la page commune du portfolio : formats, zone réservée de la 4ᵉ de couverture, place des QR codes, nommage des fichiers.
Exporter et livrer
Le bon fichier, au bon format, avec le bon nom| Pour | Commande | Réglages |
|---|---|---|
| Un réseau social, un site | Fichier › Exportation › Exporter sous | JPEG qualité 75 à 85 %, taille exacte en pixels, « Convertir en sRVB » coché. |
| Un logo transparent | Exporter sous | PNG, transparence cochée. |
| InDesign, l'impression | Fichier › Enregistrer une copie | JPEG qualité maximale, ou PSD, à 300 ppp, taille réelle. |
| Un GIF animé | Fichier › Exportation › Enregistrer pour le Web (hérité) | Vu en deuxième année. |
Nommer ses fichiers
Pour le portfolio : NOM_Prenom_Portfolio_AAMM, puis la partie. Par exemple DUPONT_Lea_Portfolio_2610_couverture.jpg. Pas d'accent, pas d'espace : certains serveurs et imprimeurs les refusent.
Le relais vers les autres logiciels. Ta couverture et ta 4ᵉ de couverture sont complètes dans Photoshop — elles tiennent seules. Mais la zone réservée de la 4ᵉ attend son texte et son QR code : à compléter avec InDesign. Ton logo ou tes initiales : à compléter avec Illustrator, qui les dessine en vectoriel, nets à toutes les tailles. En attendant, un texte provisoire suffit.
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 4 et 8 : les modes de fusion et l'export au bon nom sont contrôlés par les ateliers 2 et 3.
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 tatouage fini, et le dépôt — atelier 2 : déposé
- La couverture et la 4ᵉ du portfolio — atelier 3 : les deux JPEG de 2551 × 3579 px, déposés
Tu travailles seul ? Fais ces exercices maintenant, sur ton PSD du tatouage, puis les gabarits atelier3-gabarit-couverture.png et atelier3-gabarit-4e-couverture.png (page Ateliers), puis passe à l'onglet suivant.