Comment insérer une photo dans une forme dans Photoshop

Ce tutoriel vous montrera comment insérer une photo dans une forme à l'aide d' Adobe Photoshop . Comme vous le verrez, il est facile de placer une photo dans n’importe quel type de forme, d’un rectangle ou d’un cercle de base à une forme personnalisée sophistiquée. Ce tutoriel utilisera une forme personnalisée et l'article vous montrera comment charger toutes les formes manquantes dans Photoshop pour plusieurs sélections.

Table des matières

• Étape 1 : Créer un nouveau document
• Étape 2 : ouvrez le panneau Formes
• Étape 3 : Chargez les formes manquantes
• Étape 4 : Choisissez une forme
• Étape 5 : Faites glisser et déposez l’image sur la toile
• Étape 6 : redimensionner et centrer l'image
• Étape 7 : Vérifiez les options Remplissage et Contour dans le panneau Propriétés
• Étape 8 : Placer l’image dans le document
• Étape 9 : Créer un masque d’écrêtage
• Étape 10 : redimensionner et repositionner l'image à l'aide de la transformation libre
• Comment changer la couleur d'arrière-plan
  • Étape 1 : ajouter un calque de remplissage de couleur unie
  • Étape 2 : Choisissez une nouvelle couleur d’arrière-plan
• Comment ajouter des traits autour des formes
  • Étape 1 : sélectionnez le calque de forme
  • Étape 2 : Ajouter un effet de calque de contour

Étape 1 : Créer un nouveau document

Commencez par créer un nouveau document Photoshop. Si vous êtes sur l'écran principal, cliquez sur le bouton Nouveau fichier .

Ou vous pouvez aller dans le menu Fichier dans la barre de menu et sélectionner Nouveau .

Dans tous les cas, la boîte de dialogue Nouveau document s'ouvrira, dans laquelle vous pourrez saisir les paramètres nécessaires dans la colonne de droite. L'exemple créera un document carré en définissant la largeur et la hauteur sur 2000 pixels.

Étant donné que nous allons placer une image dans la forme et que les images sont généralement enregistrées à une résolution plus élevée, modifiez la valeur de résolution à 300 pixels par pouce et laissez le contenu de l'arrière-plan défini sur Blanc .

Cliquez ensuite sur le bouton Créer .

Et Photoshop crée un nouveau document.

Étape 2 : ouvrez le panneau Formes

Le moyen le plus rapide de dessiner des formes personnalisées dans Photoshop est de les ajouter à partir du panneau Formes. Pour ouvrir ce panneau, allez dans le menu Fenêtre et sélectionnez Formes.

Le panneau Formes s'ouvre dans la colonne de sous-panneaux à gauche des panneaux principaux. Vous pouvez afficher ou masquer le panneau en cliquant sur l'icône du panneau.

Au début, tout ce que nous voyons sont des formes par défaut divisées en groupes.

Vous pouvez faire pivoter n'importe quel groupe pour révéler les formes à l'intérieur de ce groupe en cliquant sur la flèche à côté de l'icône de dossier de ce groupe.

Et vous pouvez faire glisser le bas du panneau Formes vers le bas pour développer et voir plusieurs formes à la fois.

Étape 3 : Chargez les formes manquantes

Pour charger toutes les formes manquantes disponibles dans Photoshop, cliquez sur l' icône du menu du panneau Formes .

Ensuite, sélectionnez Formes héritées et plus .

Un nouveau groupe Formes héritées et plus apparaît sous les valeurs par défaut.

Et à l'intérieur, il y a deux autres groupes. Les formes 2019 contiennent des centaines de nouvelles formes ajoutées à Photoshop 2020. Et toutes les formes par défaut héritées contiennent des formes classiques des anciennes versions de Photoshop.

Étape 4 : Choisissez une forme

Ce tutoriel utilisera l’une des formes classiques. L'exemple ouvrira le groupe Toutes les formes par défaut héritées.

Faites ensuite défiler jusqu'à Nature et cliquez pour ouvrir.

Et à l'intérieur de la Nature, utilisez la forme du papillon.

Étape 5 : Faites glisser et déposez l’image sur la toile

Pour ajouter une forme, cliquez simplement et faites glisser la miniature de la forme depuis le panneau Formes et déposez-la sur le canevas.

Photoshop dessine la forme lorsque vous relâchez le bouton de la souris.

Étape 6 : redimensionner et centrer l'image

Avant de redimensionner l'image, allez dans la barre d'options et assurez-vous que l'icône de lien est sélectionnée entre les champs Largeur et Hauteur afin que le rapport hauteur/largeur de l'image soit verrouillé.

Redimensionnez ensuite la forme en cliquant et en faisant glisser l’une des poignées de transformation. Si vous maintenez la touche Alt (Win) / Option (Mac) de votre clavier enfoncée pendant que vous faites glisser, vous redimensionnerez la forme à partir de son centre.

Cliquez et faites glisser la forme vers le centre de la toile. Au fur et à mesure que vous vous rapprochez du centre, il s'enclenchera.

Cliquez ensuite sur la coche dans la barre d’options pour accepter.

Dans le panneau Calques , la forme apparaît sur son propre calque. Nous savons qu'il s'agit d'un calque de forme grâce à l'icône dans le coin inférieur droit de la vignette.

Étape 7 : Vérifiez les options Remplissage et Contour dans le panneau Propriétés

Avec le calque de forme sélectionné, le panneau Propriétés donne accès à toutes les options de la forme, y compris le remplissage et le contour.

Par défaut, Photoshop utilise le noir comme couleur de remplissage, ce qui est correct puisque nous ne verrons pas cette couleur de toute façon après avoir inséré l'image dans la forme.

Mais Photoshop ajoute également un trait noir de 1 pixel autour de la forme.

Un trait peut être ajouté ultérieurement si vous le souhaitez. Mais pour l'instant, désactivez le contour en cliquant sur l'échantillon de couleur du contour :

Et cliquez sur l’ icône Aucune couleur dans le coin supérieur gauche du panneau. Ensuite, cliquez en dehors du panneau pour le fermer ou appuyez sur Entrée (Win) / Retour (Mac) sur votre clavier.

Étape 8 : Placer l’image dans le document

Ensuite, nous allons placer notre image dans le document. Et puisque nous voulons que l'image apparaisse dans le même document que notre forme, utilisons la commande Placer incorporé de Photoshop.

Allez dans le menu Fichier et sélectionnez Placer incorporé .

Accédez à l’endroit où l’image est enregistrée sur votre ordinateur. Dans l’exemple, l’image se trouve dans un dossier sur le bureau. Cliquez sur l'image pour la sélectionner, puis cliquez sur Placer .

Photoshop ajoutera l'image devant la forme. Si l’image est plus grande que la taille du document, Photoshop la redimensionne pour l’adapter. Les images utilisées proviennent d'Adobe Stock.

Nous redimensionnerons l'image après l'avoir placée dans la forme. Cliquez maintenant sur la coche dans la barre d’options pour accepter.

De retour dans le panneau Calques, l’image apparaît sur un nouveau calque au-dessus du calque de forme. Et notez que Photoshop a converti l'image en objet intelligent, nous pouvons le savoir grâce à l'icône d'objet intelligent dans le coin inférieur droit de la vignette. Cela signifie que peu importe le nombre de fois que nous redimensionnons l'image, la qualité de l'image reste inchangée.

Étape 9 : Créer un masque d’écrêtage

Actuellement, l'image est devant la forme. Pour placer une image dans une forme, cliquez sur l’icône du menu du panneau Calques.

Sélectionnez ensuite Créer un masque d’écrêtage .

Un masque d'écrêtage écrêtera l'image sur la forme sous-jacente, ce qui signifie que la seule partie de l'image qui reste visible est la zone immédiatement au-dessus ou devant la forme. Toute partie de l’image qui se trouve à l’extérieur de la forme est masquée, créant l’illusion que l’image est réellement à l’intérieur de la forme.

De retour dans le panneau Calques, notez que le calque d’image est maintenant en retrait vers la droite, avec une petite flèche pointant vers le bas vers le calque de forme en dessous. C'est la façon dont Photoshop nous indique que nous avons créé un masque d'écrêtage.

Étape 10 : redimensionner et repositionner l'image à l'aide de la transformation libre

Pour redimensionner et repositionner l'image à l'intérieur de la forme, accédez au menu Édition et sélectionnez Transformation libre .

Dans la barre d’options, assurez-vous que l’icône de lien est sélectionnée entre les champs Largeur et Hauteur.

Redimensionnez ensuite l’image en faisant glisser l’une des poignées de transformation. Vous pouvez maintenir la touche Alt (Win) / Option (Mac) de votre clavier tout en faisant glisser la poignée pour redimensionner l'image à partir de son centre.

Faites ensuite glisser l’image pour positionner l’objet dans la forme. Vous devrez peut-être alterner entre le redimensionnement et le repositionnement de l'image jusqu'à obtenir le résultat souhaité.

Lorsque vous avez terminé, cliquez sur la coche dans la barre d’options.

Comment changer la couleur d'arrière-plan

À ce stade, nous avons placé l’image dans la forme et l’effet principal est terminé. Il y a donc quelques choses que nous pouvons faire ensuite. Vous pouvez ajouter un trait autour de la forme, modifier la couleur d'arrière-plan derrière la forme ou supprimer complètement l'arrière-plan.

L'article commencera par vous montrer comment changer la couleur d'arrière-plan. Et la façon la plus simple de le faire est d’utiliser un calque de remplissage de couleur unie.

Étape 1 : ajouter un calque de remplissage de couleur unie

Nous voulons que le calque de remplissage de couleur unie apparaisse juste au-dessus du calque d’arrière-plan. Donc, dans le panneau Calques, cliquez sur le calque d’arrière-plan pour le sélectionner.

Cliquez ensuite sur l’ icône Nouveau calque de remplissage ou de réglage en bas du panneau Calques :

Et sélectionnez Couleur unie en haut de la liste.

Étape 2 : Choisissez une nouvelle couleur d’arrière-plan

Photoshop ouvre le sélecteur de couleurs afin que nous puissions choisir une nouvelle couleur pour l'arrière-plan. La couleur par défaut est le noir, ce qui met définitivement en valeur les détails de la forme. Mais dans ce cas, comme couleur de fond pour un papillon, c'est trop sombre.

Vous pouvez choisir une autre couleur dans le sélecteur de couleurs. Mais vous pouvez également échantillonner les couleurs directement à partir de l'image à l'intérieur de la forme. Déplacez simplement le curseur de votre souris sur l'image et le curseur se transformera en pipette. Cliquez ensuite sur la couleur que vous souhaitez échantillonner.

Par exemple, il échantillonnera un teint clair sur le front de la fille et deviendra instantanément la nouvelle couleur d'arrière-plan.

Lorsque vous trouvez une couleur qui vous plaît, cliquez sur OK pour fermer le sélecteur de couleurs. Et de retour dans le panneau Calques, nous voyons qu'un calque de remplissage de couleur unie a été ajouté entre le calque d'arrière-plan et le calque de forme au-dessus.

Comment ajouter des traits autour des formes

Une autre façon d’améliorer l’effet est d’ajouter des traits autour de la forme.

Étape 1 : sélectionnez le calque de forme

Tout d’abord, dans le panneau Calques , cliquez sur le calque de forme pour le sélectionner.

Étape 2 : Ajouter un effet de calque de contour

Bien que vous puissiez ajouter des traits à partir du panneau Propriétés , de nombreuses personnes préfèrent encore la méthode traditionnelle consistant à les ajouter à l'aide d'effets de calque. Ainsi, avec le calque de forme sélectionné, cliquez sur l' icône fx en bas du panneau Calques :

Et sélectionnez Contour .

Photoshop ouvre la boîte de dialogue Style de calque avec les options de trait dans la colonne du milieu. Pour changer la couleur du trait, cliquez sur l’échantillon de couleur.

Ensuite, sélectionnez une nouvelle couleur dans le sélecteur de couleurs. L'exemple sélectionnera le blanc en définissant les valeurs R, G et B sur 255. Cliquez sur OK lorsque vous avez terminé pour fermer le sélecteur de couleurs.

De retour dans la boîte de dialogue Style de calque , définissez la position sur Extérieur afin que le trait apparaisse autour de l'extérieur de la forme. Ensuite, augmentez la valeur Taille pour ajuster l’épaisseur du trait. Pour l'image d'exemple, une taille d'environ 18 px convient.

Cliquez sur OK pour fermer la boîte de dialogue Style de calque . Et voici le résultat avec le trait autour de la forme dans l'exemple.

Si vous décidez que vous n'aimez pas le trait, vous pouvez le désactiver dans le panneau Calques en cliquant sur l'icône de visibilité à côté du mot Trait .