Placer une image à l'intérieur d'une autre avec Photoshop CS6

Écrit par Steve Patterson.

Dans ce didacticiel, nous allons apprendre à placer une image à l'intérieur d'une autre pour créer des effets composites intéressants à l'aide de l'outil simple mais puissant de Photoshop. Coller dans commande. Avec Coller dans, nous pouvons sélectionner une zone dans une image, puis copier et coller une deuxième image directement dans notre sélection. Pour ce didacticiel, j'utiliserai Coller dans pour placer une photo dans un cadre photo, mais comme pour tous nos didacticiels Photoshop, le but ici n'est pas seulement de créer cet effet spécifique. Une fois que vous aurez appris le fonctionnement de la commande Coller dans, vous découvrirez sans aucun doute par vous-même de nombreuses autres utilisations créatives.



je vais utiliser Photoshop CS6 ici mais ce tutoriel est également entièrement compatible avec les deux Photoshop CS5 et Photoshop CC (Nuage créatif). Pour CS4 et les versions antérieures, ou pour un autre exemple de la façon dont Coller dans peut être utilisé, vous voudrez consulter notre original Placer une image à l'intérieur d'une autre Didacticiel.

Pour créer cet effet, vous aurez besoin de deux images. Voici ma première (l'image contenant le cadre photo) ( photo de cadre d'automne de Shutterstock):





  Image 85250287 sous licence de Shutterstock La première image.

Voici ma deuxième image (la photo que je placerai à l'intérieur du cadre) ( couple dans le parc d'automne photo de Shutterstock):

  Image 159680129 sous licence de Shutterstock La deuxième image.

Et voici à quoi ressemblera le composite final :



  Placer une photo dans un cadre avec Photoshop. L'effet final.

Comment placer une image à l'intérieur d'une autre

Étape 1 : Sélectionnez la zone où vous souhaitez que la deuxième image apparaisse

Commencez par l'image dans laquelle vous allez placer la deuxième image et dessinez une sélection autour de la zone où la deuxième image doit apparaître. L'actuel outil de sélection dont vous avez besoin dépendra de la forme de la zone. Dans mon cas, je commence par l'image du cadre photo et je souhaite placer ma deuxième image dans le cadre. Le cadre est une forme rectangulaire simple, vous pourriez donc penser que l'outil de sélection rectangulaire fonctionnerait. Cependant, le cadre est également incliné sur un angle, donc un meilleur choix ici serait celui de Photoshop Outil Lasso polygonal .

Par défaut, l'outil Lasso polygonal est imbriqué derrière le standard Lasso dans le panneau Outils. Pour y accéder, je vais cliquez et maintenez sur l'icône de l'outil Lasso jusqu'à ce qu'un menu déroulant apparaisse me montrant les autres outils qui se cachent derrière. Ensuite, je choisirai le Outil Lasso polygonal depuis le menu :



  Sélection de l'outil Lasso polygonal dans Photoshop. Cliquez et maintenez l'outil Lasso, puis sélectionnez l'outil Lasso polygonal.

Voir tous nos tutoriels sur l'outil de sélection Photoshop

La Outil Lasso polygonal permet de dessiner des sélections polygonales droites en cliquant simplement sur les points où la direction du contour de la sélection doit changer. Chaque fois que nous cliquons sur un nouveau point, Photoshop ajoute une ligne droite entre le nouveau point et le point précédent, et nous continuons à cliquer autour de la zone que nous sélectionnons, en ajoutant un nouveau segment de ligne à chaque clic, jusqu'à ce que nous ayons fait notre retour au début. Pour terminer la sélection, il suffit de cliquer à nouveau sur le point initial.

La sélection de la zone à l'intérieur du cadre de l'image avec l'outil Lasso polygonal est facile. Tout ce que j'ai à faire est de cliquer dans chacun des quatre coins. Je vais commencer par cliquer dans le coin supérieur gauche, puis je vais me déplacer dans le coin supérieur droit et cliquer, descendre dans le coin inférieur droit et cliquer, puis revenir dans le coin inférieur gauche et cliquer. Vous ne verrez pas le contour de sélection traditionnel des 'fourmis en marche' lorsque vous effectuez une sélection avec l'outil Lasso polygonal. Au lieu de cela, vous verrez un mince contour de chemin joignant les points ensemble :



  Sélection de la zone photo du cadre avec l'outil Lasso polygonal. Cliquez dans les coins pour sélectionner la zone photo du cadre.

Pour terminer la sélection, je clique à nouveau sur le point initial dans le coin supérieur gauche, et maintenant la zone à l'intérieur du cadre est sélectionnée, avec le contour de sélection standard 'Marching ants' maintenant visible :

  L'intérieur du cadre de l'image est maintenant sélectionné. Cliquez à nouveau sur le point initial pour terminer la sélection.

Étape 2 : Sélectionnez et copiez la deuxième image

Passez à votre deuxième image (celle que vous placerez dans la sélection) soit en l'ouvrant si elle n'est pas déjà ouverte, soit en cliquant sur son languette en haut du document :

  Basculer entre les images dans Photoshop en cliquant sur les onglets du document. Passer à la deuxième image en cliquant sur son onglet de document.

Utilisation de documents à onglets et flottants dans Photoshop



Nous devons copier cette image dans le presse-papiers afin de pouvoir ensuite la coller dans la sélection que nous avons faite dans l'image précédente. Pour le copier, nous devons d'abord le sélectionner, alors montez à la Sélectionner menu dans la barre de menus en haut de l'écran et choisissez Tout . Ou appuyez sur Ctrl+A (Gagner) / Commande + A (Mac) sur votre clavier :

  Choisir la commande Sélectionner tout dans la barre de menus. Aller à Sélectionner> Tout.

Un contour de sélection apparaîtra autour des bords de l'image, vous indiquant qu'elle est maintenant sélectionnée :



  La deuxième image est sélectionnée. La deuxième image est sélectionnée.

Avec l'image sélectionnée, remontez jusqu'à la Éditer menu en haut de l'écran et choisissez Copie , ou appuyez sur Ctrl+C (Gagner) / Commande + C (Mac) sur votre clavier :

  Sélection de la commande Copier du menu Edition. Allez dans Edition > Copier.

Étape 3 : Coller la deuxième image dans la sélection

Revenez à la première image en cliquant sur sa languette en haut du document :



  Cliquez sur l'onglet pour afficher à nouveau la première image. Cliquez sur l'onglet pour afficher à nouveau la première image.

La sélection que nous avons créée il y a un instant sera toujours visible. Pour coller la seconde image dans la sélection, remontez jusqu'au Éditer menu en haut de l'écran, choisissez Collage spécial , Alors choisi Coller dans :

  Sélectionnez Coller dans dans le sous-menu Collage spécial du menu Édition. Allez dans Edition > Collage spécial > Coller dans.

Et juste comme ça, l'image apparaît à l'intérieur de la sélection. Dans mon cas, l'image est évidemment trop grande pour le cadre, mais nous verrons comment y remédier dans un instant :

  L'effet après avoir collé la deuxième image dans la sélection. L'effet après avoir collé la deuxième image dans la sélection.

Avant d'aller plus loin, cependant, jetons un coup d'œil dans le Panneau Calques afin que nous puissions voir ce qui s'est passé. Notez que nous avons maintenant deux couches. L'image originale est assise sur le Couche d'arrière-plan en bas, et dès que nous avons choisi la commande Coller dans, Photoshop a ajouté un tout nouveau calque au-dessus et a placé la deuxième image sur ce nouveau calque :

  Le panneau Calques affichant la deuxième image sur son propre calque. Le panneau Calques affichant la deuxième image sur son propre calque.

Pourquoi la deuxième image n'est-elle visible qu'à l'intérieur de la zone que nous avons sélectionnée ? C'est parce que Photoshop a utilisé notre sélection pour créer un masque de calque pour la deuxième image. On peut voir le masque dans le vignette du masque de calque . La zone blanche représente la zone où l'image est visible dans le document, tandis que la zone noire qui l'entoure est celle où l'image est masquée :

  La vignette du masque de calque dans le panneau Calques. Photoshop a transformé notre sélection en masque de calque pour contrôler la visibilité de la deuxième image.

Comprendre les masques de calque dans Photoshop

Étape 4 : redimensionnez et repositionnez la deuxième image avec une transformation libre

Si votre image est trop grande pour la zone sélectionnée et que vous avez besoin de la redimensionner (comme je le fais), remontez jusqu'au Éditer menu en haut de l'écran et choisissez Transformation libre . Ou appuyez sur Ctrl+T (Gagner) / Commande + T (Mac) sur votre clavier pour sélectionner Free Transform avec le raccourci :

  Sélectionnez Transformation libre dans le menu Edition. Allez dans Édition> Transformation libre.

Cela place la boîte de transformation libre et les poignées (les petits carrés) autour de l'image. Notez que la boîte de transformation libre apparaît autour des dimensions réelles de l'image, pas seulement de la partie visible. Si vous ne pouvez pas voir l'intégralité de la zone de transformation libre parce que votre image est si grande qu'elle s'étend directement hors de l'écran, accédez à la Voir menu en haut de l'écran et choisissez Adapter à l'écran :

  Sélectionnez Ajuster à l'écran dans le menu Affichage. Aller à Affichage> Ajuster à l'écran.

Cela fera instantanément un zoom arrière sur l'image afin que tout, y compris la boîte de transformation libre, tienne sur votre écran :

  La boîte de transformation libre entière est maintenant visible à l'écran. La boîte de transformation libre entoure l'image réelle, pas seulement la petite zone visible.

Pour redimensionner l'image, maintenez la touche Décalage touche de votre clavier, puis cliquez et faites glisser l'un des quatre coins de la boîte de transformation libre. Maintenez la touche Maj enfoncée pendant que vous faites glisser pour verrouiller le rapport d'aspect d'origine de l'image lorsque vous la redimensionnez afin de ne pas déformer accidentellement sa forme. Ici, je fais glisser le coin inférieur droit vers l'intérieur, mais n'importe lequel des coins fonctionnera. Assurez-vous (très important !) que lorsque vous avez terminé de faire glisser le coin, vous relâchez d'abord la touche de votre souris, alors relâchez la touche Maj . Si vous relâchez la touche Maj avant de relâcher la touche de la souris, vous perdrez le rapport hauteur/largeur d'origine de l'image :

  La boîte de transformation libre entière est maintenant visible à l'écran. Faites glisser l'une des poignées d'angle vers l'intérieur tout en maintenant la touche Maj enfoncée.

Pour déplacer et repositionner l'image à l'intérieur de la zone sélectionnée, cliquez simplement et faites glisser n'importe où dans la zone de transformation libre. Pas besoin de maintenir la touche Maj enfoncée cette fois. Ne cliquez pas sur ce petit symbole de cible au centre, sinon vous déplacerez la cible, pas l'image :

  Repositionner l'image à l'intérieur du cadre avec Free Transform. Cliquez et faites glisser à l'intérieur de la boîte de transformation libre pour repositionner l'image à l'intérieur du cadre.

Si vous devez également faire pivoter votre image, déplacez le curseur de votre souris en dehors de la zone de transformation libre. Lorsque vous voyez le curseur se transformer en flèche incurvée à double face , cliquez et faites glisser avec votre souris. Ici, je fais pivoter l'image dans le sens inverse des aiguilles d'une montre pour mieux correspondre à l'angle du cadre :

  Cliquez et faites glisser en dehors de la zone de transformation libre pour faire pivoter l'image. Cliquez et faites glisser en dehors de la zone de transformation libre pour faire pivoter l'image.

Lorsque vous êtes satisfait de l'apparence de l'image, appuyez sur Entrer (Gagner) / Revenir (Mac) sur votre clavier pour l'accepter et quitter le mode Transformation libre :

  La deuxième image a été déplacée, redimensionnée et pivotée à l'intérieur du cadre. La deuxième image a été déplacée, redimensionnée et pivotée à l'intérieur du cadre.

Étape 5 : Ajouter un effet de couche d'ombre intérieure

La finition de l'effet, j'ajouterai une ombre intérieure aux bords de la photo pour qu'elle ressemble plus à l'intérieur du cadre plutôt qu'à quelqu'un qui vient de la coller (ce qui, bien sûr, est exactement ce que j'ai fait ). Pour ajouter l'ombre intérieure, je clique sur le Styles de calque icône en bas du panneau Calques :

  Cliquez sur l'icône Styles de calque. Cliquez sur l'icône Styles de calque.

Alors je choisirai Ombre intérieure dans la liste qui s'affiche :

  Choisir un style de calque Inner Shadow. Choisissez Inner Shadow dans la liste.

Cela ouvre la boîte de dialogue Style de calque de Photoshop définie sur les options d'ombre intérieure dans la colonne du milieu. je vais baisser le Opacité de l'ombre de sa valeur par défaut de 75 % jusqu'à 40% il apparaît donc moins intense. je vais régler le Angle à 135° la lumière semble donc briller en haut à gauche, bien que vous souhaitiez peut-être un angle différent pour votre image. Enfin, je vais définir à la fois le Taille et Distance valeurs à 10 pixels . L'option Taille contrôle la distance à laquelle l'ombre s'étend à partir du bord, tandis que la valeur Distance contrôle la douceur du bord ou l'adoucissement. Les valeurs dont vous avez besoin dépendront beaucoup de la taille de votre image, vous voudrez peut-être expérimenter un peu ces deux options :

  Les options d'ombre intérieure dans la boîte de dialogue Style de calque. Les options d'ombre intérieure.

Cliquez sur OK pour fermer la boîte de dialogue Style de calque. Et avec ça, on a fini ! Voici, après avoir ajouté un effet de calque Inner Shadow, voici mon résultat final :

  Placer une photo dans un cadre avec Photoshop. L'effet final.

Où aller ensuite...