2013-09-04 17:11:40 +0000 2013-09-04 17:11:40 +0000
88
88

Inkscape - Ecken von Formen abrunden?

In Inkscape ist das Abrunden der Ecken eines Rechtecks einfach - Sie wählen das Objekt aus, drücken F4 (Rechteckwerkzeug) und ziehen die kreisförmigen Knoten.

Wie macht man das bei komplexeren Formen?

“Dynamischer Versatz” ist fast das Richtige, aber es rundet nicht die Innenseiten eines konkaven Polygons.

Antworten (17)

81
81
81
2014-08-07 00:52:53 +0000
  1. Wählen Sie das Rechteck oder Quadrat
  2. Wählen Sie die Option “Knoten”
  3. In der rechten Ecke sehen Sie einen runden Knoten anstelle eines quadratischen Knotens. Ziehen Sie den Knoten nach unten, bis Sie die gewünschte runde Ecke erhalten.

Die Option “Knoten”:

Rundes Widget müssen Sie ziehen, um abgerundete Ecken zu erhalten:

Was passiert, wenn Sie das runde Widget ziehen:

Wie andere bemerkt haben, funktioniert dies nur bei Rechtecken (aber das ist ein häufiger Anwendungsfall, der die Leute auf dieser Seite landen lässt).

24
24
24
2015-08-19 04:50:17 +0000

Dies kann mit dem Pfadeffekt Fillet/Chamfer erreicht werden (derzeit nur in der Entwicklerversion 0.91+devel verfügbar, die Sie hier finden).

So verwenden Sie ihn:

  1. Wählen Sie den Pfad aus, den Sie ändern möchten, und öffnen Sie dann die Registerkarte Pfadeffekte unter Path > Path Effects....

  2. Fügen Sie im Pfadeffektfenster einen neuen Effekt hinzu und wählen Sie Fillet/Chamfer.

  3. Wählen Sie einen Radius, den Sie auf die Ecken des Pfades anwenden möchten, und drücken Sie die Schaltfläche Fillet.

  4. Wenn Sie nur einige der Ecken abrunden möchten, markieren Sie die Change only selected nodes box und wählen Sie die Knoten, die Sie im Pfadbearbeitungsmodus ändern möchten, bevor Sie auf die Schaltfläche Fillet klicken.

20
20
20
2013-09-05 08:55:31 +0000

Eine weitere Behelfslösung mit Problemen, die aber auch für nicht-rechteckige Formen funktioniert:

  1. Wenden Sie Dynamischer Versatz auf Ihr Objekt an.
  2. Konvertieren Sie Objekt in Pfad.
  3. Add Nodes (unter Extensions → Modify Path). Dies ist optional, wird aber höchstwahrscheinlich Ihre Ergebnisse drastisch verbessern. Je mehr, desto besser.
  4. Wenden Sie einen dynamischen Inset (d.h. einen negativen Dynamical Offset) auf Ihr Objekt an.
  5. Falls gewünscht, konvertieren Sie Object to Path noch einmal und Simplify.
17
17
17
2016-01-16 12:10:05 +0000

Hier ist eine weitere Methode, die ich gerade entdeckt habe, als ich einem vorhandenen unregelmäßigen Polygon abgerundete Ecken hinzufügen wollte, um ein lasergeschnittenes Plexiglasdesign zu erstellen, das widerstandsfähiger gegen Risse ist.

  1. Wählen Sie das Werkzeug Pfade nach Knoten bearbeiten (F2) und wählen Sie den Eckknoten aus, der abgerundet werden soll.

  2. Halten Sie Strg-Alt gedrückt und klicken Sie leicht entlang der horizontalen Linie weg von der Ecke, um einen neuen Knoten hinzuzufügen.

  3. Machen Sie dasselbe noch einmal, um einen neuen Knoten leicht entlang der vertikalen Linie zu erstellen, um einen weiteren neuen Knoten hinzuzufügen.

  4. In diesem Stadium kehre ich zu den beiden neuen Knoten zurück und stelle sicher, dass sie beide einen konstanten Versatz von der Ecke haben. z.B. 2mm entfernt.

  5. Markieren Sie den Eckknoten und drücken Sie Entf, um ihn zu löschen. Ihre Ecke sollte nun wie folgt aussehen:

  1. Ziehen Sie die beiden Bezierpunkte unten links so, dass sie eine zufriedenstellende Kurve bilden. Ich halte die Strg-Taste gedrückt und richte sie so übereinander aus, dass sie wie folgt aussehen:

17
17
17
2013-09-04 21:42:01 +0000

Dies scheint eine Schwachstelle von Inkscape zu sein, da es keine einfache Möglichkeit gibt, dies zu tun. Die beste Methode, die ich bisher gefunden habe, ist:

  1. Erstellen Sie mehrere Rechtecke mit abgerundeten Ecken, mit dem gewünschten endgültigen Eckenradius
  2. Stoßen Sie sie aneinander, um die endgültige Form zu erhalten, ohne sich um die Stellen zu kümmern, an denen sich die Ecken aufgrund der Rundung nicht berühren,
  3. Verbinden Sie sie zu einem Pfad
  4. Korrigieren Sie die überflüssigen Kerben, indem Sie deren Knoten löschen.

Glücklicherweise hat jemand diese Technik online beschrieben, mit Illustrationen (scrollen Sie ein wenig nach unten) http://www.inkscapeforum.com/viewtopic.php?f=5&t=880

Ich hoffe, es gibt irgendwo da draußen ein Pfadbearbeitungswerkzeug, das einen Pfad einfach so umwandeln kann, wie Sie (und fünfzigtausend andere Inkscape-Benutzer) es wollen. Wenn nicht, wäre das ein tolles Wochenend-Coding-Projekt.

5
5
5
2015-03-04 10:11:40 +0000

Ich habe eine andere Methode verwendet. Nachdem ich mich daran gewöhnt hatte und gelernt hatte, wie man die Fangoptionen verwendet, konnte ich ziemlich schnell arbeiten. Dies funktioniert am besten mit Pfaden, die aus orthogonalen Linien bestehen, die parallel zur Achse sind.

  1. Ziehen Sie einen Kreis mit dem gewünschten Radius von einem Quadrat ab, um eine “Cutter”-Form zu erzeugen. Legen Sie den Mittelpunkt des Kreises auf eine der Ecken des Quadrats und messen Sie die Größe des Quadrats mit dem Durchmesser des Kreises. Dadurch wird sichergestellt, dass der Mittelpunkt Ihres Cutters an den Bogenkanten ausgerichtet ist:
  2. Duplizieren Sie Ihren Fräser, um ihn wiederverwenden zu können, und richten Sie ihn aus, indem Sie ihn auf die Ecke setzen, die Sie abrunden möchten. Aktivieren Sie das Fangen von Objektmittelpunkten und Höckerknoten, um den Fräser genau dort auszurichten, wo Sie ihn haben wollen.
  3. Wenn nötig, drehen Sie den Fräser entlang seiner Mitte, um den Bogen an den Kanten des darunter liegenden Pfades auszurichten
  4. Wählen Sie den ursprünglichen Pfad und den Fräser aus und führen Sie eine boolesche Differenz durch, wenn Ihre Ecke konvex ist, eine boolesche Vereinigung, wenn sie konkav ist. Ihre Ecke ist nun abgerundet!
  5. Duplizieren Sie den Fräser und wiederholen Sie den Vorgang für alle gewünschten Ecken.
  6. Wenn Ihre ursprüngliche Form offen war, hat die boolesche Operation sie geschlossen. Möglicherweise müssen Sie sie am Ende des Prozesses wieder öffnen.
4
4
4
2018-11-13 16:50:04 +0000

Wenn Ihre Version von Inkscape den Fillet/Chamfer-Pfad-Effekt nicht hat, finden Sie vielleicht die von mir geschriebene Erweiterung hilfreich: Inkscape Rounded Corners

4
4
4
2018-06-30 13:14:25 +0000

Inspiriert von bonaccia answer (danke dafür) habe ich entdeckt, dass man für die Kontrolle über abgerundete Ecken ein zusätzliches Rechteck oder Quadrat und eine Snipping-Funktion verwenden kann. Schauen Sie sich das folgende GIF an, das ich gemacht habe.

2
2
2
2018-03-31 17:14:39 +0000

Ich konnte dieses Problem mit dem Werkzeug Edit paths by nodes lösen. Ich zeige, wie ich ein einzelnes Ende behandelt habe, aber die Operation sollte für jede Form mit einer flachen Kante funktionieren. Beginnen Sie mit einer Form wie dieser:

Wählen Sie das Werkzeug Edit paths by nodes und wählen Sie Ihre Form aus. Wenn das Ende Ihrer Form flach ist, sollte sie zwei Knoten haben, einen für jede Ecke. Wählen Sie diese Knoten aus und klicken Sie auf die Schaltfläche Insert new nodes into selected segments:

Dadurch wird ein dritter Knoten zwischen den beiden Knoten am Ende hinzugefügt, der etwa so aussehen wird:

Jetzt, da wir einen Knoten in der Mitte haben, können wir unsere abgerundeten Ecken erstellen. Wählen Sie einfach den Knoten aus und ziehen Sie ihn weg, so dass er einen Punkt erzeugt, etwa so:

Achten Sie darauf, dass Sie Strg+Ziehen verwenden, um eine gerade Linie zu ziehen. Jetzt, da wir einen Punkt haben, müssen wir den Knoten glätten lassen, und hier kommt die Taste Make selected nodes symmetric ins Spiel:

. Damit werden dem Knoten einige Griffe hinzugefügt, mit denen wir die Form des Knotens ändern können. Das sieht dann wie folgt aus:

Jetzt passen Sie einfach die Griffe an (halten Sie die Strg-Taste gedrückt, damit alles gerade bleibt), um die gewünschte Rundung zu erhalten:

2
2
2
2015-01-14 05:50:41 +0000

Eine andere Lösung für dieses Problem ist die Verwendung des Werkzeugs “Pfadteilung”. Der Vorteil hierbei ist, dass die Radien explizit als Zahl gesetzt werden können

  1. Erzeugen Sie das Rechteck
  2. Erzeugen Sie einen Kreis mit dem gewünschten Radius
  3. Richten Sie den Kreis in der Ecke des Rechtecks aus
  4. Wählen Sie das Rechteck und den Kreis aus und verwenden Sie Pfad-> Teilung
  5. Löschen Sie das unerwünschte Eckstück
  6. Führen Sie eine Pfad-> Vereinigung zwischen dem neuen Kreis und dem ursprünglichen Rechteck durch
1
1
1
2015-02-21 13:04:49 +0000

Ich hatte Erfolg damit, einfach Bezier-Kurven zu verwenden. Ich würde z.B. die L-Form des OPs wie

|
|
|
 \
  \
   \ _________

(sehr grobe ASCII-Kunst!) zeichnen, d.h. mit einer diagonalen Linie, wo die abgerundete Ecke sein soll, und dann die Bezier-Steuerpunkte für die beiden Linienverbindungspunkte anpassen.

0
0
0
2016-06-05 19:32:02 +0000

Eine andere Methode besteht darin, einen Strich zu erstellen und den Join und Cap als abgerundet einzustellen. Kopieren Sie den Pfad, fügen Sie ihn ein und entfernen Sie den Strich aus der Kopie. Wählen Sie dann das Original aus und wählen Sie “Pfad” > “Kontur zu Pfad” und verbinden Sie die beiden Formen wieder miteinander.

0
0
0
2015-01-19 11:39:09 +0000

Für einen rein kosmetischen Effekt (d. h. Sie erhalten keinen abgerundeten Pfad) könnten Sie versuchen, den Effekt _Filter > Weichzeichnen > Kreuzglätten anzuwenden. Öffnen Sie dann den Filter-Editor und setzen Sie den Effekt-Parameter Standardabweichung auf etwa 1,0.

-1
-1
-1
2013-11-08 14:58:45 +0000

Da es keine saubere Lösung gibt, wollen wir eine andere erwähnen, die GIMP verwendet!

1- Erstellen Sie eine Kopie nur dieses Objekts in einer anderen Inkscape-Instanz (falls Sie andere Objekte haben)

2- Exportieren Sie in eine Bitmap (eine png-Datei)

3- Öffnen Sie die png-Datei mit GIMP, Wählen Sie die Form mit dem “Select by Color Tool”

3- Wählen Sie -> Feather -> um R Pixel (den Radius)

4- Färben Sie die Auswahl und speichern/exportieren Sie erneut in png

5- Öffnen Sie die modifizierte png-Datei mit Inkscape und verwenden Sie das “Trace Bitmap”-Werkzeug, um einen abgerundeten Pfad zu erhalten (da die Form einfarbig sein sollte, ist es einfach und wahrscheinlich sauber)

-1
-1
-1
2018-07-10 10:59:35 +0000

Es funktioniert ziemlich gut, aber es verändert ein wenig Ihre Form.

Das ist ähnlich wie die Lösung von Wrzlprmft. Ergebnis GIF Schritt für Schritt

Tut mir leid, ich habe keine 10 Reputation, um Bilder zu posten

Sie können auch eine Inkscape-Erweiterung erstellen, die:

  • diese Eingaben annimmt:

  • dann das macht:

Sorry für mein terrible Englisch

-2
-2
-2
2015-11-23 18:59:58 +0000

Sie können den XML-Editor in Inkscape verwenden, um Rechtecke mit abgerundeten Ecken zu erstellen. Öffnen Sie den XML-Editor, wählen Sie das Element <svg:rect. Fügen Sie die Attribute rx und ry hinzu. Unten rechts im XML-Editor gibt es zwei Felder und eine Schaltfläche Set. Geben Sie rx in das obere Feld ein, und 10 oder eine beliebige andere Zahl, dann drücken Sie Set.

-4
-4
-4
2016-06-19 06:30:18 +0000

Es ist eigentlich sehr einfach.

  1. Erstellen Sie eine Form, die rechteckige Ecken hat.

  2. Klicken Sie auf das Rechteckwerkzeug

  3. Klicken Sie auf einen der kreisförmigen Griffe an einer Ecke der Form, nicht auf einen der quadratischen Griffe.

  4. Drücken Sie die Umschalttaste und ziehen Sie den kreisförmigen Griff, es werden automatisch abgerundete Ecken erzeugt.

Ziehen Sie einen kreisförmigen Griff, um abgerundete Ecken zu erzeugen.