Plaquer une image sur un objet avec photoshop : ombres et lumières

28/02/2014
par Joris Tricoire
Tutoriel

J’ai pensé à ce petit tutoriel photoshop en voyant trop d’incrustations peu réalistes sur Internet. La plupart du temps, l’image est simplement mise en mode « produit » sans se soucier des lumières. Cette technique peut faire illusion sur un objet n’ayant pas de reflets et éclairé de manière homogène, comme un t-shirt blanc par exemple, mais il est fréquent que les objets aient des reflets.

Prenons ici l’exemple extrême d’une voiture. Pour faire plaisir à ma belle-mère j’ai choisi cette DS5 flambant neuve. Comme elle brille !

 

photo non retouché de la DS5 - ©Flicktone

photo non retouchée de la DS5 – ©Flicktone

 

 

Tentons d’incruster sur le capot un gros logo Lotus histoire de faire plaisir cette fois-ci à mon beau-père.

 

Logo Team Lotus

 

Je vous passe l’étape de la mise en perspective du logo.

Si on utilise un simple mode « produit » sur le calque du logo, voilà ce que nous obtenons :

 

Mode Produit

 

Le logo s’incruste en prenant les ombres du capot mais ne prend pas les lumières. Les reflets brillants ont disparu, l’ensemble est trop sombre et trop peu réaliste.

 

La solution est de récupérer les lumières du capot de la voiture pour les placer au-dessus de notre image à incruster.

Concrètement :

  • cmd + clic  sur le calque du logo Lotus pour définir une sélection (oui je suis sur mac, pour les pauvres PC, remplacez cmd par ctrl).
  • Sélectionnez ensuite le calque de la photo de DS5 et faites : cmd + C puis cmd + V  , Cela va créer un nouveau calque. Renommez ce calque « reflets capot ».
  • Placer le calque « reflets capot » au dessus du logo Lotus et mettez-le en mode « superposition ».

 

palettes de calques

 

Vous devriez obtenir ça :

 

Incrustation terne

 

Le rendu va dépendre de votre photo d’origine. Plus l’objet sur lequel on souhaite plaquer une image est clair, plus le rendu sera clair. De plus, si jamais notre DS5 avait été rouge, cela aurait modifié la couleur du logo lotus, ce que l’on ne souhaite pas. Il manque donc encore deux dernières étapes afin d’obtenir un rendu plus précis :

 

  • Sélectionnez le calque « reflets capot » et faites une désaturation :  cmd + maj + U
  • Faites un réglage de niveaux : cmd + L et réglez les curseurs afin d’obtenir une image réaliste. Le plus souvent, il suffit de placer le curseur de gauche au pied de la courbe.

 

règlages

 

Voilà ce que l’on obtient donc au final (j’ai au passage ajouté le logo Renault pour faire plaisir aussi à mes parents, c’est quand même la base):

 

Incrustation finale

 

Donc si l’on compare au simple mode produit, la différence de réalisme parle d’elle même :

comparaison des incrustations

 

J’espère donc que ce petit didacticiel vous aura servi. Une fois le mécanisme compris, c’est très simple à faire.

incrustation
photoshop
tuto
tutoriel
  9 141