Apprenez à placer rapidement deux photos associé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 lorsque affichés ensemble. Et dans ce didacticiel, je vais vous montrer le moyen le plus rapide et le plus simple de placer deux images côte à côte à l’aide de 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 le canevas 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 avec juste quelques de 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 même largeur et hauteur. Je ne vais pas expliquer comment recadrer les images ici, donc si vous devez les recadrer et les redimensionner, assurez-vous de le faire avant de continuer.
Commençons!
Téléchargez ce tutoriel sous forme de PDF prêt à imprimer!
Comment placer deux photos côte à côte
Nous allons commencer par apprendre à charger vos images sur des calques dans le même Photoshop Ensuite, 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 avec CS6.
Étape 1: Choisissez la commande « Charger les fichiers dans la pile »
La première chose à faire est d’ouvrir les images. Par défaut, Photoshop ouvre les images dans leurs propres documents séparés. Mais puisque 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, allez dans le menu Fichier dans la barre de menus, choisissez Scripts, puis choisissez Charger Fichiers dans la pile:
Étape 2: Sélectionnez vos images
Dans la boîte de dialogue Charger les couches , définissez Utiliser sur Fichiers, puis cliquez sur Parcourir:
Accédez aux photos souhaitées 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:
É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.
Laissez les deux options en bas (« Tenter d’aligner automatiquement les images source » et « Créer un objet intelligent après Chargement des couches « ) décochée. Puis chargez les images dans Photoshop en cliquant sur OK:
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 » et « Soccer.jpg ») sont utilisés comme noms de calque:
Affichage des deux images
Les images étant empilées l’une sur l’autre, une seule image est visible à la fois. Au moins pour le moment.
Voici mon image sur le calque supérieur (photo mère et fille d’Adobe Stock):
Et si je désactive le calque supérieur en cliquant sur son icône de visibilité:
Nous voyons l’image sur le calque inférieur (photo de football d’Adobe Stock):
Avant d’aller plus loin, je vais réactiver le calque supérieur en cliquant à nouveau sur son icône de visibilité:
En relation: Apprenez tout sur les calques dans Photoshop!
Étape 4: Sélectionnez l’outil Déplacer
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 en utilisant le canevas de Photoshop Commande de taille, puis en faisant glisser l’un des Les images dans le nouvel espace.
Mais nous pouvons en fait faire ces deux choses, déplacer une image et ajouter plus d’espace sur le canevas en même temps, en utilisant une simple astuce.
Premièrement , sélectionnez l’outil Déplacer dans la barre d’outils:
Étape 5: Assurez-vous que « Snap » et » Aligner sur les limites du document « sont activés
Pour utiliser cette astuce, nous » aurons besoin que l’image s’aligne sur le 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.
Montez dans le menu Affichage de la barre de menus et assurez-vous que Snap est activé. Vous devriez voir une coche à côté de son nom:
Et puis directement sous le Option d’accrochage, choisissez Aligner sur, et cette fois, assurez-vous que Limites du document est cochée. Ne cliquez sur aucune de ces options si elles sont déjà cochées ou vous « allez les désactiver:
Étape 6: Sélectionnez le calque supérieur
Dans le panneau Calques, sélectionnez l’image du calque supérieur:
Étape 7: Faites glisser l’image sur le côté de l’autre image
Et 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 faire glisser vers la droite. Appuyez sur la touche Maj et maintenez-la enfoncée pendant que vous faites glisser pour limiter la direction dans laquelle vous pouvez vous déplacer, ce qui facilite le glissement droit.
Ne craignez pas que l’image du haut disparaisse lorsque vous le faites glisser hors du canevas. Nous allons le ramener dans un instant:
Capture de l’image image sur le bord du document
Dès que vous vous approchez suffisamment du bord du document, votre image s’alignera soudainement sur le bord.
Lorsque c’est le cas, relâchez le bouton de la souris , puis relâchez la touche Maj (dans cet ordre). L’image du haut est maintenant masquée, assise sur le côté du canevas:
Étape 8: Choisissez « Tout révéler »
Pour ramener les deux images à la vue, allez dans le menu Image dans la barre de menus et choisissez Tout révéler:
Et Photoshop instantanément redimensionne le canevas pour l’adapter aux deux images. Tout comme cela, les photos s’affichent désormais côte à côte:
Téléchargez ce tutoriel comme un PDF prêt à imprimer!
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 meilleures si elles étaient permutées, de sorte que la photo de gauche a été déplacée vers la droite et la photo de droite était à gauche? Voici « un moyen rapide de les échanger.
Étape 1: Sélectionnez l’outil de déplacement
Tout d’abord, assurez-vous que l’outil de déplacement est toujours sélectionné dans la barre d’outils:
Étape 2: Sélectionnez l’ensemble du canevas
Nous n’allons pas utiliser le Déplacer l’outil 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 avoir tout le canevas sélectionné, alors allez dans le menu Sélectionner dans la barre de menus et choisissez Tout. Un contour de sélection apparaît sur les bords du document:
Étape 3: Sélectionnez l’image du haut
Dans le panneau Calques, cliquez sur l’image du haut pour la sélectionner:
Étape 4: Cliquez sur l’icône « Aligner les bords gauches » ou « Aligner les bords droits »
Et puis dans la barre des options, cliquez sur le bouton Aligner Icône Bords gauches ou Aligner les bords droits, en fonction de la direction dans laquelle vous devez déplacer l’image.
Dans mon cas, je souhaite déplacer l’image du côté droit vers le côté gauche, donc je « ll cliquez sur l’icône Aligner les bords gauches:
Et Photoshop s’enclenche instantanément le bord gauche de l’image vers le bord gauche du canevas:
Étape 5: Sélectionnez le bas i mage
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:
Étape 6: Cliquez sur l’icône « Aligner les bords » opposée
Puisque 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:
Et Photoshop aligne instantanément le bord droit de l’image sur le bord droit du canevas. Pour désélectionner le canevas, allez dans le menu Sélectionner et choisissez Désélectionner, ou appuyez sur Ctrl + D (Windows) / Commande + D (Mac) sur votre clavier:
Et nous l’avons! Voilà comment charger deux images dans le même document, placer les images côte à côte, puis permuter les images dans Photoshop!
Visitez notre section Principes de base de Photoshop pour en savoir plus sur Photoshop, ou nos effets photo pour plus de façons de vous amuser avec vos photos! Et n’oubliez pas, tous nos tutoriels sont maintenant disponibles au téléchargement au format PDF!