Inkscape - arrondir les coins de formes?

78

Dans Inkscape, il est facile d'arrondir les angles d'un rectangle: vous sélectionnez l'objet, appuyez sur F4 (outil Rectangle) et faites glisser les nœuds circulaires.

Comment faites-vous cela pour des formes plus complexes?

polygone et son équivalent arrondi

Le "décalage dynamique" est presque la bonne chose, mais il ne contourne pas l'intérieur d'un polygone concave.

OJW
la source

Réponses:

17

Cela semble être un point faible avec Inkscape, ne pas avoir un moyen simple de le faire. La meilleure façon de régler ce problème que j'ai trouvé jusqu'à présent est la suivante:

  1. Faire plusieurs rectangles à coins arrondis, en utilisant le rayon de coin final souhaité
  2. Assemblez-les l'un contre l'autre pour obtenir la forme finale, sans tenir compte des endroits où les angles ne se rejoignent pas à cause de la rondeur,
  3. Path-union les dans un chemin
  4. Corrigez les encoches superflues en supprimant leurs nœuds.

Heureusement, quelqu'un a décrit cette technique en ligne, avec des illustrations (défilement un peu) http://www.inkscapeforum.com/viewtopic.php?f=5&t=880

J'espère qu'il existe un outil de modification de chemin qui peut simplement convertir un chemin comme vous le souhaitez (ainsi que cinquante mille autres utilisateurs d'Inkscape), quelque part ailleurs. Sinon, cela ferait un excellent projet de codage le week-end.

DarenW
la source
72
  1. Sélectionnez le rectangle ou le carré
  2. Sélectionnez l'option de nœuds
  3. Dans le coin droit, vous verrez un noeud rond au lieu d'un noeud carré. Faites glisser le nœud vers le bas jusqu'à obtenir le coin arrondi souhaité.

L'option noeuds:

2. L'option des nœuds

Widget rond que vous devez faire glisser pour obtenir des coins arrondis:

entrez la description de l'image ici

Que se passe-t-il lorsque vous faites glisser le widget rond:

entrez la description de l'image ici

Comme d'autres l'ont noté, cela ne fonctionne que sur des rectangles (mais c'est un cas d'utilisation courant qui fera atterrir les gens sur cette page).

Yessica
la source
1
Quelle est cette "option de nœuds"? Les captures d'écran seraient ravissantes.
RAnders00
16
C'est bien pour les rectangles ou les carrés, mais en quoi cela aide-t-il les formes plus complexes comme celle de la question?
Tom Pohl
4
"Dans Inkscape, il est facile d'arrondir les angles d'un rectangle", a noté l'introduction à la question avant de poser une question sur l'arrondi des formes non rectangulaires .
OJW
Il est à noter que, par exemple, cela n’exportera pas correctement vers un fichier DXF. Vous pouvez utiliser le menu "Chemin"> "Objet à chemin (Maj-Ctrl-C)" pour créer un véritable chemin arrondi.
Rocco
Je ne veux pas revenir sur cette question car cela ne répond pas à la question. D'un autre côté, le titre de la question implique n'importe quelle forme et c'est utile, je l'ai donc votée.
Dave F
22

Cela peut être réalisé à l'aide de l'effet de chemin de congé / chanfrein (disponible actuellement uniquement dans la version pour développeurs 0.91+devel, disponible ici ).

Voici comment vous l'utilisez:

  1. Sélectionnez le chemin que vous souhaitez modifier, puis ouvrez l'onglet Effets de chemin sous Path > Path Effects....

    Chemin non modifié

  2. Ajoutez un nouvel effet dans la fenêtre d'effets de chemin et sélectionnez Fillet/Chamfer.

    entrez la description de l'image ici

  3. Choisissez un rayon que vous souhaitez appliquer aux coins du tracé et appuyez sur le Filletbouton.

    Le chemin fileté

  4. Si vous souhaitez uniquement arrondir certains coins, cochez la case Change only selected nodes boxet sélectionnez les nœuds que vous souhaitez modifier en mode d'édition de chemin avant de cliquer sur le Filletbouton.

boîte testée
la source
2
Cet effet semble avoir été ajouté dans Inkscape 0.92, qui n'est pas publié au moment où j'ai écrit ce commentaire.
Levi Morrison
1
Fillet / Chanfrein est manquant dans la version 0.92pre1
Christian Strang
1
@ChristianStrang semble manquer encore dans la version 0.92 :(
Cylindric
2
Cependant, en avril 2017, il n'était pas encore disponible, même en version de développement (0.92.1preX). La fonctionnalité a été déplacée vers le jalon 0.93, comme vous pouvez le constater sur le gestionnaire de bogues . Par conséquent, ceci ne peut être réalisé à ce jour sans la construction de la branche expérimentale .
ferran
1
Bonnes nouvelles! Fillet / Chanfrein est disponible en version 1.0 alpha, qui a été publiée. Dans la description de cette vidéo, vous trouverez un lien vers une version Windows précompilée: youtube.com/watch?v=9lFI7qGFP7M
user1414213562 Le
20

Une autre solution de fortune avec des problèmes, mais qui fonctionne également pour les formes non rectangulaires:

  1. Appliquez un décalage dynamique à votre objet.
  2. Convertir un objet en chemin.
  3. Ajouter des nœuds (sous Extensions → Modifier le chemin ). Ceci est facultatif, mais il est fort probable que vos résultats seront considérablement améliorés. Plus on est de fous, plus on rit.
  4. Appliquez un insert dynamique (c.-à-d. Un décalage dynamique négatif ) à votre objet.
  5. Si vous le souhaitez, convertissez une fois de plus l' objet en chemin et simplifiez-le.
Wrzlprmft
la source
3
voir aussi inkscape.org/doc/advanced/tutorial-advanced.html - inset / offset sont ctrl + (et ctrl +), offset dynamique est ctrl + J pour ajouter une poignée déplaçable
Jason S
17

Voici une autre méthode que je viens de découvrir lorsque je voulais ajouter des angles arrondis à un polygone irrégulier existant afin de créer un motif en plexiglas découpé au laser qui soit plus résistant à la fissuration.

  1. Choisissez l' outil Editer les chemins par nœud (F2) et sélectionnez le nœud d'angle que vous souhaitez arrondir.

  2. Maintenez enfoncé Ctrl-Altet cliquez légèrement le long de la ligne horizontale du coin pour ajouter un nouveau nœud.

  3. Répétez l'opération pour créer un nouveau nœud légèrement le long de la ligne verticale afin d'ajouter un autre nouveau nœud.
  4. A ce stade, je reviens sur les deux nouveaux nœuds et veille à ce qu'ils aient tous les deux un décalage constant par rapport au coin. par exemple 2mm plus loin.
  5. Sélectionnez le nœud de coin et appuyez sur Delpour le supprimer. Votre coin devrait maintenant ressembler à ceci:

coin rugueux

  1. Faites glisser les deux points de Bézier en bas à gauche pour former une courbe satisfaisante. Je tiens Ctrlet aligne les uns sur les autres pour ressembler à ceci:

Aligné

Andy Brown
la source
Belle solution! Un ajout à l’étape 3: je suggérerais d’utiliser Extensions -> Modify Path -> Add Notes ...les nœuds pour les ajouter afin d’avoir les nœuds à la même distance du bord à chaque bord.
daniel.neumann
1
Ce n'est cependant pas si facile si les côtés de vos objets ne sont pas alignés sur la grille rectangulaire, mais sont diagonaux ou inclinés.
Zelphir Kaltstahl
5

J'ai utilisé une autre méthode. Une fois que je me suis habitué et que j'ai appris à utiliser les options de capture, je me suis rendu compte que je pouvais travailler assez rapidement. Cela fonctionne mieux avec les chemins composés de lignes orthogonales parallèles à l'axe.

  1. Soustrayez un cercle du cercle de rayon souhaité pour créer une forme de «cutter». Placer le centre du cercle sur l’un des coins carrés et dimensionner le carré en tant que diamètre du cercle. Cela garantit que le centre de votre couteau sera aligné avec les arêtes de l'arc:
    entrez la description de l'image ici
  2. Dupliquez votre couteau pour pouvoir le réutiliser et alignez-le sur le coin que vous souhaitez arrondir. Activez l’accrochage des centres d’objets et des noeuds de cuspide pour aligner le couteau exactement où vous le souhaitezentrez la description de l'image ici
  3. Si nécessaire, faites pivoter le couteau le long de son centre pour aligner l’arc sur les bords du chemin sous-jacent.
  4. Sélectionnez le chemin d'origine et le couteau et faites une différence booléenne, si votre coin est convexe, une union booléenne si elle est concave. Votre coin est maintenant arrondi!
  5. Dupliquez le couteau et répétez l'opération pour tous les coins souhaités.
  6. Si votre forme initiale était ouverte, l'opération booléenne l'aura fermée. Vous devrez peut-être le rouvrir à la fin du processus.
bonaccia
la source
Probablement la meilleure solution pour l'instant (0.92.2)!
Ray
3

Inspiré par la réponse de bonaccia (merci pour cela), j'ai découvert que pour maîtriser les angles arrondis, il est possible d'utiliser un rectangle ou un carré supplémentaire et une fonction de découpage. Découvrez le GIF suivant que j'ai créé.

Comment maîtriser les angles arrondis

kcpr
la source
2

Une autre solution à ce problème consiste à utiliser l'outil de division de chemin d'accès. L’avantage ici est que les rayons peuvent être définis explicitement sous forme de nombre

  1. Créer le rectangle
  2. Créer un cercle avec le rayon souhaité
  3. Aligner le cercle dans le coin du rectangle
  4. Sélectionnez le rectangle et le cercle, puis utilisez Chemin-> Division
  5. Supprimer la pièce de coin indésirable
  6. Faire un chemin-> Union entre le nouveau cercle et le rectangle d'origine
Joel
la source
2

J'ai pu résoudre ce problème en utilisant l' Edit paths by nodesoutil. Je vais vous montrer comment j'ai géré une seule extrémité, mais l'opération devrait fonctionner pour n'importe quelle forme avec un bord plat. Partir avec une forme comme celle-ci:

entrez la description de l'image ici

Sélectionnez l' Edit paths by nodesoutil et sélectionnez votre forme. Si la fin de votre forme est plate, elle devrait avoir deux nœuds, un pour chaque coin. Sélectionnez ces nœuds et cliquez sur le Insert new nodes into selected segmentsbouton: entrez la description de l'image iciCeci ajoutera un troisième nœud entre les deux nœuds à la fin et ressemblera à ceci:

entrez la description de l'image ici

Maintenant que nous avons un nœud au milieu, nous pouvons créer des angles arrondis. Il suffit de sélectionner le nœud et de le retirer pour qu'il crée un point, comme ceci:

entrez la description de l'image ici

Veillez à utiliser Ctrl + glisser pour faire glisser une ligne droite. Maintenant que nous avons un point que nous devons laisser le nœud à lissée, ce qui est où le Make selected nodes symmetricbouton est disponible en: entrez la description de l'image ici. Cela ajoute quelques poignées au nœud pour nous permettre de changer la forme du nœud. Il ressemblera à ceci:

entrez la description de l'image ici

Maintenant, ajustez simplement les poignées (en maintenant la touche Ctrl enfoncée pour que tout reste droit) pour obtenir l’arrondi souhaité:

Avec des noeuds sélectionnés

Siannopollo
la source
2

Si votre version d'Inkscape ne présente pas l'effet de chemin d'accès au congé / chanfrein, l'extension que j'ai écrite peut s'avérer utile:

Coins arrondis d'Inkscape

Exemple d'utilisation des extensions de coins arrondis

Chris H
la source
Je devais lire toutes les réponses ci-dessus pour atteindre cette réponse, mais cela en valait la peine. En effet, ceci est plus proche de LPE Fillet / Chanfrein. Il existe également une extension "Congé et chanfrein" sur la page officielle d'Inkscape, mais cela ne fonctionne pas pour moi.
user1414213562
J'ai essayé et j'ai eu cette erreur
Foad
Merci, cela a fonctionné pour moi. J'ai converti mon étoile en utilisant "Object -> Path". Il a automatiquement ajouté des nœuds aux coins de l'étoile. Ensuite, j'ai sélectionné l'étoile Chemin et le rayon appliqué à l'aide de "Extension> Modifier le chemin> Coins arrondis". [J'utilise inkscape 0.92] EDIT: si cette extension rend les bords également arrondis au lieu des angles, redémarrez simplement inkscape.
myDoggyWritesCode
1

J'ai eu du succès en utilisant simplement les courbes de Bézier. Par exemple, je dessinerais la forme en L du PO comme

|
|
|
 \
  \
   \_________

(art ASCII très approximatif!), c’est-à-dire avec une ligne diagonale où le coin arrondi devrait être, puis ajustez les points de contrôle de Bézier pour les deux points de jonction de ligne.

Alf P. Steinbach
la source
0

Pour un effet purement cosmétique (c’est-à-dire que vous n’obtenez pas un tracé arrondi), vous pouvez essayer d’appliquer l’effet Filtres> Flous> Lisser . Ouvrez ensuite l’éditeur de filtres et définissez le paramètre d’effet Déviation standard sur environ 1,0.

muteboy
la source
0

Une autre méthode consiste à créer un trait et à définir l’arrondi des jointures et des plafonds. Copiez le chemin, collez-le à la place et supprimez le trait de la copie. Ensuite, sélectionnez l'original et sélectionnez chemin> contour à trait, puis réunissez les deux formes.

Gary
la source
-1

Puisqu'il n'y a pas de solution propre, mentionnons-en une autre en utilisant GIMP!

1- Faites une copie de cet objet uniquement dans une autre instance d'Inkscape (si vous avez d'autres objets)

2- Exporter en bitmap (un fichier png)

3- Ouvrez le png avec GIMP, sélectionnez la forme en sélectionnant "Outil de couleur"

3- Sélectionnez -> Feather -> par Rpixels (le rayon)

4- Coloriez la sélection et sauvegardez / exportez à nouveau en png

5- Ouvrez le fichier png modifié avec Inkscape et utilisez l’outil "Trace Bitmap" pour obtenir un tracé arrondi (puisque la forme doit être unicolore, elle est facile et probablement propre).

saeedgnu
la source
Plusieurs solutions sont énumérées ci-dessus. Sont-ils impurs? Porter un objet vectoriel dans GIMP pour le modifier est un sale coup.
Martin Zaske
1
@MartinZaske La plupart des réponses ci-dessus (qui sont très appréciées) se limitent à des formes de base telles que des rectangles ou sont trop manuelles et peu pratiques pour des formes comportant trop d'angles. Dans des formes compliquées, je pense que cette approche serait beaucoup plus facile et meilleure que la plupart des réponses ci-dessus. De plus, il n'y avait pas de réponse claire lorsque j'ai posté ceci.
Saeedgnu
-1

Cela fonctionne plutôt bien mais cela change un peu votre forme.

Cela ressemble à la solution de Wrzlprmft .

Résultat

GIF étape par étape

Désolé je n'ai pas 10 réputation pour poster des images

Vous pouvez également créer une extension inkscape qui:

Désolé pour mon anglais terrible

stratégie
la source
-2

Vous pouvez utiliser l'éditeur XML dans Inkscape pour créer des rectangles arrondis. Ouvrez l'éditeur XML, sélectionnez l' <svg:rectélément. Ajoutez les attributs rx et ry. En bas à droite de l'éditeur XML, vous trouverez deux champs et un Setbouton. Mettez rxdans le champ du haut, et / 10ou tout autre numéro, puis appuyez sur Set.

ruckc
la source
En théorie une bonne idée. Pratiquement, les objets mentionnés dans la question ne sont plus des rectangles. On peut définir les attributs ryet rxmais ils ne sont pas interprétés.
daniel.neumann
-4

C'est très simple en fait.

  1. Faites une forme qui a des coins rectangulaires.

  2. Cliquez sur l'outil rectangle

  3. Cliquez sur l'une des poignées circulaires situées dans un coin de la forme et non sur l'une des poignées carrées.

  4. Appuyez Shiftet faites glisser la poignée circulaire, il fera automatiquement des coins arrondis.

entrez la description de l'image ici
Faites glisser une poignée circulaire pour faire des coins arrondis.

suresh yadam
la source
3
À moins que cela ne change récemment, cela ne devrait fonctionner que pour les rectangles simples, ce qui n'est pas le propos de la question. Même votre capture d'écran montre que vous ne sélectionnez que le rectangle qui constitue la partie gauche de la forme. Enfin, votre capture d'écran ne présente pas l'arrondissement demandé des angles concaves vers l'intérieur.
Wrzlprmft le