Photoshop BA3 · Mockups

Spécial Mockups : présente un visuel sur un produit, comme un pro

Tout le BA3 est dédié au mockup : plaquer un design sur un objet de façon réaliste. On part du plus simple (un paquet de chips) jusqu'au plus complexe (les reflets), en réinvestissant objets dynamiques, déformation, modes de fusion, masques et ombres.

📂 Les images. Le visuel à plaquer (le design) et le logo sont fournis. Les photos produit (paquet de chips, mug, bouteille, téléphone…) sont à déposer dans le dossier data/ de ce support — les exercices s'appuient dessus.

Avant de te lancer

Le mockup, c'est la compétence qui fait vendre : montrer un design sur son support réel.

💼

À quoi sert un mockup ?

Packaging, pub, e-commerce, présentation client : le mockup vend l'idée avant la fabrication.

Fiche métierDébouchés
🏋️

Les exercices (8 mockups)

Du paquet de chips aux reflets : 8 mockups guidés, du plus simple au plus complexe.

PratiqueProgressif

Le QCM final

40 questions sur les techniques de mockup, avec score et explications.

Auto-correctionRévision

Le parcours en 4 compétences

Une montée en difficulté progressive : préparer → déformer → intégrer → reflets. Progression enregistrée dans ce navigateur.

📦

Préparer le mockup

Le workflow mockup & l'objet dynamique (smart object) non destructif, l'organisation des calques, et un premier mockup simple : le paquet de chips.

Objet dynamiquePaquet de chips
Progression : 0%
🌀

Épouser la forme

Les transformations & la carte de déplacement pour que le visuel suive la surface : mug (courbe), tee-shirt (plis), panneau (perspective).

DéformationDéplacementPerspective
Progression : 0%
🎚️

Intégrer : lumière & matière

Fondre le visuel avec les ombres & lumières du support via les modes de fusion, les masques et les calques de réglages écrêtés : téléphone & bouteille.

Modes de fusionMasquesÉcran
Progression : 0%
💎

Ombres portées & reflets

Le niveau réalisme : ombre portée crédible, reflet au sol (copie miroir + flou), reflet sur surface vitrée, et les finitions de présentation.

OmbreRefletFinitions
Progression : 0%

Les images des exercices

Fournis ci-dessous le visuel à plaquer & le logo. Les photos produit sont à déposer dans data/ (mêmes noms) : leurs vignettes apparaîtront ici une fois ajoutées.

🎨visuel-a-appliquer.png
Le design à plaquer (fourni)
🏷️logo-skolae.png
Logo transparent (fourni)
🥔01-paquet-chips.jpg
à déposer — mockup paquet
02-mug.jpg
à déposer — surface courbe
👕03-tee-shirt.jpg
à déposer — plis du tissu
🪧04-panneau.jpg
à déposer — perspective
📱05-telephone.jpg
à déposer — écran
🍾06-bouteille.jpg
à déposer — étiquette cylindrique
🛍️07-produit-sol.jpg
à déposer — reflet au sol
🪟08-surface-vitree.jpg
à déposer — reflet sur verre

Comment utiliser ce site ? Chaque compétence est découpée en modules dépliables. Lis l'objectif 🎯, suis les étapes dans Photoshop, puis clique sur « Marquer comme terminé ». Fais ensuite les exercices (8 mockups progressifs) et termine par le QCM. Tout est sauvegardé dans ton navigateur.