Photoshop BA3 · Mockups
Exercices pratiques · 8 mockups

Du paquet de chips… aux reflets

Huit mockups à réaliser dans l'ordre, de la surface la plus simple (plane) à la plus complexe (vitrée, avec reflets). Chacun réutilise le visuel à plaquer fourni sur ta photo produit. Déplie la solution pour vérifier la démarche.

🏋️ 8 mockups 🧩 + 1 mini-projet 📈 difficulté croissante

🎨 Le visuel à plaquer : visuel-a-appliquer.png (ou logo-skolae.png). Les photos produit (01-paquet-chips.jpg08-surface-vitree.jpg) sont dans data/. Réflexe : objet dynamique + travail non destructif.

📦 Niveau 1 Surfaces simples

Mockup 1 · ⭐ le plus simple

Le paquet de chips

Plaque le visuel sur la face du paquet (objet dynamique), redimensionne-le, passe-le en Produit pour récupérer les plis, et masque ce qui déborde.

🥔 Photo : 01-paquet-chips.jpg + visuel-a-appliquer.png

Voir la démarche
Importer/incorporer le visuel (objet dynamique) › Ctrl+T pour couvrir la face › mode Produit (ou Incrustation + opacité) › masque de fusion pour les bords.
Mockup 2 · ⭐⭐

Le mug

Cintre le visuel sur la surface courbe du mug (Déformation › Arc), atténue les bords, et intègre le galbe avec un mode de fusion.

Photo : 02-mug.jpg + le visuel

Voir la démarche
Visuel en objet dynamique › Ctrl+T › Déformation › Arc pour suivre la courbe › masque + dégradé sur les bords › Produit pour le galbe.

🌀 Niveau 2 Plis & perspective

Mockup 3 · ⭐⭐

Le tee-shirt (carte de déplacement)

Fais suivre les plis du tissu au visuel grâce à une carte de déplacement (Filtre › Déformation › Dispersion), puis fonds-le en Produit.

👕 Photo : 03-tee-shirt.jpg + le visuel

Voir la démarche
Crée la carte (tee-shirt en niveaux de gris + flou léger, enregistrée en PSD). Place le visuel › Filtre › Déformation › Dispersion › choisis la carte › mode Produit + opacité.
Mockup 4 · ⭐⭐

Le panneau / l'affiche (perspective)

Cale le visuel sur le panneau vu de biais avec la méthode des 4 coins (Déformation), puis ancre-le avec un peu de lumière.

🪧 Photo : 04-panneau.jpg + le visuel

Voir la démarche
Visuel en objet dynamique › Ctrl+T › Déformation › amène les 4 poignées d'angle pile sur les 4 coins du panneau. Mode de fusion / léger calque d'ombre pour intégrer.

🎚️ Niveau 3 Intégration fine

Mockup 5 · ⭐⭐⭐

L'écran de téléphone

Place le visuel dans l'écran (perspective 4 coins), recrée le reflet de l'écran et une lueur, arrondis les coins au masque.

📱 Photo : 05-telephone.jpg + le visuel

Voir la démarche
Visuel calé à l'écran (4 coins). Calque blanc en biais (faible opacité, Superposition) = reflet ; légère lueur ; masque pour arrondir les coins de la dalle.
Mockup 6 · ⭐⭐⭐

L'étiquette de bouteille

Pose l'étiquette sur le cylindre (Déformation › Arc + atténuation des bords) et restitue le galbe (ombres côtés, lumière centre).

🍾 Photo : 06-bouteille.jpg + le visuel

Voir la démarche
Cintre l'étiquette (Arc), masque dégradé sur les bords gauche/droite, mode Produit + calque d'ombrage écrêté pour le galbe.

💎 Niveau 4 Reflets (le plus complexe)

Mockup 7 · ⭐⭐⭐

Le reflet au sol

Le produit (avec son visuel) est posé sur une surface brillante : crée son reflet (copie miroir verticale + dégradé d'opacité + flou) et une ombre de contact.

🛍️ Photo : 07-produit-sol.jpg + le visuel

Voir la démarche
Duplique le produit › Symétrie axe vertical › cale le sommet du reflet sous la base › masque + dégradé noir/blanc › opacité 20–40 % + flou. Ajoute une ombre de contact nette.
Mockup 8 · ⭐⭐⭐⭐ le plus complexe

Le reflet sur surface vitrée

Sur du verre : un reflet translucide et déformé par-dessus ce qu'on voit à travers. Reflet + transparence + déformation + reprise au pinceau.

🪟 Photo : 08-surface-vitree.jpg + le visuel

Voir la démarche
Reflet (copie miroir) adapté à l'angle du verre (déformation) › opacité faible + mode Superposition/Densité − (translucide) › masque les zones sans reflet › flou directionnel léger › reprise au pinceau doux pour les raccords.

🧩 Projet Mini-projet de synthèse

Projet · ⭐⭐⭐⭐ scène complète

La présentation packaging « studio »

Réalise un mockup de présentation complet et réutilisable :

  1. Choisis un produit (paquet ou bouteille) et plaque le visuel via objet dynamique (déformation adaptée à la surface).
  2. Intègre la lumière (mode de fusion + calque d'ombrage écrêté + accord colorimétrique).
  3. Pose-le sur un fond studio avec une ombre portée réaliste et un reflet au sol.
  4. Finitions : calque de réglage global, piqué (passe-haut).
  5. Garde le PSD et exporte un JPEG de présentation. Teste « Remplacer le contenu » de l'objet dynamique avec le logo : ta scène doit se mettre à jour toute seule.

🎨 Visuels : visuel-a-appliquer.png + ta photo produit

Tu as réalisé les 8 mockups ? Direction le QCM final (40 questions) pour valider les techniques.