Apprenez à placer rapidement deux images liées côte à côte et à les combiner en une seule image composite avec Photoshop ! Un guide étape par étape pour Photoshop CC et CS6.
Les images qui partagent un thème ou un thème commun peuvent souvent s’améliorer lorsqu’elles sont vues ensemble. Et dans ce tutoriel, je vais vous montrer le moyen le plus rapide et le plus simple de placer deux images côte à côte en utilisant quelques astuces simples.
Tout d’abord, vous apprendrez à charger instantanément vos deux photos dans le même document Photoshop. Ensuite, je vous montrerai comment agrandir le canevas et déplacer les images côte à côte en même temps. Et enfin, vous apprendrez à changer la position des images d’un côté à l’autre en quelques clics !
Pour de meilleurs résultats, utilisez des photos en orientation portrait afin que l’image composite ne soit pas trop large. Et vous voulez que les deux images partagent la même largeur et la même hauteur. Je n’expliquerai pas comment recadrer les images ici, donc si vous avez besoin de les recadrer et de les redimensionner, assurez-vous de le faire avant de continuer.
Commençons!
Comment placer deux images côte à côte
Nous commençons par apprendre à charger vos images en calques dans le même document Photoshop. Et puis je vais vous montrer comment placer les deux images l’une à côté de l’autre.
j’utilise dernière version de Photoshop CC mais vous pouvez également suivre CS6.
Étape 1 : Sélectionnez la commande «Charger les fichiers dans la pile».
La première chose que nous devons faire est d’ouvrir les images. Par défaut, Photoshop ouvre les images dans leurs propres documents séparés. Mais comme nous voulons afficher les images côte à côte, nous devons les avoir dans le même document.
Ainsi, au lieu d’utiliser la commande Ouvrir, montez jusqu’à Dossier menu dans la barre de menus, sélectionnez Scénariospuis sélectionnez Charger des fichiers dans la pile:
Allez dans Fichier> Scripts> Charger des fichiers dans la pile.
Étape 2 : Sélectionnez vos photos
Définir dans la boîte de dialogue Charger les calques Utilisation à Des dossierspuis cliquez Parcourir:
Boîte de dialogue Charger les calques.
Accédez aux images que vous souhaitez ouvrir. Cliquez sur la première image, puis appuyez longuement sur la vôtre Déplacer clé et cliquez sur la deuxième image. Cela sélectionne les deux images à la fois. Puis clique Ouvert:
Sélectionnez les images et cliquez sur «Ouvrir».
Étape 3 : Chargez les images dans Photoshop
Et de retour dans la boîte de dialogue Charger les calques, les noms des images sélectionnées sont affichés.
Laissez les deux options en bas («Essayer d’ajuster automatiquement les images source» et «Créer un objet intelligent après le chargement des calques») cochées. Chargez ensuite les images dans Photoshop en cliquant sur D’accord:
Cliquez sur OK pour charger les images dans Photoshop.
Photoshop charge les deux images dans le même document. Et dans le panneau Calques, chaque image est affichée sur son propre calque.
Les noms des fichiers (dans mon cas «Portrait.jpg» et «Soccer.jpg») sont utilisés comme noms de calque :
Le panneau Calques affiche chaque image sur son propre calque.
Voir les deux photos
Comme les images sont empilées les unes sur les autres, une seule image est visible à la fois. Au moins pour l’instant.
Voici ma photo sur la couche supérieure (photo mère et fille d’Adobe Stock):
La première des deux photos. Crédit image : Adobe Stock.
Et si je désactive le calque supérieur en cliquant sur son icône de visibilité :
Masque l’image sur le calque supérieur.
Nous voyons l’image sur la couche inférieure (photos de foot d’Adobe Stock):
La deuxième image. Crédit image : Adobe Stock.
Avant de continuer, je vais réactiver le calque supérieur en cliquant à nouveau sur son icône de visibilité :
Réactive la couche supérieure.
Lié: Apprenez tout à ce sujet dans Photoshop!
Étape 4 : sélectionnez l’outil de déplacement
Alors maintenant que les deux images sont dans le même document, comment pouvons-nous les placer côte à côte ?
Une façon serait d’ajouter plus d’espace de toile au document à l’aide de la commande de taille de toile de Photoshop, puis de faire glisser l’une des images dans le nouvel espace.
Mais nous pouvons en fait faire ces deux choses, déplacer une image et ajouter plus d’espace sur la toile en même temps en utilisant une astuce simple.
Tout d’abord, sélectionnez Outil de déplacement depuis la barre d’outils :
Sélection de l’outil mobile.
Étape 5 : Assurez-vous que «Snap» et «Snap To Document Bounds» sont activés
Pour utiliser cette astuce, l’image doit cliquer sur le bord du document lorsque nous la faisons glisser. Et pour que cela se produise, quelques options doivent être envisagées. Ils sont tous les deux activés par défaut, mais c’est une bonne idée de vérifier.
Montez jusqu’à Voir menu dans la barre de menus et assurez-vous que Instantané est activé. Vous devriez voir une coche à côté du nom :
Assurez-vous que Snap est activé (coché).
Et puis sélectionnez directement sous l’option Snap Accrocher àet assurez-vous cette fois Limites du document est vérifié. Ne cliquez sur aucune de ces options si elles sont déjà cochées ou si vous les désactivez :
Assurez-vous que Aligner sur les limites du document est également sélectionné.
Étape 6 : Sélectionnez la couche supérieure
Dans le panneau Calques, sélectionnez l’image sur le calque supérieur :
Cliquez sur le calque supérieur pour le sélectionner.
Étape 7 : faites glisser l’image sur le côté de la deuxième image
Et avec l’outil de déplacement sélectionné, cliquez sur l’image dans le document et commencez à la faire glisser vers la gauche ou la droite de l’image en dessous. Je tire à droite. Appuyez et maintenez le vôtre Déplacer touche tout en tirant pour restreindre la direction dans laquelle vous pouvez vous déplacer, ce qui facilite le passage en ligne droite.
Ne vous inquiétez pas de la disparition de l’image du haut lorsque vous l’éloignez de la toile. Nous le remettrons dans un instant :
Faites glisser l’image du haut à droite de l’image du bas.
Joindre l’image au bord du document
Dès que vous vous approchez suffisamment du bord du document, votre image s’accroche soudainement au bord.
Lorsque cela se produit, relâchez le bouton de votre souris, puis relâchez votre touche Maj (dans cet ordre). L’image du haut est maintenant masquée et se trouve à côté du canevas :
L’image du haut est masquée sur le côté.
Étape 8 : Sélectionnez «Afficher tout»
Pour remettre les deux images en vue, montez jusqu’à Image menu dans la barre de menus et sélectionnez Révèle tout:
Allez dans Image> Tout afficher.
Et Photoshop ajuste instantanément la toile pour s’adapter aux deux images. Voici exactement comment les images sont maintenant affichées côte à côte :
Le résultat après avoir sélectionné «Afficher tout».
Comment échanger les images
Et c’est aussi simple que ça de placer deux images côte à côte avec Photoshop !
Mais que se passe-t-il si vous pensez que les images seraient plus belles si elles étaient échangées de sorte que l’image de gauche soit déplacée vers la droite et que l’image de droite soit à gauche ? Voici un moyen rapide de les échanger.
Étape 1 : sélectionnez l’outil de déplacement
Tout d’abord, assurez-vous Outil de déplacement est toujours sélectionné dans la barre d’outils :
Assurez-vous que l’outil de déplacement est actif.
Étape 2 : Sélectionnez l’ensemble du canevas
Nous n’allons pas utiliser l’outil de déplacement lui-même, mais il doit être actif pour que nous puissions accéder aux paramètres d’alignement des calques de Photoshop. Nous allons échanger les images en alignant leurs bords sur les bords de la toile.
Pour ce faire, nous devons sélectionner l’ensemble du canevas, alors montez à choisir menu dans la barre de menus et sélectionnez Tout. Un contour de sélection apparaît autour des bords du document :
Allez dans Sélectionner> Tout.
Étape 3 : sélectionnez l’image du haut
Dans le panneau Calques, cliquez sur l’image du haut pour la sélectionner :
Sélection de la couche supérieure.
Étape 4 : Cliquez sur l’icône «Aligner les bords gauches» ou «Aligner les bords droits».
Et puis dans la barre d’options, cliquez soit sur Ajuster les bords gauches ou Ajuster les bords droits icône, en fonction de la direction dans laquelle vous devez déplacer l’image.
Dans mon cas, je veux déplacer l’image du côté droit vers le côté gauche, donc je clique sur l’icône Align Left Edges :
Cliquez sur l’icône «Aligner les bords gauches» dans la barre d’options.
Et Photoshop accroche instantanément le bord gauche de l’image au bord gauche du canevas :
Le résultat après avoir déplacé l’image du haut de droite à gauche.
Étape 5 : Sélectionnez l’image du bas
Pour déplacer l’image du bas de l’autre côté et remplir l’espace vide, sélectionnez le calque du bas dans le panneau Calques :
Cliquez sur le calque du bas pour le sélectionner.
Étape 6 : Cliquez sur l’icône «Aligner les bords» opposée
Puisque je veux déplacer l’image du bas vers la droite, cette fois je clique sur Ajuster les bords droits icône dans la barre des paramètres :
Cliquez sur l’icône «Aligner les bords droits».
Et Photoshop ajuste instantanément le bord droit de l’image au bord droit de la toile. Pour désélectionner le canevas, montez jusqu’à choisir menu et sélectionnez Désélectionnerou appuyez sur Ctrl + D (Vent) / Commande + D (Mac) sur votre clavier :
Le résultat après avoir déplacé l’image du bas de gauche à droite.
Et là, nous l’avons! Comment charger deux images dans le même document, placer les images côte à côte puis échanger les images dans Photoshop !
Visitez notre section Photoshop Basics pour en savoir plus sur Photoshop, ou notre section Effets photo pour plus de façons de vous amuser avec vos photos ! Et n’oubliez pas, tous nos tutoriels sont désormais disponibles en téléchargement au format PDF !