Il est assez simple de superposer un logo sur une image dans Photoshop. Cependant, comment faire lorsque la photo de base n’est pas prise de face, ce qui fausserait l’apparence d’un logo carré (ou de toute autre image) ? Voici une méthode pour aligner une image sur une autre en respectant la perspective.
Utiliser l’outil de transformation pour un ajustement parfait
Prenons comme exemple l’image d’un écran de gadget, un besoin fréquent pour les professionnels du marketing (ou les rédacteurs web). Notre image de base est ici une Nintendo Switch avec un écran 16:9. Nous voulons y insérer une capture d’écran différente, par exemple, une image de Zelda à la place de Mario. Voici les images que j’utiliserai pour que vous puissiez vous entraîner vous-même :
Sélectionnez l’image de la capture d’écran dans le panneau Calques, puis activez l’outil Transformation en utilisant le raccourci Ctrl + T sous Windows ou Cmd + T sur macOS.
Si vous utilisez Photoshop depuis un certain temps, vous êtes probablement familier avec l’outil de transformation : vous savez comment déplacer, redimensionner ou faire pivoter une image. Il permet également de l’incliner considérablement, ce qui est parfait pour modifier la perspective et l’adapter à l’image sous-jacente. Dans cet exemple, il est assez simple de faire correspondre la capture d’écran rectangulaire de Zelda à l’écran rectangulaire de la Switch en déplaçant simplement les coins.
Maintenez la touche Ctrl sous Windows ou la touche Cmd sur Mac enfoncée, puis cliquez sur l’un des petits carrés blancs situés aux coins de la capture d’écran qui font partie de l’outil Transformation. En maintenant la touche Ctrl (ou Cmd) et le bouton gauche de la souris enfoncés, déplacez un coin de l’image supérieure vers le coin correspondant de l’écran de la Switch sur l’image inférieure. Zoomez si nécessaire pour un ajustement parfait.
Vous remarquerez qu’au lieu d’un redimensionnement classique, la touche Ctrl (ou Cmd) vous permet de saisir et déplacer un coin de l’image tandis que les trois autres restent fixes.
Répétez cette étape pour les trois autres coins, en déplaçant l’image de capture d’écran sur l’écran de la Switch. N’appliquez pas la transformation tant que vous n’avez pas terminé, car il ne sera plus possible d’ajuster les coins. Vous pouvez laisser la couche supérieure dépasser légèrement celle du bas afin de vous assurer qu’elle recouvre complètement l’écran. Appuyez sur Entrée pour valider la transformation.
Comme l’écran du téléphone et la capture d’écran ont le même format, ce remplacement s’ajuste parfaitement et ne nécessite aucune modification supplémentaire. Passons à un exemple plus complexe.
Utiliser l’outil de transformation sur des images de tailles différentes
Imaginez que vous ayez une image d’un ordinateur portable Mac et que vous ne souhaitiez pas y afficher le logo Apple dans une publicité. Vous préférez montrer le logo de votre entreprise. J’utiliserai un logo circulaire de Review Geek comme exemple ; les deux images sources sont ci-dessous.
Vous voulez donc recouvrir le logo Apple comme l’écran du téléphone précédemment, mais cette fois la surface de l’image source (le couvercle de l’ordinateur portable) ne correspond pas à la forme de la couche que vous souhaitez ajouter (le logo circulaire). Vous devez tout de même conserver la perspective correcte. Dans ce cas, nous allons utiliser un autre élément de la photo comme guide : le couvercle rectangulaire de l’ordinateur. Nous allons faire correspondre la perspective du logo au couvercle de l’ordinateur, puis le redimensionner tout en conservant la perspective.
Pour commencer, appuyez sur Ctrl + T ou Cmd + T avec le calque du logo sélectionné pour ouvrir l’outil Transformation. Maintenez la touche Ctrl ou Cmd enfoncée et cliquez sur les carrés de guidage aux coins du logo, puis faites-les correspondre aux coins du couvercle de l’ordinateur. Les coins sont arrondis, mais vous pouvez utiliser les bords du couvercle et le guide de transformation pour l’alignement.
Comme le couvercle de l’ordinateur n’est pas carré, votre cercle est un peu trop large. Vous pouvez ajuster cela en utilisant l’outil de transformation classique pour redimensionner. Vous pouvez faire des ajustements visuels si la perfection n’est pas requise, ou faire pivoter le calque inférieur et utiliser les règles de Photoshop pour plus de précision. Appuyez sur Entrée pour valider la transformation.
Vous avez maintenant une image carrée sur l’écran de l’ordinateur, avec la bonne perspective pour correspondre au logo Apple en dessous. Il faut la redimensionner pour qu’elle soit à la bonne taille. Avec l’outil Transformation actif, maintenez Alt + Maj sous Windows ou Option + Maj sur Mac, puis cliquez sur un coin et déplacez-le vers l’intérieur pour réduire l’image du logo, de façon à ce qu’il soit à peu près de la même taille que le logo Apple.
Voici le résultat final :
Si votre image du bas est assez régulière, avec une inclinaison de perspective prévisible d’un côté, vous pouvez maintenir Ctrl + Alt + Maj sous Windows ou Cmd + Option + Maj sur Mac pour utiliser l’outil de transformation en mode Inclinaison. Cependant, il est rare que votre image s’aligne parfaitement pour cette fonctionnalité.
Utiliser la transformation libre sur des surfaces irrégulières
Bien, vous savez maintenant faire correspondre une perspective et redimensionner si nécessaire. Mais que faire si vous souhaitez afficher un élément sur une surface qui n’est pas plane ? Essayons un autre exemple : insérer le logo de Review Geek sur une balle. Une fois de plus, utilisez les images ci-dessous dans votre copie de Photoshop pour vous entraîner.
En utilisant les outils que vous avez appris dans les sections précédentes, il est facile d’insérer l’image du logo sur la balle et d’ajuster sa perspective pour qu’elle corresponde à l’orientation de la balle. Cependant, le logo a l’air étrange, car il est plat alors que la surface de la balle est incurvée.
Pour corriger cela, appuyez sur Ctrl + T ou Cmd + T pour activer l’outil Transformation et regardez en haut de la fenêtre Photoshop. Vous cherchez le bouton rectangulaire incurvé qui active le mode Déformation. Cliquez dessus.
Avec l’outil de transformation en mode Déformation, vous pouvez déplacer l’image à l’intérieur ou à l’extérieur, et pas uniquement sur les coins. Cela vous permet de cliquer et de glisser différentes parties de l’image dans des positions irrégulières. Vous verrez un guide de neuf points suivre l’image, vous aidant à visualiser vos modifications.
L’outil Déformation demande un peu de pratique pour être utilisé efficacement. Vous aurez peut-être besoin d’annuler et de refaire votre travail plusieurs fois. Cependant, en quelques minutes, vous devriez être capable de faire correspondre correctement la courbure de la balle. Appuyez sur Entrée pour valider la transformation.
Pour les surfaces un peu plus régulières, mais toujours trop irrégulières pour l’outil de transformation normal, vous pouvez utiliser les outils de déformation prédéfinis situés sur le côté droit du menu supérieur.
Vous pouvez combiner les techniques ci-dessus avec tous les autres outils de Photoshop, tels que les corrections de couleur, les courbes, les filtres, les flous, etc., pour faire en sorte que votre calque supérieur s’adapte parfaitement à votre calque inférieur. Entraînez-vous avec ces outils et vous serez bientôt capable d’ajuster des logos et des captures d’écran avec facilité.
Crédits d’images : Shutterstock / Wachiwit, Shutterstock / Africa Studio, Shutterstock / Ygor, Yiorgos GR / Shutterstock.com, Nintendo