L'outil Déformation de perspective dans Adobe Photoshop

1. « Warp » de perspective: [MUSIQUE] Voulez-vous apprendre le célèbre outil Photoshop Perspective Warp ? Ce cours court est fait pour vous. m'appelle Keith et je suis instructeur Adobe au premier centre de formation Adobe au Royaume-Uni à Londres. Je suis graphiste et designer de chaussures qui a travaillé avec Jimmy Choo et Sophia Webster. La distorsion de la perspective modifie essentiellement la perspective d'une image pour qu'elle s'adapte parfaitement à un écran, qu'il s'agisse d'un téléphone portable, d'un iPad ou d'un ordinateur. Il est souvent utilisé pour afficher ses sites Web sur cet écran, pour encourager les spectateurs à se diriger vers votre site Web et à créer des engagements. Nous allons nous entraîner avec quelques images, l' sera un écran d'ordinateur et l'autre sera un téléphone portable. Nous utiliserons également des ajustements d'image et modifierons les filtres, la luminosité et les contrastes, ainsi que le changement de couleur pour garantir que notre image soit transparente et la plus réaliste possible. N'hésitez pas à capter l'écran de vos images, de vos sites Web, de tout ce que vous souhaitez afficher, et de les utiliser dans ces exercices pour les approprier. J'ai hâte de voir ce que vous avez imaginé. Commençons donc. 2. Préparer les fichiers: [MUSIQUE] Les gars, êtes-vous prêt à commencer à apprendre l'outil de distorsion de perspective ? C'est un outil super cool et il n'est pas si difficile à utiliser. C'est excitant. Ce que nous allons apprendre dans ce cours, c'est comment utiliser l'outil Perspective Warp sur un écran d'ordinateur, comme indiqué ici. Cela signifie simplement changer la perspective de cette image pour qu'elle soit ici. Comme vous pouvez le voir, je l'ai fait ici avec une capture d'écran d'un de mes cours Skillshare, et ici une autre image. Nous allons également apprendre cela avec un téléphone. En plus de cela, nous allons apprendre comment masquer ou masquer un peu ici à l'aide du masque de calque, comment modifier les réglages et les couleurs de l'image et ajouter un filtre à cette image pour qu'elle soit plus réaliste. C'est super cool. Maintenant, tout d'abord, parlons des fichiers, préparons nos fichiers. Vous devriez recevoir un fichier zip appelé Perspective Warp. Si vous double-cliquez sur ce fichier zip, il se développera dans un dossier et vous pourrez accéder à tous les fichiers qu'il contient. Je vais simplement supprimer ce dossier car il s'agit d'une copie. Si vous ouvrez ce dossier que vous possédez, les images d' arrière-plan s'affichent. Il s'agit d'un jeu supplémentaire avec lequel vous pourrez jouer plus tard. Les exemples des images que j'ai créées et des images que nous allons placer sur nos écrans. Maintenant, je viens de prendre quelques captures d'écran de mon profil Skillshare. Mais n'hésitez pas à capter l'écran de vos propres sites Web, vos propres images ou de tout ce que vous souhaitez afficher. 3. Warp de perspective expliqué: Commençons et voyons Adobe Photoshop. Si vous pouvez accéder à Photoshop, nous allons ouvrir cette image dès maintenant en allant dans Fichier, Ouvrir en tant qu'objet intelligent. Maintenant, un objet intelligent vous permet essentiellement de conserver l'image et d'effectuer modifications qui ne sont pas permanentes, de sorte que vous puissiez toujours la modifier et apporter des modifications si vous le souhaitez. Prenez l'habitude de vous ouvrir en tant qu' objet intelligent et d'ouvrir cette image d'ordinateur. Ce sera le contexte. Ouvre-le, et on y va. Maintenant, ce que nous allons faire maintenant, c'est que nous allons placer une image par-dessus tout cela, nous allons y aller directement. Pour ce faire, nous devons aller dans File, Place Embedded. Cela placera une image ainsi qu'un objet intelligent, ce qui signifie, encore une fois, que nous pouvons effectuer des modifications et qu'ils ne sont pas permanents. Maintenant, je veux que vous choisissiez des images et que vous sélectionniez l'une des images paysagères que vous voulez ou vos propres images, assurez-vous que c'est un paysage, car l'écran de l'ordinateur ici est une image de paysage. Je vais choisir celui-là. Quelle belle image. Je veux vraiment y être en ce moment. Cliquez sur « Place ». Nous allons maintenant redimensionner cette image en cliquant avec le bouton gauche et en faisant glisser depuis les coins comme ici, approximativement. Lorsque vous êtes satisfait de sa taille, vous appuyez sur « Entrée ». Nous allons directement vers la distorsion de la perspective, ce qui est vraiment facile. Il ne s'agit que de quelques pas. Nous devrons d'abord passer à Edit Perspective Warp. Pour ce faire, il y a deux étapes à suivre. La première étape consisterait à définir le plan en cliquant et en faisant glisser le curseur à l'intérieur des bordures de l'image. Lorsque vous avez terminé, vous appuyez sur « Entrée » ou « Retour ». Nous en sommes maintenant à la deuxième étape. Vous verrez les épingles devenir noires, ce qui signifie que nous pouvons maintenant les déplacer. Vous pouvez cliquer, faire glisser et aligner les épingles sur les coins de l'écran, ce qui est super cool, je pense. Cliquez et faites glisser et alignez-le autant que possible sur les coins. Lorsque vous êtes semi satisfait de cela, vous pouvez simplement appuyer sur « Entrée » et c'est votre point de vue. Maintenant, la bonne nouvelle est que si vous n'êtes pas entièrement satisfait de cela, vous pouvez toujours modifier la distorsion de perspective. Pour ce faire, vous allez dans le panneau Calques ici et vous verrez une distorsion de perspective. Si vous ne le voyez pas, cela signifie que votre image n'était pas un objet intelligent. Vous souhaitez donc simplement ouvrir l'image à nouveau en tant qu'objet intelligent. Maintenant, si vous double-cliquez sur la distorsion de perspective, vous êtes de retour sur les épingles noires, ce qui signifie que vous pouvez les modifier à nouveau et les déplacer. Encore une fois, appuyez sur « Entrée » lorsque vous êtes satisfait. 4. Ajustement d'images: Génial. Maintenant, je vais vous montrer comment effectuer quelques ajustements mineurs à nos images, modifier des éléments comme la luminosité ou le contraste, ou les couleurs, ajouter un flou, ce qui est idéal pour rendre l'image plus réaliste. Pour ce faire, vous devez accéder aux réglages de l'image et vous verrez une liste complète de réglages d'image. Vous obtiendrez de la luminosité et du contraste, et tous ces éléments sont similaires à ceux que vous modifiez une image sur Instagram ou sur votre téléphone. J'aimerais que vous choisissiez la luminosité et contraste et que vous jouiez avec la luminosité. Vous verrez l'image devenir plus lumineuse ou moins lumineuse. La lumière semble plutôt être en veille et continue de contraste également. Vous avez la liberté ici, la liberté artistique de jouer avec cela. Lorsque vous êtes satisfait de l'apparence de quelque chose, vous cliquez sur « OK ». Encore une fois, cela peut être modifié et modifié ici en double-cliquant sur la luminosité et le contraste, et encore une fois, vous pouvez modifier cela. C'est génial car si jamais vous commettez des erreurs, vous pouvez toujours les modifier. J'aimerais que cela existe également dans la vraie vie, mais maintenant nous pouvons revenir aux ajustements d'image et vous pouvez également changer la vibrance, disons. Nous pouvons rendre les couleurs plus vives ou moins vibrantes. Il aura l'air un peu plus doux, un peu plus lavé et similaire avec saturation. Encore une fois, vous avez la liberté artistique ici, ce que vous pensez être le mieux. Lorsque vous avez terminé, cliquez sur « OK ». Maintenant, je vais vous montrer comment ajouter un filtre de flou et comment flouter cette image essentiellement. C'est génial parce que parfois cela le rendra un peu plus réaliste. Nous frappons quelques oiseaux avec une pierre ici. Réglages de l'image, filtres, distorsion de perspective. Si nous allons filtrer le flou, il y a un flou que j'aime utiliser appelé Flou gaussien Si vous sélectionnez cela, vous pouvez augmenter le flou. Vous verrez qu'il va beaucoup flouter, mais c'est un peu beaucoup. Je peux rendre ça un peu plus flou. Juste un peu. Lorsque vous êtes satisfait de cela, vous cliquez sur « OK ». C'est la première image réalisée. Maintenant, je crois vraiment à la répétition. Nous allons encore pratiquer cela avec une autre image. 5. Enregistrement et exportation: La répétition est essentielle ici. Nous allons refaire tout ce processus avec une autre image avec une capture d'écran cette fois-ci. Ce que nous allons faire, c' est que nous allons temporairement cacher cette image. Nous le faisons en cliquant sur le petit œil que vous voyez. Si vous cliquez dessus, il le cachera temporairement pour qu' il ne nous dérange pas. Nous allons maintenant répéter ce processus en allant Fichier, Place Embedded. Ici encore, c' est ici que vous pouvez choisir votre propre capture d'écran de votre site Web de tout ce que vous souhaitez afficher. Je pourrais choisir ce type ici et cliquer sur « Place ». Encore une fois, vous cliquez et faites glisser le curseur, et vous définissez approximativement la taille de l'écran réel. Mais encore une fois, il n'est pas nécessaire que ce soit parfait. C'est bon. Lorsque vous avez terminé, vous appuyez sur « Entrée » ou « Retour ». Ensuite, vous allez dans Edit, Perspective Warp et répétez tout le processus. Vous cliquez et faites glisser le curseur pour définir le plan, appuyez sur « Retour » et faites glisser les épingles vers les coins. Encore une fois, lorsque vous avez terminé, vous appuyez sur « Retour ». Il y a une petite modification qui doit se produire ici. Pas de problème. Ne stressez pas. Revenez simplement à Perspective Warp ici, double-cliquez et modifiez simplement les épingles en conséquence, puis Retournez. Vous pouvez répéter tout le processus que je vous ai montré précédemment pour les ajustements de l'image en allant dans Image, Réglages et modification de la luminosité et du contraste, de la vibrance , etc., et flou. Retournez à Filtre, Flou, Flou Gaussien. Maintenant, bien sûr, n'hésitez pas à explorer tous les ajustements d'image qui se trouvent ici. Il y en a quelques-uns. Vous pouvez le rendre noir et blanc et des trucs comme ça. Jouez un peu avec ça et changez cela à votre époque. C'est génial. Nous en avons fini avec ça. Maintenant, vous pouvez cacher celui-ci et ensuite montrer l'autre si vous préférez celui-ci. C'est vraiment génial. Si vous souhaitez enregistrer cette image en tant que fichier Photoshop ou JPEG, vous devez aller dans Fichier, Enregistrer sous, Enregistrer sur votre ordinateur, enregistrer quelque part. Enregistrez-le dans ce dossier. Vous pouvez l'enregistrer en tant que fichier Photoshop ou JPEG. Cliquez sur « Enregistrer ». Ici, vous pouvez changer si vous voulez qu'il s'agisse d'un petit fichier, mauvaise qualité ou de grande qualité, de haute qualité. Cliquez ensuite sur « OK ». C'est notre deuxième image réalisée. 6. Warp : Sur un écran de téléphone: Fermons maintenant ce hub en cliquant sur le petit x ici. Nous allons répéter tout ce processus, mais avec l'image d'un téléphone, et nous allons apprendre quelques astuces précieuses sur Photoshop. Allons dans Fichier, ouvrons un objet intelligent et cette fois, sélectionnez l'image de publication Instagram. Cliquez sur Ouvrir, c'est là. Cette fois, il s'agit d'une image de portrait, ce qui signifie que nous allons placer une image portrait à l'intérieur. Nous allons à nouveau dans Fichier, Placer Embedded, sélectionner des images dans ce dossier de travail en perspective, et sélectionner la charmante dame ici avec les fleurs car il s'agit d'une image de portrait. Bien sûr, n'hésitez pas à utiliser n'importe quelle image de votre choix, puis à la redimensionner en conséquence et approximativement, puis vous pouvez appuyer sur Entrée lorsque vous êtes satisfait. Nous allons répéter le processus en allant dans Edit, Perspective Warp. Maintenant, avant de passer à cette étape, je vais vous montrer une petite astuce que j'utilise parfois pour m'assurer que l' image est correctement alignée. Ce que j'utilise, c'est la transparence. Je rends l'image transparente. Si vous survolez ici et que vous montez, vous verrez une opacité. L'opacité est à l'opposé de la transparence. Lorsqu'il est 100 % opaque, cela signifie qu'il n'est pas transparent du tout. Donc, si vous voulez rendre cela transparent, faut réduire l' opacité et nous y allons. Vous pouvez le voir un peu. Tout comme ça suffit. Nous allons maintenant passer à Edit, Perspective Warp et définir nos beaux plans, puis appuyer sur Retour ou Entrée. Maintenant, lorsque nous alignons nos avions, ce sera un peu plus facile à voir. Nous ne faisons que temporairement le rendre transparent et ici aussi. Lorsque nous sommes satisfaits, nous pouvons appuyer sur Retour ou Entrée, et c'est notre image placée. 7. Calque de couche: N'hésitez pas à le rendre non transparent ou complètement opaque pour mieux voir. Rendons-le à nouveau transparent, car cela va être important pour notre prochaine étape. Ce sera pour enlever ce petit coin ici, ce petit morceau dont nous n'avons pas besoin. Pour ce faire, je vais devoir vous montrer quelques outils Photoshop qui sont très importants et qu' on appelle un outil de sélection. L'autre est appelé masque de calque. Ce que nous allons faire, c'est sélectionner cette pièce et la masquer ou la cacher. Maintenant, il existe plusieurs façons de le faire, mais tout d'abord, je veux que nous zoomions un peu en allant dans Vue zoom avant ou arrière, ou Commande ou Contrôle Plus, Commande pour Mac, Contrôle pour PC, pour zoomer un peu, afin que nous puissions voir un peu mieux. Nous allons utiliser ici un outil appelé outil lasso polygonal. Un mot assez difficile à prononcer. Ce qu'il fait, c'est qu'il vous permet de faire des sélections d' arêtes droites. Vous pouvez dessiner quelque chose de littéraire et le sélectionner. Ce que je veux que nous fassions, ce n'est pas sélectionner cette pièce, mais choisir le reste. Sélectionnez ce que nous voulons voir de l'image, ce qui signifie que nous allons sélectionner cette pièce de l'image et nous n'allons pas sélectionner cette pièce et qui sera masquée. La façon de l'utiliser consiste à cliquer et cliquer et cliquer et cliquer. Si vous avez commis une erreur et que vous avez commis une erreur, appuyez simplement sur retour arrière ou sur retour, et ils annuleront la dernière sélection. Cliquez, puis ce que je voulais faire est cliquer et de dessiner les bords approximativement de notre belle image et de fermer la sélection. Cliquez sur le point que vous avez commencé pour le sélectionner, fermer et maintenant il s'agit d'une sélection fermée. Nous allons maintenant utiliser une icône de masque de calque célèbre. Si vous cliquez dessus, il masquera cette pièce, c'est ce que nous voulons. Il est clair que nous n'avons pas fait du bon travail ici, ce qui est tout à fait très bien. Dans Photoshop, nous pouvons toujours modifier les options que nous avons créées, ce qui est génial. Pour expliquer quelque chose sur le masque de calque. Le masque de calque, si vous voyez ici sur la vignette, vous verrez le noir et blanc. Il s'agit du masque de calque. Voyez-vous que c'est noir et blanc ? Tout ce qui est blanc, vous pouvez le voir à partir de l'image. Tout ce qui est noir est caché. Cela signifie que tout ce qui est ici est noir parce que c'est caché et que cette image est en blanc. Si nous voulions voir un peu plus de l'image, nous allons devoir utiliser un pinceau blanc et dessiner ici et cela va montrer un morceau de l'image. Si nous voulons cacher une partie de l'image, elle doit être noire et c'est bon si c'est un peu déroutant parce que c'est tout nouveau et je vais vous montrer comment procéder. Cela aura plus de sens lorsque nous le ferons réellement. Tout d'abord, je veux que vous soyez sûr sélectionner l'icône Masque de calque ici. Deuxièmement, nous allons utiliser l'outil pinceau. Un raccourci pour l'outil pinceau est B pour un beau pinceau. Ensuite, au bas, vous verrez le noir et blanc, espérons-le. Si vous ne le voyez pas, cliquez sur ce petit petit ici pour obtenir les couleurs par défaut. Ensuite, ici, vous pouvez échanger les couleurs ou appuyer sur X. C'est le raccourci pour changer les couleurs de premier plan et d'arrière-plan. Quelle que soit la couleur qui se trouve ici, sera la couleur du premier plan que vous utiliserez. Si c'est noir et que nous dessinons quelque part avec un pinceau noir, cela cachera davantage de l'image. Si nous le dessinons avec un pinceau blanc, il en montrera plus. Je vais vous donner quelques astuces pour le pinceau. Pour que votre pinceau l' agrandisse, vous devez utiliser le bon support sur votre clavier. Pour le rendre plus petit, le support carré gauche. C'est très utile et fonctionne pour tous les types de pinceaux sur Adobe Photoshop. N'oubliez pas que ma couleur est noire. Cela signifie que maintenant, si j'y vais, ça va cacher l'image de notre charmante dame que nous ne voulons pas. Nous ne voulons pas cacher cette pièce. Nous voulons ajouter plus de cette image de dame ici. Nous allons utiliser le blanc à place et nous allons littéralement dessiner, cliquer et faire glisser et commencer à dessiner ici juste sur le bord, juste pour que nous puissions voir un peu mieux. Si vous avez commis une erreur, vous pouvez toujours modifier, annuler ou commander. Actuellement, il est vraiment difficile de savoir ce qui se passe car notre image est transparente. Nous allons rendre notre image non transparente. Revenez à l'opacité et rendez-la non transparente. Maintenant, il sera plus facile de montrer et de voir ce que nous devons cacher ou montrer ici. Je veux échanger, rendre noir, et je veux me débarrasser d'un tout petit peu ici. Je pense que j'en ai pris un peu trop. Je vais simplement cliquer et faire glisser et déplacer un petit peu ici et c'était trop , alors revenez au blanc et vous pouvez continuer à l'ajuster jusqu'à ce que vous soyez heureux. Assurez-vous d'avoir une main stable et ne pas boire trop de café comme moi. Une fois satisfait, vous pouvez effectuer un zoom arrière, afficher, zoomer arrière, Commande ou Contrôle moins, et c'est notre masque de calque. 8. Couleurs et filtres: Encore une fois, n'hésitez pas à effectuer tous les ajustements que vous devez apporter. Comme les ajustements apportés à la perspective, en double-cliquant et en le déplaçant vers le haut ou vers le bas. Par exemple, des ajustements au masque de calque en sélectionnant l'icône Masque de calque, en allant dans un pinceau et en l'ajoutant en noir ou blanc, quelles que soient les modifications que vous devez apporter, effectuez-les dès maintenant avant que nous passez à la dernière partie de ce cours. C'est ajouter un filtre, faire de la même couleur que l'écran. Avant de commencer à ajouter des filtres, je vais vous montrer comment enregistrer cette couleur, ce petit vert ici, cette couleur menthe dans vos échantillons, où vous enregistrez les couleurs, puis nous pouvons l'utiliser. Je veux donc que vous cliquiez sur le vert, la menthe quelque part ici, et vous verrez la menthe sélectionnée ici. Maintenant, si vous double-cliquez dessus et que vous cliquez sur Ajouter aux nuanciers, pouvez l'appeler menthe, la couleur sera maintenant enregistrée dans vos nuances, qui signifie que vous pouvez réutiliser cette couleur. Si je devais aller voir des échantillons, je verrai cette couleur ici. Maintenant, je veux que nous reprenions les réglages de l'image. Cette fois, nous allons au filtre photo. Vous verrez qu'il existe actuellement quelques options, nous n'avons besoin d'aucune de ces options. Si vous sélectionnez une couleur, elle vous donnera cette couleur orange, qui est cool, mais ce n' est pas ce dont nous avons besoin. Au lieu de cela, nous allons échanger cette couleur contre le vert contre la menthe. Je clique sur cette couleur. Ensuite, si vous cliquez sur cette couleur que nous venons de créer ici et que la menthe sur laquelle vous cliquez sur OK, que la menthe sur laquelle vous cliquez sur OK, cela signifie qu' elle va recouvrir notre image avec un filtre de couleur mentholé. Maintenant, il vous suffit d'augmenter la densité de cette couleur en conséquence pour dire qu'elle fait partie de la même image et que vous pouvez cliquer sur OK, et c'est tout. Nous avons donc beaucoup couvert dans cette classe. Nous avons couvert la distorsion de perspective. Nous avons abordé comment placer des images, comment modifier la distorsion de perspective avec un objet intelligent. Comment modifier la saturation, la luminosité, le contraste. Comment ajouter un filtre de flou, comment masquer une partie de l'image. C'est vraiment délicat, mais je couvre plus en profondeur cela dans mes autres classes comment utiliser un masque de calque. Je suis sûr que si vous les faites, vous vous sentirez vraiment confiant en utilisant le masque de calque. Nous avons également abordé comment utiliser des pinceaux pour modifier le masque de calque et enfin un filtre photo. J'espère que cela vous a plu et que vous continuez à utiliser vos propres images, site Web et contenu sympas et que vous l'utiliserez pour des graphiques sur vos propres images, site Web et contenu sympas et les réseaux sociaux ou quoi que ce soit pour quoi vous en avez besoin. Comme toujours, ce fut un plaisir de vous voir bientôt. [MUSIQUE]