Home
» Wiki
»
Comment créer des images aux coins arrondis dans Photoshop
Comment créer des images aux coins arrondis dans Photoshop
Ce tutoriel vous montrera la meilleure façon d'arrondir les coins des images à l'aide de Photoshop. L'article vous montre également comment ajouter une bordure à votre photo après avoir arrondi les coins. Et enfin l'étape la plus importante, qui est de savoir comment enregistrer le résultat avec la transparence préservée dans les coins.
Avec l’image ouverte dans Photoshop, commencez par aller dans le panneau Calques où l’image se trouve sur le calque d’arrière-plan.
Cliquez sur l'icône de verrouillage du calque pour le déverrouiller. Photoshop renommera le calque en Calque 0 et l'icône de verrouillage disparaîtra.
Déverrouillez le calque d'arrière-plan.
Étape 2 : Sélectionner l’outil Rectangle
Dans la barre d’outils, sélectionnez l’outil Rectangle.
Si un autre outil de forme est disponible, cliquez et maintenez enfoncé l'icône de cet outil et sélectionnez l'outil Rectangle dans la liste.
Sélectionnez l'outil Rectangle dans la barre d'outils de Photoshop
Étape 3 : Définir les options de forme
Dans la barre d’options, cliquez sur l’échantillon Couleur du trait.
Nuancier de couleur de trait dans la barre d'options de Photoshop
Définissez la couleur sur Aucune pour ne pas afficher le trait.
Appuyez ensuite sur Entrée ( Retour sur Mac) pour fermer les options de couleur.
Sélectionnez Aucun pour la couleur du trait.
À gauche de la couleur du trait se trouve l' échantillon de couleur de remplissage .
N'importe quelle couleur pour la forme fera l'affaire, donc pour l'exemple nous la laisserons noire (couleur de forme par défaut).
Échantillon de couleur de remplissage.
La barre d'options contient également l'option Rayon d'angle, qui vous permet de saisir les dimensions des angles avant de dessiner la forme.
Laissez-le à 0 pour l'instant car nous arrondirons les coins après avoir dessiné la forme.
Option Rayon d'angle pour l'outil Rectangle dans Photoshop
Étape 4 : Dessinez un rectangle
Cliquez et maintenez le doigt sur le document et faites glisser la forme vers l'extérieur. Ne vous inquiétez pas de la taille ou de la position de la forme car nous la modifierons plus tard.
Dessinez la forme initiale.
Dans le panneau Calques, la forme apparaîtra sur son propre calque de forme au-dessus de l’image.
Nouveau calque de forme dans le panneau Calques.
Étape 5 : Centrez et redimensionnez la forme
Avant de redimensionner la forme, centrez la forme sur la toile.
Dans la barre d’options, cliquez sur l’ icône Alignement du chemin .
Icône d'alignement du chemin dans la barre d'options.
Modifiez l' option Aligner sur de Sélection à Toile .
L'option Aligner sur est définie sur Toile.
Cliquez sur les icônes Aligner les centres horizontaux et Aligner les centres verticaux .
Cliquez ensuite n’importe où sur la barre d’options pour fermer la boîte.
Icônes Aligner les centres horizontaux et Aligner les centres verticaux.
Maintenant, la forme est centrée. Vous pouvez redimensionner à partir de son centre en maintenant la touche Alt sur un PC Windows ou la touche Option sur un Mac et en faisant glisser l'une des poignées de transformation.
Redimensionne une forme à partir de son centre.
Étape 6 : Arrondir les coins de la forme
Notez le petit cercle à chaque coin de la forme. Ce sont les contrôles de rayon d'angle .
Le contrôle Rayon d'angle se trouve dans le coin supérieur gauche de la forme.
Pour arrondir les coins, faites simplement glisser l’un des cercles.
Faites glisser le cercle pour arrondir les coins.
Les quatre coins de la forme sont arrondis dans la même mesure.
Faire glisser un cercle arrondira tous les coins à la fois.
Coins arrondis depuis le panneau Propriétés
Une autre façon d’arrondir les coins est d’utiliser le panneau Propriétés. Cette deuxième méthode est utile lorsque vous connaissez la valeur exacte du rayon dont vous avez besoin.
Dans le panneau Propriétés , accédez aux options Rayon d’angle . Vous devrez peut-être faire défiler vers le bas pour les trouver.
Ici, vous pouvez saisir des valeurs pour les angles dans les coins supérieur gauche, supérieur droit, inférieur droit et inférieur gauche de la forme.
Options de rayon d'angle dans le panneau Propriétés.
Pour définir le rayon des 4 coins à la fois, assurez-vous d'abord que l'icône de lien est sélectionnée.
Icône de lien.
Saisissez ensuite la valeur dans n’importe quelle cellule. Par exemple, nous entrerons 800 px pour le coin supérieur gauche.
Entrez une valeur de rayon pour l’un des coins.
Appuyez sur Entrée ( Retour sur Mac) pour accepter et définir cette valeur pour les 4 coins.
Désormais, les quatre coins ont la même valeur de rayon.
Comment arrondir un coin séparément des autres
En plus d'arrondir les quatre coins ensemble, vous pouvez arrondir chaque coin individuellement.
Le moyen le plus simple est de maintenir la touche Alt enfoncée sur un PC Windows ou la touche Option sur un Mac, puis de faire glisser le cercle correspondant à l’angle que vous souhaitez ajuster.
Donc, si vous souhaitez que le coin supérieur droit soit pointé tandis que les autres coins restent arrondis, vous pouvez maintenir la touche Alt (Win) / Option (Mac) enfoncée et faire glisser le cercle de ce coin vers sa position d'origine.
Arrondit un coin d'une forme séparément des autres coins.
Maintenez la touche Alt (Win) / Option (Mac) enfoncée pour faire glisser le cercle sans affecter les autres coins.
Et maintenant, nous avons un angle aigu (dans le coin supérieur droit) et trois coins arrondis.
Résultats après ajustement d'un angle séparément.
Une autre façon d’ajuster un coin individuellement est d’utiliser l’option Rayon d’angle dans le panneau Propriétés.
Tout d’abord, dissociez les coins en décochant l’icône de lien.
Délier les coins.
Entrez ensuite la valeur du rayon du coin. Donc, si vous souhaitez que le coin inférieur gauche soit également net, vous pouvez saisir une valeur de 0 px.
Appuyez sur Entrée ( Retour sur Mac) pour accepter.
Définissez le rayon en bas à gauche sur 0.
Maintenant, nous avons deux coins arrondis et deux coins aigus.
Définissez le rayon en bas à gauche sur 0.
Résultat après ajustement du coin inférieur gauche seul.
Mais remarquez que si vous faites maintenant glisser un cercle (sans maintenir la touche Alt ou Option enfoncée ) pour ajuster les quatre coins ensemble, les coins supérieurs droits et inférieurs gauches sont toujours moins arrondis que les autres coins.
Les coins sont arrondis à des degrés divers.
Réinitialiser les coins
Faites glisser les cercles vers les coins pour les réinitialiser à leurs angles vifs d'origine.
Faites glisser les cercles pour affiner les coins.
Ensuite, faites glisser l’un des cercles pour les arrondir tous à la même valeur que vous le souhaitez.
Arrondissez les quatre coins ensemble.
Étape 7 : Créer un masque d’écrêtage
Maintenant que vous avez arrondi les coins de la forme, vous devez déplacer l’image dans la forme. Pour ce faire, utilisez un masque d’écrêtage.
Dans le panneau Calques, faites glisser le calque d’image au-dessus du calque de forme.
Faites glisser l’image sur le calque de forme dans le panneau Calques.
Ensuite, pendant que le calque d’image est actif, cliquez sur l’icône de menu du panneau Calques.
L'icône du menu du panneau Calques.
Cliquez sur l'icône du menu.
Sélectionnez Créer un masque d’écrêtage .
Sélectionnez la commande Créer un masque d’écrêtage dans Photoshop.
Cette commande place l'image à l'intérieur d'une forme, lui donnant l'impression d'avoir des coins arrondis.
Et tout ce qui se trouve à l’extérieur de la forme est désormais transparent, représenté par un motif en damier.
Les photos ont désormais des coins arrondis.
Étape 8 : Effectuez les derniers ajustements aux coins
Vous pouvez toujours ajuster les coins si nécessaire, même si la photo est à l'intérieur de la forme.
Il suffit de resélectionner le calque de forme dans le panneau Calques.
Sélectionnez le calque de forme.
Tant que vous gardez l'outil Rectangle (ou tout autre outil de forme) sélectionné dans la barre d'outils, les cercles dans les coins réapparaîtront.
Faites glisser un cercle pour ajuster la rondeur jusqu'à ce que vous soyez satisfait du résultat.
Les cercles de rayon d'angle réapparaissent lorsque le calque de forme est sélectionné.
Pour afficher l’image sans que les contrôles de forme ne vous gênent, sélectionnez le calque d’image dans le panneau Calques.
Et pour ramener les contrôles, sélectionnez le calque de forme.
Basculez entre les calques de forme et d'image pour afficher/masquer les contrôles de forme.
Étape 9 : Découpez les zones transparentes
Avant d'aller plus loin, supprimons les zones transparentes inutiles autour de l'image, car tout ce dont nous avons vraiment besoin est la transparence dans les coins.
Allez dans le menu Image et sélectionnez Rogner .
Sélectionnez la commande Recadrer dans le menu Image de Photoshop
Dans la boîte de dialogue Découper , sélectionnez Pixels transparents en haut et assurez-vous que Haut, Bas, Gauche et Droite sont tous sélectionnés en bas.
Cliquez ensuite sur OK.
Boîte de dialogue de découpage dans Photoshop
Photoshop coupe toute la transparence sauf ce qui reste dans les coins.
Résultat après avoir retiré la majeure partie de la partie transparente.
Étape 10 : Ajouter une bordure autour de la photo (facultatif)
Si vous souhaitez ajouter une bordure autour de votre image, assurez-vous que le calque de forme dans le panneau Calques est sélectionné.
Sélectionnez le calque de forme.
Cliquez sur l’icône des effets de calque (fx) en bas du panneau Calques.
Icône d'effet de calque.
Sélectionnez AVC dans la liste.
Ajoutez un effet de calque de trait à la forme.
Dans la boîte de dialogue Style de calque, cliquez sur l’échantillon de couleur pour sélectionner une couleur pour le trait.
Sélectionnez la couleur du trait.
Ensuite, sélectionnez une couleur dans le sélecteur de couleurs. L'exemple choisira le blanc (avec des valeurs R, G et B de 255).
Cliquez sur OK pour fermer le sélecteur de couleurs lorsque vous avez terminé.
Sélectionnez le blanc dans le sélecteur de couleurs.
De retour dans la boîte de dialogue Style de calque, assurez-vous que la position du trait est définie sur Intérieur.
Faites ensuite glisser le curseur Taille pour définir la largeur du trait. La taille dont vous avez besoin dépendra de la taille de l'image.
Cliquez sur OK pour fermer la boîte de dialogue Style de calque lorsque vous avez terminé.
Options de position et de taille du trait.
Il s'agit de l'image avec le contour ajouté.
Une bordure est ajoutée autour de l'image.
Étape 11 : Enregistrer l'image
Enfin, pour enregistrer l'image et conserver les coins arrondis, vous devez enregistrer l'image dans un format prenant en charge la transparence. JPEG ne fonctionnera pas. Enregistrez plutôt l'image au format PNG .
Allez dans le menu Fichier et sélectionnez Enregistrer une copie (pas Enregistrer sous).
Allez dans Fichier > Enregistrer une copie
Dans la boîte de dialogue Enregistrer une copie :
Accédez à l’endroit où vous souhaitez enregistrer le fichier sur votre ordinateur.
Changer le type de fichier en PNG .
Nommez le fichier. L'exemple sera nommé « coins arrondis ».
Cliquez sur Enregistrer .
Enregistrer le fichier au format PNG.
Dans les options de format PNG, sélectionnez la plus petite taille de fichier et cliquez sur OK .
Votre image est maintenant enregistrée avec des coins arrondis.
Option de format PNG.
Et c'est tout ! Voici comment arrondir les coins des photos à l'aide de Photoshop.