Comment faire des changements de perspective parfaits dans Photoshop pour les images et les logos

Il est assez facile de superposer un logo sur quelque chose dans Photoshop. Mais que se passe-t-il si votre photo de base n’est pas frontale, de sorte qu’un logo carré (ou toute autre image) sera asymétrique? Voici comment aligner la première image avec la perspective correcte.

Utilisation de l'outil de transformation pour des correspondances parfaites

Utilisons une image d'écran de gadget comme base: un besoin commun pour les spécialistes du marketing (ou les rédacteurs Web comme moi). Notre image source ici est une Nintendo Switch avec un écran 16: 9 normal, mais nous devons mettre une capture d'écran de quelque chose d'autre, disons une image de Zelda au lieu de Mario. Voici les photos que je vais utiliser pour que vous puissiez les saisir et les pratiquer vous-même:

Mettez en surbrillance la capture d'écran dans l'outil Calques, puis activez l'outil Transformation avec le raccourci Ctrl + T sous Windows ou Commande + T sous macOS..

Si vous utilisez Photoshop depuis un certain temps, vous êtes probablement déjà à l'aise avec l'outil de transformation gratuite: vous devez savoir comment déplacer l'image, la réduire ou la développer ou la faire pivoter. Mais vous pouvez également le biaiser considérablement, suffisamment pour vous permettre de le modifier pour modifier la perspective et le faire correspondre à l'image ci-dessous. Voici un exemple assez simple: nous allons faire correspondre cette capture d'écran rectangulaire de Zelda à l'écran rectangulaire du commutateur, un simple mouvement d'angle à angle.

Maintenez le bouton Ctrl sous Windows ou le bouton Commande sous Mac enfoncé, puis cliquez sur l'un des carrés blancs situés dans le coin de la capture d'écran et faisant partie de l'outil Transformer. En maintenant enfoncée la touche Ctrl et le bouton gauche de la souris, faites glisser l'un des coins de la capture d'écran supérieure vers le coin correspondant sur l'écran du commutateur sur l'image ci-dessous. Zoomez sur la vue en pixels si vous devez la faire correspondre parfaitement.

Vous remarquerez qu'au lieu de l'action normale de redimensionnement, le modificateur Ctrl ou Commande vous permet de saisir un coin de l'image et de le déplacer pendant que les quatre autres coins restent en place..

Répétez cette étape pour les quatre coins suivants, en déplaçant l'image de la capture d'écran sur l'écran du commutateur situé en dessous. N'appliquez pas la transformation avant d'avoir terminé, sinon vous ne pourrez plus reprendre les quatre coins: ils seront remplis de transparence. Vous pouvez faire en sorte que le calque supérieur s'étende d'un pixel ou deux au-delà du bas pour couvrir complètement l'écran situé en dessous. Appuyez sur Entrée pour fermer l'outil de transformation..

Parce que l'écran du téléphone et l'image de la capture d'écran ont le même rapport d'aspect, cette petite couverture convient parfaitement et ne nécessite aucune modification supplémentaire. Passons à quelque chose d'un peu plus délicat.

Utilisation de l'outil de transformation sur des images de taille inhabituelle

Supposons que vous ayez cette image d'un ordinateur portable Mac et que vous ne souhaitiez pas utiliser le logo Apple dans une publicité. Vous préférez montrer le logo de votre entreprise. Je vais utiliser un logo circulaire Geek Review à titre d'exemple. Les deux images source sont ci-dessous..

Vous souhaitez donc recouvrir le logo Apple de la même manière que l'écran du téléphone auparavant, mais maintenant le plan de l'image source (le couvercle de l'ordinateur portable) ne correspond pas au calque que vous souhaitez ajouter (le logo circulaire), et vous devez toujours Gardez la perspective juste. Dans ce cas, nous allons utiliser quelque chose d'autre sur la photo comme guide: le couvercle à peu près rectangulaire de l'ordinateur portable. Nous allons associer la perspective du logo au couvercle de l'ordinateur portable, puis l'adapter à la taille souhaitée tout en gardant la perspective verrouillée.

Pour commencer, appuyez sur Ctrl + T ou Commande + T avec le calque supérieur sélectionné pour ouvrir à nouveau l’outil de transformation. Maintenant, appuyez sur Ctrl + Clic ou Commande + Clic, sélectionnez les carrés-guides aux coins du calque du logo et faites-les correspondre avec les coins du couvercle de l'ordinateur portable. Les coins sont arrondis, mais vous pouvez utiliser les bords du couvercle et le guide de transformation pour les aligner..

Parce que le couvercle de l'ordinateur portable n'est pas carré, votre cercle est un peu trop large. Vous pouvez l'ajuster à une transformation de taille carrée. Vous pouvez regarder cela si cela n'a pas besoin d'être parfait, ou faire pivoter le calque en dessous et utiliser les guides de règle de Photoshop si vous avez besoin de plus de précision. Appuyez sur Entrée pour appliquer la transformation lorsque vous êtes prêt..

Vous avez maintenant une image carrée sur l’écran de votre ordinateur portable et elle est parfaitement adaptée au logo Apple situé en dessous. Vous devez le dimensionner afin qu'il ne semble pas hors de propos. Lorsque l'outil de transformation est actif, maintenez les touches Alt + Maj sous Windows ou Option + Maj sous Mac, puis cliquez sur l'un des coins et faites-le glisser vers l'intérieur pour réduire l'image du logo, afin qu'elle ne soit pas beaucoup plus grande que le logo Apple..

Voici le résultat final:

Si l'image du bas est assez régulière et que l'inclinaison de perspective est prévisible d'un côté, vous pouvez maintenir les touches Ctrl + Alt + Maj sous Windows ou Commande + Option + Maj sous Mac pour utiliser l'outil Transformer en mode Inclinaison. Il est plutôt rare que votre image s’aligne parfaitement pour cela, bien que.

Utilisation de la transformation libre sur des surfaces irrégulières

Bon, vous pouvez maintenant faire correspondre une perspective et redimensionner à votre guise. Mais que se passe-t-il si vous essayez d'obtenir quelque chose sur une surface qui n'est pas plane? Essayons encore un exemple: mettre le logo Review Geek sur une balle. Encore une fois, utilisez les images ci-dessous dans votre copie de Photoshop pour vous exercer.

En utilisant les outils que vous avez appris dans les sections précédentes, il est facile de placer l’image du logo sur le dessus de la balle et même d’ajuster sa perspective en fonction de l’orientation de la balle elle-même. Mais le fichier du logo a l’air bizarre parce qu’il est plat et que la surface de la balle n’est pas.

Pour résoudre ce problème, appuyez sur Ctrl + T ou Commande + T pour activer l'outil de transformation et regardez en haut de la fenêtre Photoshop. Vous recherchez le bouton rectangulaire incurvé qui active le mode Warp. Cliquez dessus.

Avec l'outil de transformation en mode Déformation, vous pouvez déplacer l'image à tout moment, à l'intérieur ou à l'extérieur, et pas seulement dans les coins. Cela vous permet de cliquer et de faire glisser différentes parties de l'image dans des positions irrégulières. Vous verrez les neuf lignes directrices se déplacer avec l'image, vous aidant à voir comment vous avez changé les choses..

L'outil Warp nécessite une certaine pratique pour être utilisé efficacement. Vous devrez peut-être annuler et rétablir votre travail plusieurs fois. Mais en quelques minutes, vous devriez être capable de bien épouser la courbe de la balle. Appuyez sur Entrée pour appliquer la transformation..

Pour les surfaces un peu plus prévisibles, mais toujours trop irrégulières par rapport à l'outil de transformation habituel, vous pouvez utiliser les outils de déformation prédéfinis situés à droite du menu supérieur..

Vous pouvez combiner les techniques ci-dessus avec d'autres outils de Photoshop, tels que corrections de couleur, courbes, filtres, flous, etc., pour que votre calque supérieur corresponde à votre calque inférieur. Jouez avec ces outils et vous ferez rapidement correspondre les logos et les captures d'écran.

Crédit d'image: Shutterstock / Wachiwit, Studio Shutterstock / Africa, Shutterstock / Ygor, Yiorgos GR / Shutterstock.com, Nintendo