Créer un triangle avec des coins arrondis


27

Je sais que vous pouvez créer un rectangle aux coins arrondis; mais comment créer un triangle aux coins arrondis dans Photoshop?

Je suis en fait intéressé à le faire à partir de zéro, pas à le baser sur une forme personnalisée disponible dans Photoshop. Merci.


les deux réponses ci-dessous sont bonnes. Notez que la méthode de masque de canal alpha a un problème mineur avec la mise à l'échelle et un manque de contrôle absolu. La méthode vectorielle peut être mise à l'échelle à n'importe quelle taille sans aucune perte de qualité et a un contrôle plus fin du rayon d'angle.
horatio

Je passe généralement à Inkscape pour faire des choses comme ça. Vous pouvez également utiliser Illustrator / CorelDraw / votre éditeur de graphiques vectoriels préféré. Non pas que l'utilisation de Photoshop soit mauvaise ou imprudente, je préfère juste un éditeur de graphiques vectoriels dédié pour ces choses.
thomasrutter

1. Créez-le dans Illustrator. 2. Collez comme objet intelligent dans PS. Vous pouvez bricoler avec le rayon de coin à tout moment de cette façon;)
Salman von Abbas

Réponses:


32

Il y a plusieurs moyens de le faire. Vous pouvez utiliser l'outil stylo pour le dessiner vous-même.

Ma réponse est basée sur la façon dont je l'ai fait au fil des ans.

étape 1

Dessinez un triangle dans un nouveau calque. appuyez sur cmd + a (tout sélectionner) puis sur cmd + c (copier)

étape 2

basculez vers l'onglet Chaînes et créez une nouvelle chaîne. Il sera nommé "Alpha 1" par défaut. collez maintenant le triangle que vous avez copié auparavant. Notez que le triangle sera blanc. La zone blanche du canal deviendra votre masque de sélection ultérieurement.

étape 3

donne maintenant un flou gaussien à toute la couche de canal. Remarque: la valeur de flou ici ne se traduira pas exactement au rayon de bordure en pixels souhaité. vous aurez juste à jouer un peu avec. J'utilise un flou de 10 pixels dans mon exemple.

étape 4

Après avoir terminé le flou, appuyez sur cmd + L (niveau). Dans le menu de niveau, ajustez les valeurs d'entrée. utilisez la valeur que j'ai choisie dans ma capture d'écran. L'idée est de rendre le triangle "net" à nouveau. Cela créera des pointes circulaires à chaque extrémité.

étape 5

Revenez maintenant à l'onglet Calques, masquez le calque triangle que vous avez dessiné auparavant. commencer un nouveau calque, puis pour aller "Select" -> "Load Selection". Dans le popup, pour "Source" choisissez "Alpha 1"

Maintenant, vous aurez le contour du triangle aux coins arrondis sélectionné, vous pouvez ensuite le remplir dans la couleur de votre choix.


1
+1 Belle technique. Pour affiner le bord après l'ajustement des niveaux, Filtre> Autre> Réduire (ou Agrandir) fonctionne bien sans introduire d'alias.
Alan Gilbertson

Celui-ci est le meilleur pour la précision, il est probable que si vous jouez avec l'outil stylo, vous n'obtiendrez pas le rayon de coin parfait, mais cette façon est entièrement «générée» par le logiciel, donc c'est précis!
Dan Hanly

@Jin: Merci beaucoup! Apparemment, selon les valeurs que vous choisissez dans le menu Niveaux, la taille du triangle variera.
moey

@Alan: Je n'ai pas trouvé le filtre 'Autre> ...' dans mon Photoshop (CS4 Extended sur un Mac). Est-ce un filtre non standard?
moey

1
@SikuSikuCom L'inconvénient de cette méthode est la netteté de la forme qui se fait encore manuellement. Vous devez donc le regarder. De plus, ce n'est pas évolutif car ce n'est pas un vecteur. Cependant, une bonne chose à propos de cette méthode est qu'elle s'applique également à d'autres formes de polygones. par exemple un hexagone avec des coins arrondis.
Jin

9

il y a quelques étapes très faciles pour faire un tel triangle avec un coin rond à l'aide de l'outil stylo, et c'est à partir de zéro aussi

  • Tout d'abord, créez votre triangle avec l'outil stylo.
  • ajouter un point d'ancrage supplémentaire dans le coin inférieur droit et gauche des deux côtés selon la capture d'écran ci-jointe.

  • après cela, appuyez sur A / ou sélectionnez (outil de sélection de chemin) et déplacez-le légèrement vers la droite, vous pouvez le plier selon la forme ronde souhaitée, appliquez la même chose dans le coin supérieur, vous devez ajouter un seul point d'ancrage et faire la comme vous l'avez fait en bas.

    allumez la grille (Ctrl / Cmd-), cela vous aidera à placer des points d'ancrage pour le coin / rayon arrondi exact des deux côtés, vous pouvez augmenter / diminuer votre rayon simplement en faisant glisser des points d'ancrage.

vérifiez ce SS ....

(clic gauche et voir la grande image dans une nouvelle fenêtre) .... triangle arrondi

J'espère que cela vous aidera ...


3
Cela fonctionne mieux si vous activez la grille (Ctrl / Cmd-,) et placez les points d'ancrage initiaux aux intersections de la grille, sinon il est difficile de rendre le rayon de coin identique à chaque sommet.
Alan Gilbertson

@Jack: Merci pour l'instruction étape par étape. Je suis peut-être un peu trop perfectionniste, mais comment garantir que la rondeur soit exactement la même aux trois coins? Je peux en quelque sorte rendre les deux derniers identiques; le problème concerne le premier.
moey

avec l'aide de la grille, vous pouvez faire tous les tours similaires, c'est facile, essayez
Jack

6
  1. Créez une forme de triangle de la taille souhaitée

  2. Placez des formes de cercle du rayon souhaité dans les coins du triangle, de sorte qu'elles s'alignent avec les bords mais ne se coupent pas.

  3. Combinez des formes.

  4. Terminé. :)


1
N'oubliez pas de couper les points sur le triangle. Sinon, votre moissonneuse-batteuse ne fera que produire le triangle d'origine ...
Farray

3

J'en ai un plus facile ...

  • Sélectionnez la "Forme personnalisée".
  • Chargez "Symboles" dans le menu "formulaire".
  • Sélectionnez le triangle inversé (il a des bords arrondis).
  • Terminé

Vous pouvez le faire pivoter ou le retourner comme vous le souhaitez. Vous ne pouvez pas changer le radieux, tho.


1

Créez un rectangle avec des bordures lisses (j'utilise 3px), puis supprimez un coin avec l'outil plume. Ajustez-le pour lui donner l'apparence souhaitée.


-1

Créez un triangle avec l'outil plume. En utilisant des effets, placez-y un trait extérieur, en le rendant aussi grand que nécessaire pour arrondir vos coins. Vous devez maintenant lisser tous les points de votre trait en suivant les étapes suivantes.

Cliquez avec le bouton droit sur votre couche triangle et choisissez Convertir en objet dynamique. En maintenant la touche Ctrl enfoncée, cliquez sur la vignette de votre triangle dans le panneau Calques pour le sélectionner. Allez dans Sélectionner dans le menu principal et choisissez Modifier, puis dans la liste déroulante choisissez Contrat. Contrat par 3px. Revenez à Select dans le menu principal et choisissez à nouveau Modify, cette fois en choisissant Smooth, et entrez 10px. Appuyez sur le bouton de masque au bas de votre panneau Calques. Revenez à votre calque et faites un clic droit, en choisissant à nouveau de convertir en objet dynamique.

Selon la taille de votre triangle, vous devrez peut-être modifier le nombre de px que vous contractez et lisser lors de votre sélection.

En utilisant notre site, vous reconnaissez avoir lu et compris notre politique liée aux cookies et notre politique de confidentialité.
Licensed under cc by-sa 3.0 with attribution required.