Accueil
» Wiki
»
Comment insérer une photo dans une forme dans Photoshop
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.
Commencez par créer un nouveau document Photoshop. Si vous êtes sur l'écran principal, cliquez sur le bouton Nouveau fichier .
Cliquez sur le bouton Nouveau fichier sur l'écran principal de Photoshop
Ou vous pouvez aller dans le menu Fichier dans la barre de menu et sélectionner Nouveau .
Allez dans Fichier > 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 .
Configurer un nouveau document Photoshop
Cliquez ensuite sur le bouton Créer .
Cliquez sur le bouton Créer pour créer un nouveau document Photoshop.
Et Photoshop crée un nouveau document.
Nouveau document Photoshop
É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.
Ouvrez le panneau Formes à partir du menu Fenêtre
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.
Le panneau Formes de Photoshop s'ouvre dans la colonne du sous-panneau.
Au début, tout ce que nous voyons sont des formes par défaut divisées en groupes.
Groupes de formes personnalisées par défaut de Photoshop
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.
Afficher les formes au sein d'un groupe
Et vous pouvez faire glisser le bas du panneau Formes vers le bas pour développer et voir plusieurs formes à la fois.
Développer le panneau de forme
É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 .
Cliquez sur l'icône du menu.
Ensuite, sélectionnez Formes héritées et plus .
Chargez le groupe Formes héritées et plus.
Un nouveau groupe Formes héritées et plus apparaît sous les valeurs par défaut.
Nouveau groupe Formes héritées et plus.
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.
Formes 2019 et toutes les formes par défaut héritées
É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.
Ouvrir le groupe Toutes les formes par défaut héritées
Faites ensuite défiler jusqu'à Nature et cliquez pour ouvrir.
Groupe Nature Ouverte
Et à l'intérieur de la Nature, utilisez la forme du papillon.
Sélectionnez l'image 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.
Faites glisser une forme du panneau Formes sur la zone de dessin.
Photoshop dessine la forme lorsque vous relâchez le bouton de la souris.
Dessin Photoshop.
É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é.
Assurez-vous que la largeur et la hauteur sont liées.
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.
Faites glisser la poignée pour redimensionner la forme.
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.
Faites glisser la forme vers le centre.
Cliquez ensuite sur la coche dans la barre d’options pour accepter.
Cliquez sur la coche pour accepter la taille et la position de la forme.
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.
Panneau Calques de Photoshop montrant le nouveau calque de forme.
É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.
Options de forme dans le panneau Propriétés de Photoshop.
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.
Remplissage et contour par défaut pour les formes.
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 :
Cliquez sur l'échantillon de couleur du trait
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.
Définissez le trait sur Aucune couleur.
É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é .
Sélectionnez la commande Placer incorporé dans le menu Fichier.
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 .
Sélectionnez l’image et 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.
L'image est placée devant la forme.
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.
Cliquez sur la coche dans la barre d’options.
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.
Photoshop définit l'image comme un objet intelligent.
É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.
Cliquez sur l’icône du menu du panneau Calques.
Sélectionnez ensuite Créer un masque d’écrêtage .
Sélectionnez la commande 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.
Résultat après insertion de l'image dans 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.
Le panneau Calques affiche le 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 .
Résultat après avoir découpé l'image en forme.
Dans la barre d’options, assurez-vous que l’icône de lien est sélectionnée entre les champs Largeur et Hauteur.
Assurez-vous que l’icône de lien est sélectionnée.
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.
Redimensionner l'image à l'intérieur de la forme.
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é.
Positionnez l'image à l'intérieur de la forme.
Lorsque vous avez terminé, cliquez sur la coche dans la barre d’options.
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.
Sélectionnez le calque d’arrière-plan dans le panneau Calques.
Cliquez ensuite sur l’ icône Nouveau calque de remplissage ou de réglage en bas du panneau Calques :
Cliquez sur l’icône Nouveau calque de remplissage ou de réglage.
Et sélectionnez Couleur unie en haut de la liste.
Ajoutez un calque de remplissage de couleur unie.
É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.
Effet avec le noir comme couleur de fond.
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.
Échantillonnez une nouvelle couleur d’arrière-plan à partir de l’image à l’intérieur de la forme.
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.
Panneau Calques de Photoshop montrant le nouveau calque de remplissage de couleur unie.
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.
Sélectionnez le calque de forme dans le panneau Calques.
É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 :
Cliquez sur l’icône des effets de calque dans le panneau Calques de Photoshop.
Et sélectionnez Contour .
Ajouter un effet de calque de trait.
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.
Cliquez sur l’échantillon de couleur dans la boîte de dialogue Style de calque de Photoshop.
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.
Sélectionnez le blanc pour le trait dans 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.
Définissez la position et la taille du trait dans la boîte de dialogue Style de calque.
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.
Résultat avec un trait blanc ajouté autour de la forme.
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 .
Cliquez sur l'icône de visibilité pour l'effet de calque de trait.