Apprenez à placer rapidement deux photos liées côte à côte et à les combiner en une seule image composite avec Photoshop! Un didacticiel pas à pas pour Photoshop CC et CS6.
Les photos qui partagent un sujet ou un thème commun peuvent souvent s'améliorer lorsqu'elles sont affichées ensemble. Et dans ce tutoriel, je vais vous montrer la manière la plus rapide et la 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 images dans le même document Photoshop. Ensuite, je vais vous montrer comment agrandir la toile et déplacer les images côte à côte en même temps. Et enfin, vous apprendrez à permuter le placement des images d'un côté à l'autre en quelques clics!
Pour de meilleurs résultats, vous souhaiterez utiliser des photos en orientation portrait (verticale), afin que l'image composite ne soit pas trop large. Et vous souhaiterez que les deux images partagent la même largeur et la même hauteur. Je ne couvrirai pas ici comment recadrer les images, donc si vous devez les recadrer et les redimensionner, assurez-vous de le faire avant de continuer.
Commençons!
Comment placer deux photos côte à côte
Nous allons commencer par apprendre à charger vos images sur des 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 la dernière version de Photoshop CC, mais vous pouvez également suivre CS6.
Étape 1: choisissez 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 avons besoin qu'elles soient dans le même document.
Donc, plutôt que d'utiliser la commande Ouvrir, accédez au menu Fichier dans la barre de menus, choisissez Scripts, puis choisissez Charger les fichiers dans la pile :
Allez dans Fichier> Scripts> Charger des fichiers dans la pile.
Étape 2: sélectionnez vos images
Dans la boîte de dialogue Charger les couches, définissez Utiliser sur des fichiers, puis cliquez sur Parcourir :
La boîte de dialogue Charger les couches.
Accédez aux photos que vous souhaitez ouvrir. Cliquez sur la première image, puis maintenez la touche Maj enfoncée et cliquez sur la deuxième image. Cela sélectionne les deux images à la fois. Cliquez ensuite sur Ouvrir :
Sélectionner les images et cliquer 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 que vous avez sélectionnées apparaissent.
Ne cochez pas les deux options en bas ("Tentative d'alignement automatique des images source" et "Créer un objet intelligent après le chargement des calques"). Chargez ensuite les images dans Photoshop en cliquant sur OK :
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 photo apparaît sur son propre calque.
Les noms des fichiers (dans mon cas, "Portrait.jpg.webp" et "Soccer.jpg.webp") sont utilisés comme noms de calque:
Le panneau Calques affichant chaque image sur son propre calque.
Affichage des deux images
Étant donné que les images sont empilées les unes sur les autres, une seule image est visible à la fois. Du moins pour le moment.
Voici mon image sur la couche supérieure (photo mère et fille d'Adobe Stock):
La première des deux images. Crédit photo: Adobe Stock.
Et si je désactive le calque supérieur en cliquant sur son icône de visibilité:
Masquage de l'image sur le calque supérieur.
Nous voyons l'image sur la couche inférieure (photo de football d'Adobe Stock):
La deuxième image. Crédit photo: Adobe Stock.
Avant d'aller plus loin, je réactiverai le calque supérieur en cliquant à nouveau sur son icône de visibilité:
Rallumer la couche supérieure.
En relation: Apprenez tout sur les calques dans Photoshop!
Étape 4: Sélectionnez l'outil de déplacement
Alors maintenant que les deux images sont dans le même document, comment les placer côte à côte?
Une façon serait d'ajouter plus d'espace de canevas au document à l'aide de la commande Taille du canevas de Photoshop, puis de faire glisser l'une des images vers le nouvel espace.
Mais nous pouvons réellement faire ces deux choses, déplacer une image et ajouter plus d'espace de toile en même temps, en utilisant une astuce simple.
Tout d'abord, sélectionnez l' outil Déplacer dans la barre d'outils:
Sélection de l'outil de déplacement.
Étape 5: assurez-vous que «Snap» et «Snap To Document Bounds» sont activés
Pour utiliser cette astuce, nous aurons besoin que l'image s'accroche au bord du document lorsque nous le faisons glisser. Et pour que cela se produise, quelques options doivent être activées. Ils sont tous les deux activés par défaut, mais c'est une bonne idée de revérifier.
Allez dans le menu Affichage de la barre de menus et assurez-vous que l' accrochage est activé. Vous devriez voir une coche à côté de son nom:
Assurez-vous que Snap est activé (coché).
Et puis directement sous l'option Accrochage, choisissez Accrocher à, et cette fois assurez-vous que les limites du document sont cochées. Ne cliquez sur aucune de ces options si elles sont déjà cochées ou si vous les désactivez:
Assurez-vous que l'option Accrocher aux limites du document est également vérifiée.
Étape 6: Sélectionnez la couche supérieure
Dans le panneau Calques, sélectionnez l'image sur le calque supérieur:
Cliquer sur le calque supérieur pour le sélectionner.
Étape 7: faites glisser l'image sur le côté de l'autre image
Et puis avec l'outil Déplacer 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 vais glisser vers la droite. Maintenez la touche Maj enfoncée pendant que vous faites glisser pour limiter la direction dans laquelle vous pouvez vous déplacer, ce qui facilite le déplacement direct.
Ne vous inquiétez pas que l'image du haut disparaisse lorsque vous la faites glisser hors du canevas. Nous le ramènerons dans un instant:
Faites glisser l'image du haut à droite de l'image du bas.
Accrochage de l'image au bord du document
Dès que vous vous approchez suffisamment du bord du document, votre image se fixe soudainement au bord.
Dans ce cas, relâchez le bouton de votre souris, puis relâchez votre touche Maj (dans cet ordre). L'image du haut est maintenant masquée, assise sur le côté de la toile:
L'image du haut est cachée sur le côté.
Étape 8: Choisissez "Révéler tout"
Pour ramener les deux images en vue, accédez au menu Image dans la barre de menus et choisissez Révéler tout :
Allez dans Image> Révéler tout.
Et Photoshop redimensionne instantanément la toile pour s'adapter aux deux images. Juste comme ça, les photos apparaissent désormais côte à côte:
Le résultat après avoir sélectionné "Révéler tout".
Comment échanger les images
Et c'est aussi simple que 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 la photo de gauche soit déplacée vers la droite et la photo de droite se trouve à gauche? Voici un moyen rapide de les échanger.
Étape 1: sélectionnez l'outil Déplacer
Tout d'abord, assurez-vous que l' outil Déplacer est toujours sélectionné dans la barre d'outils:
Assurez-vous que l'outil Déplacer est actif.
Étape 2: Sélectionnez la toile entière
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 options 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'intégralité du canevas, alors allez dans le menu Sélectionner dans la barre de menus et choisissez Tout . Un contour de sélection apparaîtra sur les bords du document:
Aller à 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"
Ensuite, dans la barre des options, cliquez sur l'icône Aligner les bords gauches ou Aligner les bords droits, selon 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, je vais donc cliquer sur l'icône Aligner les bords gauches:
Cliquez sur l'icône "Aligner les bords gauches" dans la barre des options.
Et Photoshop accroche instantanément le bord gauche de l'image au bord gauche de la toile:
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 inférieur dans le panneau Calques:
Cliquez sur le calque inférieur pour le sélectionner.
Étape 6: cliquez sur l'icône opposée "Aligner les bords"
Étant donné que je souhaite déplacer l'image du bas vers la droite, cette fois, je clique sur l'icône Aligner les bords droits dans la barre des options:
Cliquez sur l'icône "Aligner les bords droits".
Et Photoshop aligne instantanément le bord droit de l'image sur le bord droit de la toile. Pour désélectionner le canevas, accédez au menu Sélectionner et choisissez Désélectionner, ou appuyez sur Ctrl + D (Win) / Commande + D (Mac) sur votre clavier:
Le résultat après avoir déplacé l'image du bas de gauche à droite.
Et nous l'avons là! Voilà 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 Bases de Photoshop 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!