Inkscape - Ecken von Formen abrunden?

78

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?

Polygon und sein gerundetes Äquivalent

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

OJW
quelle

Antworten:

17

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.

DarenW
quelle
73
  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:

2. Die Nodes Option

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

Bildbeschreibung hier eingeben

Was passiert, wenn Sie das runde Widget ziehen:

Bildbeschreibung hier eingeben

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

Yessica
quelle
1
Was ist diese "Knotenoption"? Screenshots wären schön.
RAnders00,
15
Das ist großartig für Rechtecke oder Quadrate, aber wie hilft das bei komplexeren Formen wie der in Frage kommenden?
Tom Pohl
4
"In Inkscape ist das Abrunden der Ecken eines Rechtecks ​​einfach", stellte die Einführung in die Frage fest, bevor eine Frage zum Abrunden nicht rechteckiger Formen gestellt wurde.
ABl.
Es ist zu beachten, dass dies zB nicht korrekt in ein DXF exportiert wird. Über das Menü "Pfad"> "Objekt zu Pfad (Umschalt-Strg-C)" können Sie einen echten gerundeten Pfad erstellen.
Rocco
Ich möchte das nicht unterstützen, weil es die Frage nicht beantwortet. Auf der anderen Seite impliziert der Titel der Frage jede Form und das ist hilfreich, also habe ich es hochgestuft.
Dave F
22

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....

    Unveränderter Pfad

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

    Bildbeschreibung hier eingeben

  3. Wählen Sie einen Radius aus, den Sie auf die Ecken des Pfads anwenden möchten, und drücken Sie die FilletTaste.

    Der verrundete Pfad

  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 .

getestete Box
quelle
2
Dieser Effekt scheint in Inkscape 0.92 hinzugefügt worden zu sein, das zum Zeitpunkt des Schreibens dieses Kommentars noch nicht veröffentlicht wurde.
Levi Morrison
1
Verrundung / Fase fehlt in Version 0.92pre1
Christian Strang
1
@ChristianStrang scheint auch in Version 0.92 noch zu fehlen :(
Cylindric
2
Ab April 2017 ist es jedoch noch nicht verfügbar, auch nicht in der Entwicklungsversion (0.92.1preX). Die Funktion wurde auf Meilenstein 0.93 verschoben, wie Sie auf dem Bug-Tracker sehen können . Daher kann dies jetzt nicht erreicht werden, ohne aus dem experimentellen Zweig aufzubauen .
Ferran
1
Gute Nachrichten! Fillet / Chamfer ist in 1.0 Alpha verfügbar, das veröffentlicht wurde. In der Beschreibung dieses Videos finden Sie einen Link zu einer vorkompilierten Windows-Version: youtube.com/watch?v=9lFI7qGFP7M
user1414213562
20

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.
Wrzlprmft
quelle
3
Siehe auch inkscape.org/doc/advanced/tutorial-advanced.html - Einfügung / Versatz sind Strg + (und Strg +), dynamischer Versatz ist Strg + J, um ein ziehbares Handle hinzuzufügen
Jason S
17

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:

raue Ecke

  1. 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:

Ausgerichtet

Andy Brown
quelle
Schöne lösung! Eine Ergänzung zu Schritt 3: Ich würde vorschlagen, Extensions -> Modify Path -> Add Notes ...die Knoten hinzuzufügen, damit die Knoten an jeder Kante den gleichen Abstand zur Kante haben.
Daniel.neumann
1
Dies ist jedoch nicht so einfach, wenn die Seiten Ihrer Objekte nicht am rechteckigen Raster ausgerichtet sind, sondern diagonal oder in irgendeiner Weise geneigt sind.
Zelphir Kaltstahl
5

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:
    Bildbeschreibung hier eingeben
  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.Bildbeschreibung hier eingeben
  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.
Bonaccia
quelle
Wahrscheinlich die derzeit beste Lösung (0.92.2)!
Ray
3

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.

So erhalten Sie Kontrolle über abgerundete Ecken

kcpr
quelle
2

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
Joel
quelle
2

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:

Bildbeschreibung hier eingeben

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: Bildbeschreibung hier eingebenDadurch wird ein dritter Knoten zwischen den beiden Knoten am Ende eingefügt und sieht ungefähr so ​​aus:

Bildbeschreibung hier eingeben

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:

Bildbeschreibung hier eingeben

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: Bildbeschreibung hier eingeben. Dies fügt dem Knoten einige Handles hinzu, damit wir die Form des Knotens ändern können. Es wird so aussehen:

Bildbeschreibung hier eingeben

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:

Mit ausgewählten Knoten

siannopollo
quelle
2

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

Beispiel für die Verwendung einer Erweiterung mit abgerundeten Ecken

Chris H
quelle
Ich musste alle obigen Antworten lesen, um zu dieser Antwort zu gelangen, aber es hat sich gelohnt. In der Tat ist dies dem Fillet / Chamfer LPE am nächsten. Es gibt auch eine "Fillet and Chamfer" -Erweiterung auf der offiziellen Inkscape-Seite, die jedoch bei mir nicht funktioniert.
user1414213562
Ich habe es versucht und bekam diesen Fehler
Foad
Danke, das hat bei mir funktioniert. Ich habe mein Sternpolygon mit "Objekt -> Pfad" konvertiert. Es werden automatisch Knoten zu den Ecken des Sterns hinzugefügt. Dann habe ich den Sternpfad und den angewendeten Radius mit "Extension> Modify path> Rounded Corners" ausgewählt. [Ich verwende inkscape 0.92] BEARBEITEN: Wenn bei dieser Erweiterung die Kanten anstelle der Ecken auch abgerundet werden, starten Sie inkscape neu.
MyDoggyWritesCode
1

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.

Alf P. Steinbach
quelle
0

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.

Muteboy
quelle
0

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.

Gary
quelle
-1

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).

saeedgnu
quelle
Es gibt verschiedene Lösungen, die oben aufgeführt sind. Sind sie unrein? Ein Vektorobjekt zur Bearbeitung an GIMP zu übergeben, ist ein unsauberer Hack.
Martin Zaske
1
@MartinZaske Die meisten der oben genannten Antworten (mit hoher Bewertung) beschränken sich entweder auf Grundformen wie Rechtecke oder sind zu manuell und für Formen mit zu vielen Ecken nicht praktisch. In komplizierten Formen wäre dieser Ansatz meiner Meinung nach viel einfacher und besser als die meisten der oben genannten Antworten. Auch gab es keine klare Antwort, als ich dies gepostet habe.
Saeedgnu
-1

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:

Entschuldigung für mein schreckliches Englisch

strategaD
quelle
-2

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.

ruckc
quelle
Theoretisch eine schöne Idee. Praktisch sind die Objekte, die in der Frage erwähnt werden, keine Rechtecke mehr. Man kann die ryund rxAttribute setzen, aber sie werden nicht interpretiert.
Daniel.neumann
-4

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.

Bildbeschreibung hier eingeben
Ziehen Sie einen runden Griff, um abgerundete Ecken zu erhalten.

Suresh Yadam
quelle
3
Sofern sich dies nicht kürzlich geändert hat, sollte dies nur für einfache Rechtecke funktionieren, worum es hier nicht geht. Sogar Ihr Screenshot zeigt, dass Sie nur das Rechteck auswählen, das den linken Teil der Form ausmacht. Schließlich zeigt Ihr Screenshot nicht die gewünschte Rundung der konkaven Ecken nach innen.
Wrzlprmft