Inkscape - Ecken von Formen abrunden?

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

Wie macht man das für komplexere Formen?

"Dynamischer Versatz" ist fast das Richtige, rundet jedoch nicht die Innenseiten eines konkaven Polygons.

Dies scheint eine Schwachstelle von Inkscape zu sein, da es keine einfache Möglichkeit gibt, dies zu tun. Der beste Weg, um damit umzugehen, ist:

1. Machen Sie mehrere Rechtecke mit abgerundeten Ecken und verwenden Sie dabei den gewünschten endgültigen Eckenradius
2. Stoßen Sie sie aneinander, um die endgültige Form zu erhalten, ohne auf die Stellen zu achten, an denen sich die Ecken aufgrund der Rundheit nicht treffen.
3. Vereinige sie in einem Pfad
4. Beheben Sie die überflüssigen Kerben, indem Sie deren Knoten löschen.

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

Ich hoffe, es gibt ein Werkzeug zum Bearbeiten von Pfaden, das einen Pfad einfach so konvertieren kann, wie Sie (und 50.000 andere Inkscape-Benutzer) es möchten. Wenn nicht, wäre dies ein großartiges Wochenend-Programmierprojekt.

1. Wählen Sie das Rechteck oder Quadrat aus
2. Wählen Sie die Knotenoption aus
3. In der rechten Ecke sehen Sie einen runden statt eines quadratischen Knotens. Ziehen Sie den Knoten nach unten, bis Sie die gewünschte abgerundete Ecke erhalten.

Die Knoten Option:

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

Was passiert, wenn Sie das runde Widget ziehen:

Wie andere angemerkt haben, funktioniert dies nur bei Rechtecken (dies ist jedoch ein häufiger Anwendungsfall, der Benutzer auf dieser Seite landet).

Dies kann mit dem Pfadeffekt "Verrunden / Anfasen" erreicht werden (derzeit nur in der Entwicklerversion verfügbar 0.91+devel, die hier zu finden ist ).

So verwenden Sie es:

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 aus, den Sie auf die Ecken des Pfads anwenden möchten, und drücken Sie die FilletTaste.

   

4. Wenn Sie nur einige Ecken abrunden Change only selected nodes boxmöchten, Filletaktivieren Sie das Kontrollkästchen und wählen Sie die Knoten aus, die Sie im Pfadbearbeitungsmodus ändern möchten, bevor Sie auf die Schaltfläche klicken .

Eine weitere provisorische Lösung mit Problemen, die jedoch auch für nicht rechteckige Formen funktioniert:

1. Wenden Sie den dynamischen Versatz auf Ihr Objekt an.
2. Objekt in Pfad konvertieren .
3. Fügen Sie Knoten hinzu (unter Erweiterungen → Pfad ändern ). Dies ist optional, wird aber höchstwahrscheinlich Ihre Ergebnisse drastisch verbessern. Je mehr, desto besser.
4. Wenden Sie einen dynamischen Versatz (dh einen negativen dynamischen Versatz ) auf Ihr Objekt an.
5. Falls gewünscht, konvertieren Sie Object noch einmal in Path und Simplify.

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 Plexiglas-Design 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, den Sie abrunden möchten.

2. Halten Sie die Maustaste gedrückt Ctrl-Altund klicken Sie leicht entlang der horizontalen Linie, die von der Ecke entfernt ist, um einen neuen Knoten hinzuzufügen.

3. Wiederholen Sie diesen Vorgang, um einen neuen Knoten leicht entlang der vertikalen Linie zu erstellen und einen weiteren neuen Knoten hinzuzufügen.
4. In diesem Stadium kehre ich zu den beiden neuen Knoten zurück und stelle sicher, dass beide einen konstanten Versatz von der Ecke haben. zB 2mm entfernt.
5. Wählen Sie den Eckknoten aus und drücken Sie Del, um ihn zu löschen. Ihre Ecke sollte jetzt so aussehen:

6. Ziehen Sie die beiden Bezierpunkte unten links, damit sie eine zufriedenstellende Kurve bilden. Ich halte sie Ctrlgedrückt und richte sie übereinander aus, um so auszusehen:

Ich habe eine andere Methode angewendet. Als ich mich daran gewöhnt hatte und lernte, wie man mit den Fangoptionen umgeht, stellte ich fest, dass ich ziemlich schnell arbeiten konnte. Dies funktioniert am besten mit Pfaden, die aus orthogonalen Linien bestehen, die parallel zur Achse verlaufen.

1. Subtrahieren Sie einen Kreis mit dem gewünschten Radius von einem Quadrat, um eine Schneideform zu erstellen. Legen Sie den Mittelpunkt des Kreises auf eine der quadratischen Ecken und bemessen Sie das Quadrat als Kreisdurchmesser. Dies stellt sicher, dass die Mitte Ihres Schneiders an den Bogenkanten ausgerichtet ist:
   
2. Duplizieren Sie Ihren Cutter, um ihn wiederzuverwenden und auszurichten, und platzieren Sie ihn an der Ecke, die Sie abrunden möchten. Aktivieren Sie das Einrasten von Objektmitten und Höckerknoten, um den Cutter genau dort auszurichten, wo Sie möchten.
3. Drehen Sie den Fräser bei Bedarf entlang seiner Mitte, um den Bogen an den Kanten des darunter liegenden Pfads auszurichten
4. Wählen Sie den ursprünglichen Pfad und den Fräser aus und führen Sie einen booleschen Unterschied aus, wenn Ihre Ecke konvex ist, eine boolesche Vereinigung, wenn sie konkav ist. Ihre Ecke ist jetzt gerundet!
5. Den Cutter duplizieren und für alle gewünschten Ecken wiederholen.
6. Wenn Ihre ursprüngliche Form geöffnet war, wurde sie durch die Boolesche Operation geschlossen. Möglicherweise müssen Sie es am Ende des Vorgangs erneut öffnen.

Inspiriert durch die Antwort von Bonaccia (danke dafür) habe ich festgestellt, dass Sie zur Kontrolle über abgerundete Ecken ein zusätzliches Rechteck oder Quadrat und eine Ausschnittsfunktion verwenden können. Sehen Sie sich das folgende GIF an, das ich erstellt habe.

Eine andere Lösung für dieses Problem ist die Verwendung des Pfadunterteilungstools. Der Vorteil hierbei ist, dass die Radien explizit als Zahl eingestellt werden können

1. Erstellen Sie das Rechteck
2. Erstellen Sie einen Kreis mit dem gewünschten Radius
3. Richten Sie den Kreis an der Ecke des Rechtecks ​​aus
4. Wählen Sie das Rechteck und den Kreis aus und verwenden Sie Pfad-> Unterteilung
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

Dies konnte ich mit dem Edit paths by nodesTool lösen . Ich werde zeigen, wie ich mit einem einzelnen Ende umgegangen bin, aber die Operation sollte für jede Form mit einer flachen Kante funktionieren. Beginnen Sie mit einer Form wie dieser:

Wählen Sie das Edit paths by nodesWerkzeug und wählen Sie Ihre Form. Wenn das Ende Ihrer Form flach ist, sollte es zwei Knoten haben, einen für jede Ecke. Wählen Sie diese Knoten aus und klicken Sie auf die Insert new nodes into selected segmentsSchaltfläche: Dadurch wird ein dritter Knoten zwischen den beiden Knoten am Ende eingefügt und sieht ungefähr so ​​aus:

Jetzt, wo wir einen Knoten in der Mitte haben, können wir unsere abgerundeten Ecken machen. Wählen Sie einfach den Knoten aus und ziehen Sie ihn weg, damit ein Punkt entsteht:

Verwenden Sie Strg + Ziehen, um eine gerade Linie zu ziehen. Nun , da wir einen Punkt haben wir müssen den Knoten ermöglichen , geglättet werden, und das ist , wo die Make selected nodes symmetricTaste kommt: . Dies fügt dem Knoten einige Handles hinzu, damit wir die Form des Knotens ändern können. Es wird so aussehen:

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

Wenn Ihre Version von Inkscape nicht über den Pfadeffekt "Verrunden / Fasen" verfügt, finden Sie möglicherweise die Erweiterung, die ich hilfreich geschrieben habe:

Inkscape abgerundete Ecken

Ich hatte Erfolg nur mit Bezier-Kurven. Ich würde zB die L-Form des OP zeichnen

|
|
|
 \
  \
   \_________

(sehr grobe ASCII-Grafik!) dh mit einer diagonalen Linie an der Stelle, an der die abgerundete Ecke sein soll, und passen Sie dann die Bezier-Steuerpunkte für die beiden Linienverbindungspunkte an.

Für einen rein kosmetischen Effekt (dh Sie erhalten keinen abgerundeten Pfad) können Sie den Effekt Filter> Weichzeichnen> Kreuzglättung anwenden . Öffnen Sie dann den Filter-Editor und stellen Sie den Standardabweichungseffekt-Parameter auf ungefähr 1,0 ein.

Eine andere Methode besteht darin, einen Strich zu erstellen und Join und Cap so einzustellen, dass sie gerundet sind. 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> Strich, um die beiden Formen wieder zusammenzufügen.

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

1- Erstellen Sie eine Kopie nur dieses Objekts in einer anderen Inkscape-Instanz (falls Sie über andere Objekte verfügen).

2- Als Bitmap exportieren (eine PNG-Datei)

3- Öffne das PNG mit GIMP und wähle die Form mit "Auswahl nach Farbe"

3- Wählen Sie -> Feder -> RPixel (Radius)

4- Färben Sie die Auswahl ein und speichern / exportieren Sie sie erneut als PNG

5- Öffnen Sie die geänderte PNG-Datei mit Inkscape und verwenden Sie das Werkzeug "Bitmap verfolgen", um einen abgerundeten Pfad zu erhalten (da die Form einfarbig sein sollte, ist sie einfach und wahrscheinlich sauber).

Es funktioniert ziemlich gut, aber es verändert ein bisschen deine Form.

Das ähnelt der Lösung von Wrzlprmft .

Ergebnis

GIF Schritt für Schritt

Es tut mir leid, aber ich habe keinen Ruf, Bilder zu posten

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

• Übernimmt diese Eingaben:

  • welche ecke willst du abrunden

  • Rundungsstärke ( r )

• als das tut:

  • Richtet ein mathematisches System ein : https://en.wikipedia.org/wiki/Distance_from_a_point_to_a_line
  • An dieser Stelle werden zwei Knoten in die Tangentenpunkte eingefügt und der Knoten durch den Bogen ersetzt

Entschuldigung für mein schreckliches Englisch

Sie können den XML-Editor in Inkscape verwenden, um Rechtecke mit abgerundeten Ecken zu versehen. Öffnen Sie den XML-Editor und wählen Sie das <svg:rectElement aus. Fügen Sie die Attribute rx und ry hinzu. Rechts unten im XML-Editor befinden sich zwei Felder und eine SetSchaltfläche. Geben Sie rxdas oberste Feld und eine 10beliebige andere Nummer ein und drücken Sie dann Set.

Es ist eigentlich sehr einfach.

1. Erstellen Sie eine Form mit rechteckigen Ecken.

2. Klicken Sie auf das Rechteck-Werkzeug

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

4. Drücken Shiftund ziehen Sie den runden Griff, um automatisch abgerundete Ecken zu erhalten.

^{Ziehen Sie einen runden Griff, um abgerundete Ecken zu erhalten.}