Un visuel dans le monde réel, en perspective et en matière

Premier critère de la grille (3,5 points) : un fichier source prêt. Un mockup d'abribus avec une affiche de format paysage étirée en portrait ne trompe personne.

Support	Proportions du visuel
Affiche d'abribus (format « sucette »)	120 × 176 cm : portrait, environ 2:3
Panneau de métro	4 × 3 m, ou 16:9 pour un écran
Écran de drive-in	Paysage large, 16:9 ou plus
Textile (motif)	Un motif raccordable et bien plus grand que la surface

Recadrer sans rien perdre

Pour cadrer la scène du mockup, l'outil Recadrage a une case discrète : Supprimer les pixels rognés. Décochée, Photoshop masque ce qui dépasse au lieu de le jeter : un nouveau recadrage, ou l'outil Déplacement, retrouve tout. C'est le recadrage non destructif, indispensable quand le client change d'avis sur le format.

Le contenu d'un objet dynamique incorporé est un fichier PSB enfermé dans ton PSD : double-clic sur la vignette, il s'ouvre dans son propre onglet (.psb), tu le modifies, Ctrl+S, tu fermes — le mockup se met à jour avec toutes ses déformations.

Notion	Ce qu'il faut savoir
PSB (format de document volumineux)	Le PSD est limité à 2 Go et 30 000 px de côté ; au-delà, Enregistrer sous › Format de document volumineux (*.PSB), jusqu'à 300 000 px. Une affiche de 4 × 3 m à 150 ppp l'impose.
Objets imbriqués	Un objet dynamique peut en contenir un autre : le mockup de la canette contient l'étiquette, qui contient le logo. On modifie le logo une fois, tout suit.
Remplacer le contenu	Calque › Objets dynamiques › Remplacer le contenu : un autre fichier prend la place du visuel, avec les mêmes transformations. Le geste du modèle : dix secondes par nouvelle version.
Copie liée ou indépendante	Ctrl+J crée une copie liée (modifier l'une modifie l'autre) ; Nouvel objet dynamique par copie, une copie indépendante.

Transformation	Quand
Torsion (clic droit pendant Ctrl+T)	Une surface plane à quatre coins bien visibles : chaque coin se place librement. La méthode de deuxième année, toujours valable.
Perspective	Déplace les coins par paires symétriques : utile quand le support est vu bien de face, légèrement en hauteur.
Filtre › Point de fuite	Quand les coins sont cachés ou que la surface se prolonge (un mur, un quai de métro) : on trace un plan en perspective, puis on y colle le visuel.

Le point de fuite, pas à pas

1. Copie le visuel (Ctrl+A, Ctrl+C). Dans la scène, crée un calque vide.
2. Filtre › Point de fuite (Alt+Ctrl+V) : avec l'outil Créer un plan, clique les quatre coins de la surface, en suivant ses lignes. La grille devient bleue quand la perspective est cohérente (jaune ou rouge sinon).
3. Ctrl+V colle le visuel dans la fenêtre ; glisse-le dans le plan : il en prend la perspective. T pour le mettre à l'échelle.
4. OK : le visuel est posé sur le calque vide.

Pour un écran vu de biais (téléphone, tablette, panneau lumineux), on pose une forme à la place de l'écran, puis le visuel à plat dans la forme :

1. Dessine un rectangle-forme sans contour, aux proportions de l'écran (par exemple 1080 × 2340 pour un téléphone).
2. Clic droit › Convertir en objet dynamique. Baisse son opacité à 50 %, pour voir l'écran à travers.
3. Ctrl+T, clic droit › Torsion : place chaque coin sur un coin de l'écran. Entrée, puis remets l'opacité à 100 %.
4. Double-clic sur la vignette : l'objet s'ouvre (.psb). Importer et incorporer ton visuel, ajuste-le au rectangle sans le déformer.
5. Ctrl+S dans l'onglet PSB, puis ferme-le : l'écran affiche ton visuel, en perspective. Finitions : Fusion si pour les reflets, un masque pour les coins arrondis.

La déformation de la marionnette

Quand le support n'est pas plan — une banderole qui ondule, un bras, une écharpe — la torsion ne suffit plus. Édition › Déformation de la marionnette pose un maillage sur le calque : tu places des épingles sur les points qui ne doivent pas bouger, puis tu tires les autres. Sur un objet dynamique, la déformation reste réglable.

	Objet dynamique incorporé	Objet dynamique lié
Commande	Fichier › Importer et incorporer	Fichier › Importer et lier
Où est le visuel ?	Copié dans le PSD	Dans son propre fichier, à côté
Quand le visuel change	Il faut l'ouvrir et le modifier dans chaque PSD	Tous les mockups qui le lient se mettent à jour
Envoi à un tiers	Un fichier suffit	Envoyer aussi le fichier lié — ou Fichier › Assemblage…

Pour une campagne — la même affiche sur un abribus, un quai de métro, un écran — un objet dynamique lié fait gagner des heures : le client corrige une date, tu modifies le fichier source, les trois mockups suivent.

Incorporer un fichier d'Illustrator ou un PDF

Fichier › Importer et incorporer accepte aussi un .ai, un .pdf ou un .svg : le logo arrive en objet dynamique vectoriel, net à toutes les tailles. Double-clic sur sa vignette : il s'ouvre dans Illustrator ; tu l'enregistres, Photoshop le met à jour. Avec Importer et lier, il reste dans son propre fichier.

Un motif posé à plat sur une robe reste plat, même en Produit : les plis assombrissent, mais les lignes du motif ne se courbent pas. Le filtre Dispersion déplace les pixels du motif selon une carte en niveaux de gris : clair, ils montent ; foncé, ils descendent.

1. Détoure la robe, Ctrl+J : le calque robe.
2. La carte : duplique robe, désature (Maj+Ctrl+U), flou gaussien de 1 à 2 px. Enregistrer une copie en PSD : carte-dispersion.psd. Supprime ce calque.
3. Importe le motif en objet dynamique au-dessus de robe, écrête-le, mode Produit.
4. Filtre › Déformation › Dispersion : échelles horizontale et verticale de 10 à 20, Étirer pour ajuster, puis choisis carte-dispersion.psd.
5. Le motif ondule avec les plis. Sur un objet dynamique, c'est un filtre dynamique : augmente ou baisse l'échelle jusqu'au réalisme.
6. Finitions : Fusion si pour les reflets, une copie de robe en Produit par-dessus pour renforcer les ombres.

Élément	Comment
La lumière ambiante	Courbes et Balance des couleurs écrêtées sur le visuel : un abribus la nuit rend l'affiche plus sombre et plus chaude qu'en plein jour.
Le dégradé de lumière	Un calque écrêté, dégradé noir vers transparent, en Produit à faible opacité : le côté éloigné de la lampe s'assombrit.
Le reflet de la vitre	Une copie de la zone de la vitre d'origine, au-dessus du visuel, en Écran à 20-40 % : les reflets de la rue passent sur l'affiche.
Le rétroéclairage	Une affiche lumineuse (abribus, métro) est plus claire au centre : un halo doux en Densité couleur − ou en Écran.
Le grain	Le grain de la photo, reproduit sur le visuel (séance 2) : sans lui, le visuel paraît « collé ».

Dans la réalité, des éléments passent devant l'affiche : le cadre de l'abribus, un poteau, le bord de l'écran, un passant sur le quai. Si le visuel les recouvre, le mockup est faux.

1. Sélectionne l'élément qui passe devant (plume pour un cadre droit, Sélectionner le sujet pour un passant).
2. Sur le calque du visuel, ajoute un masque et peins en noir cet élément — ou mieux, Ctrl+J sur l'élément dans la photo d'origine, et place cette copie au-dessus du visuel.
3. Vérifie les contacts : le visuel rentre sous le cadre, sans liseré ni jour.

Les mockups vendus sur les banques d'images sont tous organisés de la même façon. Fais pareil : c'est ce que ton intervenant ouvrira.

Du haut vers le bas	Contenu
LISEZ-MOI	Un calque de texte masqué : « Double-clic sur VOTRE DESIGN ICI, collez, Ctrl+S. »
Le groupe Premier plan	Ce qui passe devant l'affiche : cadre, poteau, passant. Verrouillé.
Le groupe Effets	Reflets, lumière, ombres, grain, écrêtés sur le design. Verrouillé.
Le groupe VOTRE DESIGN ICI	L'objet dynamique, couleur d'étiquette rouge : le seul élément à modifier.
Le groupe Scène	La photo d'origine. Verrouillé.

À l'export : JPEG pour le web et les réseaux, PNG si le mockup a un fond transparent (un produit seul), à la taille du canal.

Ces six questions reprennent toute la séance, au format et au niveau de la certification TOSA. Réponds sans revenir en arrière.