Arrondir une forme

 

Arrondir une forme
survoler l’image pour voir l’originale

 

Ce tutoriel est écrit avec CS 6.

 

Arrondir une forme :

ouvrir une nouvelle image vide ou touches Ctrl + N
ou à partir d’une image existante, placer une forme seule sur un calque, après l’avoir sélectionnée et/ou détourée.

Si vous commencez avec une image vide,
prendre un outil de sélection et tracer la sélection d’une forme

Par exemple cette sélection, constituée de plusieurs rectangles, est créée en maintenant la touche Maj.

Tracer une sélection

ajouter un calque vide et remplir cette forme d’une couleur

cliquer à l’extérieur de la forme pour Désélectionner ou touches Ctrl + D

dupliquer le calque par clic droit ou touches Ctrl + J

masquer le calque de départ, celui du dessous, en décochant l’icône œil en début de ligne, dans le panneau Calques

sélectionner le calque du haut et faire un Ctrl + clic sur la vignette du calque pour récupérer la sélection de la forme

Sélectionner la forme

passer l’affichage en mode Masque en utilisant l’icône en bas du panneau des outils ou touche Q
L’extérieur de la forme se colore en rouge clair.

Mode Masque

menu Filtre / Atténuation / Flou gaussien, entrez une valeur correspondant à la moitié du rayon que vous désirez obtenir, puis valider la fenêtre

Par exemple, pour obtenir un rayon de 10 pixels il faut entrer 5 pixels dans le Flou gaussien.

Flou gaussien

afficher le menu Image / Réglages / Niveaux… ou touches Ctrl + L

entrer les valeurs 118, 1,00 et 137 dans les champs des niveaux d’entrée, puis valider la fenêtre

Niveaux

quitter le mode Masque en cliquant sur l’icône en bas du panneau des outils ou touche Q

Vous obtenez une sélection arrondie.
Vous pouvez faire copier/coller de façon à obtenir la forme seule sur un calque
ou la remplir d’une couleur par exemple, dans ce cas il faut ajouter un Nouveau calque vide puis remplir la sélection
ou utiliser un Calque de remplissage, par exemple un Calque de remplissage / Couleur.

Forme arrondie

Par exemple, j’ai ajouté un Calque de remplissage / Couleur (rouge), puis j’ai masqué le calque en dessous.

Calque de remplissage couleur

La procédure est terminée, l’image finale se trouve au début du tutoriel ▲

 

Conserver certains angles (option) :

Il est possible de conserver certains angles, donc de ne pas les arrondir. Il suffit simplement de récupérer ces angles sur le calque d’origine.

Modifier la sélection de la forme :

Il faut associer les 2 calques partiellement, une partie du calque de la forme non arrondie, avec une partie du calque de la forme arrondie.

faire apparaître le calque de la forme non arrondie, en cochant l’icône œil en début de calque puis le sélectionner

1 faire un Ctrl + clic sur sa vignette pour récupérer la sélection de la forme

2 avec l’outil Rectangle de sélection, maintenir la touche Alt (pour soustraire) et entourer les angles arrondis, en regardant l’autre calque celui arrondi.

Donc on soustrait les angles arrondis de l’autre calque. Vous pouvez soit changer les couleurs des calques, soit diminuer l’Opacité pour voir les 2 calques en même temps.

3 Vous obtenez la sélection des angles non arrondis.

4 maintenir les touches Ctrl + Maj et cliquer sur la vignette du calque de la forme arrondie, pour associer les 2 sélections

C’est la touche Maj qui permet d’associer une sélection à une autre sélection.

Maintenant avec cette sélection, vous pouvez ajouter un calque vide et le remplir d’une couleur ou utiliser un Calque de remplissage / Couleur unie, par exemple.

Voici la procédure en images.

Conserver certains angles

Forme partiellement arrondie

Autre méthode plus directe :

Si vous savez par avance quels angles seront arrondis et quels angles ne le seront pas, vous pouvez dès le départ, au moment de la sélection, créer 2 calques différents, et appliquer l’arrondi sur un seul des 2 calques.

 

Autre exemple d’arrondi de forme :

Un peu plus compliqué mais intéressant, une forme (flèche) séparée sur 2 calques, avec des arrondis différents.

Pour cette forme, je veux appliquer 2 arrondis différents, et je veux que l’intersection des 2 formes ne soit pas arrondie.

Je découpe donc la flèche en deux parties sur 2 calques distinctes.
Ensuite j’allonge la forme rectangle de gauche vers la droite, afin de ne pas appliquer d’arrondi sur son coté droit.

C’est à dire que l’arrondi autour de la forme rectangle va bien s’appliquer, mais le coté droit sera masqué par le triangle de la flèche, le calque du triangle étant dessus.
Je peux également agrandir davantage puis couper ensuite le coté droit.

Forme sur 2 calques

Créer l’arrondi de la forme rectangulaire :

Pour la forme rectangulaire je choisis un arrondi plus important, de 20 pixels.

récupérer la sélection du rectangle, par Ctrl + clic sur la vignette du calque

activer le mode Masque puis filtre Flou gaussien de 10 pixels (pour un rayon final de 20 pixels) et commande Niveaux

désactiver le mode Masque en appuyant sur la même touche Q, puis copier/coller pour obtenir le rectangle arrondi sur un nouveau calque

La forme rectangulaire est arrondie mais la partie droite est masquée.

Rectangle arrondi

Créer l’arrondi de la forme triangulaire :

Pour la forme de droite je choisis un arrondi plus faible, de 10 pixels.

récupérer la sélection du triangle, puis mode Masque puis Flou gaussien (de 5 pixels) puis commande Niveaux avec les mêmes valeurs,
ensuite copier/coller pour obtenir la forme arrondie.

Ensuite on peux fusionner les 2 calques et voila la forme de flèche avec 2 arrondis différents, à gauche 20 pixels et à droite 10 pixels

Flèche avec 2 arrondis différents

 

Améliorer la forme :

Si après avoir arrondi une forme, les contours ne sont pas nets, on peut les améliorer.

Avec Améliorer le contour :

récupérer la sélection de la forme, par un Ctrl + clic sur la vignette du calque

prendre un outil de sélection et cliquer sur le bouton Améliorer le contour…, dans le panneau de contrôle de l’outil de sélection

dans la fenêtre entrer par exemple les valeurs Lissage 4, Contour progressif 0,4 et Décalage du contour -2 puis valider

Améliorer le contour de la forme

faire copier / coller, pour obtenir la forme sur un nouveau calque

Les valeurs dans la fenêtre Améliorer le contour dépendent de la résolution de l’image. Vous pouvez tester avec d’autres valeurs et même juste avec un Lissage par exemple.

 

Utiliser un script :

Voici un script tout prêt qui permet d’arrondir une forme, en un clic !

Télécharger le script :

Télécharger : Action Arrondir une formeTéléchargé 2427 fois – 1,24 Ko

 

Charger le script :

Après avoir décompressé le fichier téléchargé (.zip), sur votre disque dur,

  • afficher le panneau Scripts, par le menu Fenêtre
  • cliquer en haut à droite du panneau sur son menu (petite flèche)
  • dans le menu qui s’affiche, cliquer sur la ligne Charger des scripts…
  • sélectionner le fichier Arrondir forme – Photoshoplus.atn et valider la fenêtre

Utiliser le script :

  • dans le panneau Scripts, sélectionner la ligne Arrondir forme puis cliquer sur l’icône en bas Exécuter la sélection

Exemples de formes arrondies :

Lettre arrondie de 20 pixels

 

Ce tutoriel est la propriété du site Photoshoplus. Toute reproduction, exploitation ou diffusion du présent document est interdite.