Combiner deux images dans adobe photoshop - Lion et un moulin à vent dans un champ

Comment combiner deux photographies dans Adobe Photoshop, avec Colin Smith

Le 28 janvier 2024

Peut-être utilisez-vous Adobe Photoshop depuis un certain temps, ou peut-être que vous ne faites que commencer. Il existe de nombreuses façons de faire différentes choses avec le logiciel, ainsi que toutes sortes de conseils, d’astuces et de hacks pour faire les choses simplement et facilement.

Dans ce tutoriel, Colin Smith, le créateur de PhotoshopCAFE, montre un moyen facile de faire l’une des choses les plus simples, mais les plus recherchées, dans Adobe Photoshop - en combinant deux images en une seule. Mais il vous montre aussi comment le faire bien paraître !

Cliquez ici pour télécharger les images que Colin utilise afin que vous puissiez suivre ! Regardez la vidéo ci-dessous pour le didacticiel Adobe Photoshop, ou lisez la suite pour tous les détails.


Dans ce tutoriel Photoshop, nous allons combiner deux images et donner l’impression qu’elles appartiennent ensemble.

Tailles et placement de l’image

Maintenant, la première chose que vous voulez faire est que vous voulez regarder la taille de l’image lorsque vous combinez les deux. Allez donc sous Dimensions du document et prenez note de la taille. C’est pour éviter tout problème de résolution. Vous voulez prendre l’image plus grande et la déposer sur le dessus de l’image plus petite. De cette façon, nous ne faisons que réduire et nous ne mettons jamais rien à l’échelle - parce que cela adoucit l’image et elle perd de la qualité.

Découper un lion dans Adobe Photoshop

Choisissons l’outil Déplacer, et avec l’outil Déplacer sélectionné, nous allons le faire glisser et le déposer dans les autres documents. Alors faites-le simplement glisser, mais ne lâchez pas prise - allez dans l’onglet et la deuxième image s’ouvrira. Déplacez-vous vers le milieu, et ne lâchez pas encore ! Maintenez la touche Maj enfoncée, puis lâchez prise. La raison pour laquelle nous avons maintenu la touche Maj enfoncée est qu’elle le centrera. Et si nous regardons maintenant les couches, nous avons combiné les deux images en une seule.

Évidemment, nous voulons découper le lion et faire correspondre la couleur pour qu’elle ait l’air réaliste, c’est donc la prochaine étape. Tout d’abord, assurez-vous que l’outil Déplacer est sélectionné et appuyez sur Ctrl-T ou Commande-T pour la transformation libre. Adaptons un peu le lion pour qu’il s’inscrive dans nos limites.

S’il n’est pas configuré pour se transformer proportionnellement, c’est une autre utilisation de la touche Maj - lorsque vous faites glisser l’image, maintenez la touche Maj enfoncée, et cela la maintiendra au même rapport d’aspect. De plus, si vous maintenez la touche Alt ou Option enfoncée, nous pouvons la mettre à l’échelle à partir du milieu.

Alors faisons simplement glisser cela au milieu et appuyons sur Entrée. Maintenant, nous pouvons voir toute l’image. Découpons notre lion !

Découper le lion

Alors allez dans le menu Outils, et nous allons choisir l’objet ou l’outil de sélection rapide. Peu importe lequel, car chacun d’entre eux nous donnera l’option qui dit Sélectionner le sujet. Cliquez sur Sélectionner le sujet, et l’IA de Photoshop fera votre sélection pour vous !

En ce moment, nous voulons réparer les zones de fourrure, alors choisissons Sélectionner et Masquer. Et maintenant, nous sommes dans l’espace de travail select et Mask. Ce que nous voulons faire, c’est utiliser l’outil capillaire, qui est la brosse Refine, puis nous allons contourner les bords ici des poils longs, et cela nous aidera à obtenir une meilleure sélection.

Découper un lion dans Adobe Photoshop

D’accord, quelques autres petits paramètres qui aident avec les sélections : sous Radius, nous allons définir cela sur 1, puis activer « décontaminer les couleurs » en bas, puis cliquer sur OK.

Nous avons notre lion ! Redimensionnons-le et positionnons-le. Appuyez sur Ctrl-T ou Commande-T pour la transformation libre, et encore une fois, mettons cela à l’échelle et nous pouvons le déplacer en position.

Mélange des pieds

Maintenant, ce que nous devons faire, c’est mélanger ces pieds pour qu’ils aient l’air d’être réellement dans l’herbe.

Nous allons donc nous assurer que nous sélectionnons notre masque de calque. Pas le calque, mais le masque à côté. Et nous allons prendre un pinceau. Avec le pinceau, nous allons peindre avec du noir. Le noir cachera le calque, le blanc le montrera. Et puis avec la brosse, nous allons juste brosser autour des pieds.

Mélange de pieds de lion dans Photoshop

Alors maintenant, le lion s’enfonce dans l’herbe et ne contourne pas le dessus de celui-ci.

Couleurs correspondantes

Ce que nous devons faire maintenant, c’est faire correspondre la couleur du lion avec le reste de l’image, puis nous allons créer une ombre pour correspondre à l’ombre ici. Donc, tout d’abord, faisons correspondre les couleurs avec le calque de lion sélectionné. Sélectionnez le calque de lion, pas le masque. Prenez votre outil Déplacer, allez dans le menu Image, puis sélectionnez Ajustements, puis cliquez sur Correspondre à la couleur.

Donc, avec Match Color, ce que nous voulons faire, c’est que nous voulons faire correspondre la couleur de notre arrière-plan à la couleur de notre premier plan. Sous la source, vous verrez que tous vos onglets ouverts sont là. Assurez-vous de choisir la même image sur laquelle vous travaillez. Ensuite, sous Calque, vous souhaitez sélectionner le calque que vous faites correspondre - dans notre exemple, il s’appelle Arrière-plan. Lorsque vous le sélectionnez, il prendra immédiatement la couleur de l’arrière-plan.

Maintenant, c’est un peu trop fort, et c’est à cela que sert le curseur de fondu. Donc, si nous regardons Fade, sur la gauche est la nouvelle couleur, et si nous faisons glisser cela tout le chemin vers la droite, il aura notre couleur d’origine.

Donc, ce que nous voulons faire, c’est trouver le bon mélange entre les deux. Donc, comme nous le déplaçons vers la gauche, nous apportons plus de cette nouvelle couleur. Et nous avons juste besoin de trouver un bon match et juste trouver où il correspond à votre œil. Cliquez sur OK.

Couleurs correspondantes dans Photoshop

Ajout d’une ombre

Maintenant, pourquoi n’ajoutons-nous pas une belle ombre pour qu’elle corresponde au moulin à vent ici ? Avec notre calque sélectionné, nous allons descendre au petit bouton « fx » pour les effets de calque, et nous allons choisir Drop Shadow. Définissez l’opacité sur 100, la distance, la taille et la dispersion sur zéro. Cela va créer une ombre noire solide. Et si je fais glisser, vous pouvez voir que c’est l’ombre qu’il va créer. Et nous allons l’utiliser comme un petit masque.

Tout d’abord, nous allons séparer cette ombre dans un tout nouveau calque. Si nous faisons un clic droit sur Effets, et cliquez sur Créer un calque, il va créer un joli calque noir à partir de cette ombre que nous avons fait.

Sélectionnez le calque d’ombre, cliquez sur l’outil Déplacer, et maintenant nous allons passer à La transformation libre en appuyant sur Ctrl-T ou Commande-T. Faites un clic droit sur le lion, puis sélectionnez Retourner à la verticale.

Ajout de Shadow dans Photoshop

Maintenant, faites-le glisser vers le bas, et vous pouvez voir que les ombres commencent à apparaître sous le lion. Si vous regardez l’ombre de l’image d’origine, voyez comment elle se déplace un peu sur le côté ? C’est ce qu’on appelle le biais. Faussons l’ombre de notre lion.

Nous allons donc faire un clic droit et choisir skew. Et si nous le faisons glisser, remarquez comment nous pouvons biaiser cela. Donc, nous allons juste copier l’angle que nous voyons de l’autre ombre et aligner les pieds.

Ce n’est pas encore tout à fait réaliste ; nous avons encore quelques choses à faire. Tout d’abord, je vais appliquer un flou sur le bord. Sélectionnez le calque de l’ombre, accédez à Filtre, puis Flou, et sélectionnez Flou gaussien. Déplacez le curseur jusqu’à ce qu’il ait l’air bien - je le prends à environ 14.8. Cliquez sur OK.

Flou gaussien dans Photoshop

Maintenant, nous allons réduire notre opacité. Assurez-vous que votre calque d’ombre est toujours sélectionné et, dans les propriétés du calque, ajustez l’opacité vers le bas pour que l’ombre se fond un peu mieux dans l’arrière-plan.

Maintenant, il y a d’autres choses que nous pourrions faire comme des cartes de déplacement et différentes choses, mais je veux garder cela simple parce que c’est un tutoriel pour débutant. Donc, la dernière étape est une petite astuce que j’ai inventée qui fonctionne bien lorsque vous combinez des couches et que vous voulez simplement tout lier ensemble. Et c’est en y appliquant un peu de couleur.

Attachez-le avec une superposition de couleurs

Dans le menu Calque, cliquez sur l’icône Nouveaux calques de remplissage ou de réglage, puis sélectionnez Couleur unie. Nous pouvons choisir n’importe quelle couleur que nous voulons ; obtenons une sorte de ton de couleur chaude ici. Sélectionnez votre couleur, puis cliquez sur OK.

Assurez-vous que ce calque de couleurs est sélectionné et modifiez le mode de fusion de celui-ci en couleur uniquement. La couleur va changer et tout le reste va rester intact. Maintenant, nous voulons mélanger cette couleur avec la couleur d’origine.

Nous allons donc prendre l’opacité de ce calque tout le chemin vers le bas, puis juste l’amener un peu et voir à quoi il ressemble que nous commençons à appliquer une partie de cette couleur. Remarquez comment cela lie vraiment tout ensemble !

Combiner deux images dans adobe photoshop - Lion et un moulin à vent dans un champ

Je voulais juste garder celui-ci simple pour les débutants. Il y a beaucoup de choses différentes que j’aurais pu faire, et j’ai créé beaucoup d’autres tutoriels qui vous montrent comment faire toutes ces autres choses, comme des cartes de déplacement et une correspondance des couleurs plus précise, et différentes choses comme ça. Peut-être que le prochain que vous voudrez peut-être regarder est le masquage des calques pour les débutants.


Colin Smith Photo de profil

À propos du présentateur

Colin Smith utilise Adobe Photoshop de manière professionnelle depuis 20 ans. Il fait de la formation pour Adobe et Apple et a écrit 20 livres. Sur sa chaîne YouTube, PhotoshopCAFE, il a des centaines de tutoriels et de conseils Photoshop faciles à suivre ainsi que des tutoriels Lightroom et des vidéos occasionnelles de technologie de photographie ou de drone.

Pour plus d’informations ou pour voir plus de ressources Adobe Photoshop gratuites de Colin, consultez le site Web Photoshop Cafe ou consultez sa bibliothèque de formation premium.

Suivez-le et son travail sur YouTube, Instagram, Facebook et Twitter.

Articles connexes :

Obi Arisukwu’s 5-Step Digital Painting Process on Wacom Cintiq Pro 22

Obi Arisukwu’s 5-Step Digital Painting Process on Wacom Cintiq Pro 22

Comment découper les cheveux d’un arrière-plan occupé dans Adobe Photoshop, avec PiXimperfect

Comment découper les cheveux d’un arrière-plan occupé dans Adobe Photoshop, avec PiXimperfect

How to create stunning 8-bit pixel art masterpieces, with Killer Rabbit Media

How to create stunning 8-bit pixel art masterpieces, with Killer Rabbit Media

Vera Brosgol on her creative career journey, the difference between traditional and digital art, and the benefits of starting small

Vera Brosgol on her creative career journey, the difference between traditional and digital art, and the benefits of starting small

Connectez-vous avec Wacom sur les médias sociaux

Remember when @thebunbunshopofficial made us a sweet Valentine's postcard on her Wacom Cintiq 🐇🎈🩷 🌹💘 This Valentine’s Day, skip the store-bought and get creative! Whether it's a hand-drawn sketch, a digital masterpiece, or a heartfelt design, crafting something unique shows how much you truly care. Not only will you save money, but you’ll also prove that artists are the ultimate romantics. 💖✨ So, what are you creating for someone special this year? Share your creations with us! #madewithwacom #ValentinesDayArt #WacomLove
175 1
Kicking off Black History Month with @imjoshualeonard 🙏 Check out his full character design tutorial on YouTube. (Head to our stories 👆) Joshua is an incredible character designer, 2D animator, and concept artist on a mission to create diverse, inclusive, and impactful characters that challenge stereotypes. This month, let's come together to celebrate and uplift Black artists worldwide, shining a light on their talent, creativity, and contributions. 🥊❤️‍🔥 #blackhistorymonth #blackartist #blackartmatters #madewithwacom
161 35
Sometimes a little change of scenery is all you need to get creative. ⁣ Gather your things (don't forget that tablet 😉) and step outside 🎒⁣ What do you carry in your bag when when you're whipping up magic on the move? ⁣ #CreativesOnTheGo #WacomMovink #CreativeProfessionals ⁣
135 1
Picture the café you ducked into after an art show,⁣ or the library where you dove into research.⁣ Maybe it's the bed you sank into to take a breather.⁣ Then, in a moment of inspiration, you grab your Wacom #Movink and make it happen, the idea flowing before it slips away. 🍂🌬️🪁📕✍️⁣ ⁣ #CreativesOnTheGo #WacomMovink #CreativeProfessionals
152 1
Get lost in the details like @danidiamondphotography 📷☕🔍 Experience color like never before with the Wacom Cintiq Pro 27! With 99% Adobe RGB, 98% DCI-P3, and over 1 billion colors, your photos will pop with incredible accuracy. 🎨 Plus, with HDR Gamma support, stunning 4K resolution, and a smooth 120Hz refresh rate, your photo editing sessions will feel more immersive than ever. 😍 And with its ergonomic design, it’s the most comfortable way to edit for long hours without any strain. #wacomworkspace #CintiqPro27 #wacomcintiqpro #photoediting #retouching #photography
736 5
Today we celebrate the 𝐍𝐚𝐭𝐢𝐨𝐧𝐚𝐥 𝐇𝐚𝐧𝐝𝐰𝐫𝐢𝐭𝐢𝐧𝐠 𝐃𝐚𝐲 🤩! Ever wished you could learn calligraphy? We asked @afinkandink to teach us some basics to get you started. ✏️✒️🖊️✍️🖋️ Doesn't she make it look so easy? #nationalhandwritingday #Handwriting #DigitalInk #DigitalPen #WacomPen #calligraphy #creativelettering #lettering #moderncalligraphy #madewithwacom
152 6
Calling all newbies! 📣📣📣 Try these three exercises to help you master your digital pen ✍️ #Wacom #WacomTips #wacomtablet #drawingtips #drawingtablet #digitalart #wacompen #wacomintuos #wacomintuospro
583 13
Today, we lift our heads high and draw one another in even tighter. 🤲🥹⁣ ⁣ We extend our deepest sympathies to all those enduring the aftermath of the distressing fires in Los Angeles. The sorrow wrought by this tragedy is close to our hearts, and in this time of trial, we embrace our community with unwavering support.⁣ ⁣ Art by the wonderful @yingshiart ⁣ ⁣
847 6
Change is scary sometimes. It also requires time. 🫠 For @adam_theillustrator, it took some time to switch the mouse over a stylus, but he never looked back. 💪 Do you remember what it was like for you? How many tries did it take you to master drawing with a tablet? What advice do you have for new users? #wacomtablet #wacomintuospro #digitalartist #digitalart #wacom #wacompen
2136 65
Time flies when you're absorbed in the details, hyper focusing on every stroke and thinking about every line. 👀🤓🧐🔍🐲 Love seeing @andrezgalviz_art taking advantage of his beautiful Cintiq Pro 24 canvas to sculpt for hours. #madewithwacom #Wacomworkspace #wacomcintiq #CintiqPro #3dmodeling #3dsculpting #3dart
1085 10
Don't mind us, we're out here mesmerized watching @andreaalice.nz make petals 🌺🌸💜🖌️ What beautiful things are you making today? Tag us #MadeWithWacom Now go feast your eyes and check out Andrea's stunning botanical prints. #creativeprofessionals #digitalart #artistsoninstagram
392 8