Metlivi Blog

Vorhandene Vektorknoten entlang einer schrägen Linie ausrichten

Um vorhandene Vektorknoten entlang einer schrägen Linie auszurichten, definieren Sie die Linie mithilfe zweier fester Referenzpunkte und verschieben Sie dann die übrigen Knoten darauf. Für eine präzise Platzierung berechnen Sie ihre Koordinaten und geben sie einzeln ein. Für die interaktive Bearbeitung richten Sie jeden Knoten an einem temporären geraden Referenzpfad aus.

Dieses Tutorial richtet sich an alle, die eine bestehende Vektorfigurkontur oder ein Detail verfeinern und dabei deren Knoten beibehalten möchten. Der Hauptworkflow verwendet die Koordinatenfelder von Inkscape; eine Alternative erklärt das geometrische Einrasten in Affinity Designer 2. Keine der beiden Methoden erfordert einen Neuaufbau des Motivs.

29. Oktober 20268 Minuten LesezeitVon Metlivi Editorial Team
Abschnitt 1

Legen Sie vor dem Ausrichten der Knoten fest, was unverändert bleiben soll

Wählen Sie zwei Referenzknoten, A und B, die die gewünschte Neigung definieren. Sie können beispielsweise die Enden eines geraden Abschnitts innerhalb einer größeren Figurenkontur markieren. Notieren Sie ihre Koordinaten und lassen Sie sie unverändert, während Sie die dazwischenliegenden Knoten neu positionieren.

Legen Sie als Nächstes fest, wie sich diese Zwischenknoten bewegen sollen. „Entlang einer Linie ausrichten“ beschreibt das Ziel, aber nicht die Bewegungsrichtung. Drei sinnvolle Möglichkeiten sind:

Platzierungsregel Was erhalten bleibt Wann sie sinnvoll ist
X-Koordinate jedes Knotens beibehalten Bestehende horizontale Platzierung Die Knotenpositionen entsprechen bereits den horizontalen Referenzpositionen
Y-Koordinate jedes Knotens beibehalten Bestehende vertikale Platzierung Die vertikale Platzierung ist wichtiger als die horizontale
Senkrecht auf die Linie verschieben Die kürzeste Bewegung für jeden Knoten Sie möchten seitliche Abweichungen von der gewünschten Linie beseitigen

Diese Regeln können zu unterschiedlichen Ergebnissen führen, obwohl jeder resultierende Knoten auf derselben Linie liegt. Gleiche Abstände sind ein weiterer Vorgang: Durch das Ausrichten allein werden die Abstände zwischen den Knoten nicht gleich. Die Inkscape-Dokumentation beschreibt horizontales oder vertikales Ausrichten und das Verteilen mit gleichen Abständen getrennt. Ausrichten und Verteilen — Inkscape-Einsteigerhandbuch

Abschnitt 2

Vorhandene Knoten auswählen, ohne die ganze Form zu verschieben

Aktivieren Sie in Inkscape das Knotenwerkzeug mit N oder F2 und klicken Sie dann auf den vorhandenen Pfad, um dessen Knoten einzublenden. Klicken Sie auf den Knoten, den Sie neu positionieren möchten. Mit dem Knotenwerkzeug bearbeiten Sie die Pfadgeometrie, einschließlich der Knotenpositionen und der Griffe, die benachbarte Segmente steuern. Pfade mit dem Knotenwerkzeug bearbeiten — Inkscape-Einsteigerhandbuch

Speichern Sie vor der Bearbeitung eine Arbeitskopie und notieren Sie, welche Knoten zum Zielabschnitt gehören. Eine nützliche Aufzeichnung enthält die Koordinaten von A und B, die ursprünglichen Koordinaten jedes zu verschiebenden Knotens und die gewählte Platzierungsregel. So lässt sich der Vorgang wiederholen und das Ergebnis klar vergleichen.

Verwenden Sie für den folgenden Koordinatenworkflow eine Einzelauswahl. Inkscape bietet in den Steuerelementen des Knotenwerkzeugs X- und Y-Felder sowie eine Auswahl für die Koordinateneinheit. Wenn Sie jeweils einen Knoten auswählen, ist die beabsichtigte Koordinatenänderung eindeutig. Optionen des Knotenwerkzeugs — Inkscape-Einsteigerhandbuch

Vermeiden Sie einen Objekt-Ausrichtungsbefehl, wenn es um Knoten innerhalb eines einzelnen Pfads geht. Der dokumentierte Ausrichtungsworkflow von Inkscape ändert sich abhängig davon, ob das Knotenwerkzeug oder das Auswahlwerkzeug aktiv ist. Ausrichten und Verteilen — Inkscape-Einsteigerhandbuch

Abschnitt 3

Exakte Positionen berechnen und dabei die horizontale Platzierung beibehalten

Für eine schräge Linie durch A = (Ax, Ay) und B = (Bx, By) liegt ein Punkt mit der horizontalen Koordinate x auf der Linie, wenn:

y = Ay + (x − Ax) × (By − Ay) / (Bx − Ax)

Diese Gleichung bietet eine praktische Ausrichtungsmethode, wenn die X-Koordinate jedes Knotens unverändert bleiben muss. Es handelt sich um eine geometrische Berechnung und nicht um einen speziellen Befehl im Editor.

Betrachten Sie die folgenden ausdrücklich beispielhaften Koordinaten, die alle in derselben Dokumenteinheit angegeben sind: A = (20, 30) und B = (100, 70). Die horizontale Differenz beträgt 80 und die vertikale Differenz 40; damit lautet die Geradengleichung:

y = 30 + (x − 20) × 0.5

Angenommen, drei vorhandene Zwischenknoten haben die folgenden Koordinaten. Wenn ihre X-Werte beibehalten werden, ergeben sich diese Zielwerte:

Knoten Ursprüngliche Position Zielposition
P1 (40, 50) (40, 40)
P2 (60, 40) (60, 50)
P3 (80, 65) (80, 60)

Wenden Sie die Zielwerte in Inkscape an:

  1. Wählen Sie mit dem Knotenwerkzeug nur P1 aus.
  2. Vergewissern Sie sich, dass die Koordinateneinheit mit Ihrer Berechnung übereinstimmt.
  3. Belassen Sie X bei 40 und geben Sie für Y den Wert 40 ein.
  4. Wählen Sie nur P2 aus und geben Sie Y = 50 ein; X bleibt bei 60.
  5. Wählen Sie nur P3 aus und geben Sie Y = 60 ein; X bleibt bei 80.
  6. Prüfen Sie A und B anhand ihrer notierten Koordinaten erneut.

Die drei Knoten liegen nun auf der durch die unveränderten Referenzpunkte definierten Linie. Ihre gleichen horizontalen Abstände ergeben sich in diesem Beispiel aus den gewählten Beispielkoordinaten; durch die Ausrichtungsberechnung selbst entstehen keine gleichen Abstände.

Diese Formel kann X auf einer vertikalen Ziellinie nicht beibehalten, weil Bx − Ax dann null wäre. Setzen Sie bei einer vertikalen Linie den X-Wert jedes Zielknotens auf Ax. Bei einer fast vertikalen Linie kann es sinnvoller sein, Y beizubehalten, da eine kleine horizontale Differenz einer großen vertikalen Bewegung entsprechen kann.

Um stattdessen Y beizubehalten, verwenden Sie x = Ax + (y − Ay) × (Bx − Ax) / (By − Ay). Diese Variante setzt voraus, dass sich By und Ay unterscheiden. Lesen Sie alle Koordinaten in denselben Editorfeldern und im selben Einheitensystem ab, statt Dokumentkoordinaten mit Messungen aus einem Screenshot zu vermischen.

Abschnitt 4

Senkrechte Projektion verwenden, wenn die Bewegung möglichst klein sein soll

Wenn weder X noch Y unverändert bleiben muss, liefert die senkrechte Projektion den nächstgelegenen Punkt auf der unendlichen Ziellinie. Das ist nützlich, wenn Zwischenknoten leicht von einem ansonsten korrekt geneigten Abschnitt abweichen.

Berechnen Sie für einen vorhandenen Knoten P = (Px, Py) zunächst die Richtung der Linie:

dx = Bx − Ax

dy = By − Ay

Berechnen Sie anschließend seine Position entlang der Linie und die projizierten Koordinaten:

t = ((Px − Ax) × dx + (Py − Ay) × dy) / (dx² + dy²)

Qx = Ax + t × dx

Qy = Ay + t × dy

Mit denselben beispielhaften Referenzpunkten und ursprünglichen Knoten ergibt sich:

Knoten Ursprüngliche Position Senkrechte Zielposition
P1 (40, 50) (44, 42)
P2 (60, 40) (56, 48)
P3 (80, 65) (82, 61)

Geben Sie die beiden Zielkoordinaten für jeden Knoten einzeln ein. Diese Werte wurden mit einer kleinen, deterministischen Python-Berechnung überprüft. Sie veranschaulichen die Geometrie und sind keine Messwerte aus einer bestimmten Figurendatei.

Zwei Bedingungen sind wichtig. Erstens müssen A und B verschieden sein: Zusammenfallende Referenzpunkte ergeben einen Nenner von null und definieren keine Linie. Zweitens projiziert diese Berechnung auf eine unendliche Linie. Ein t-Wert zwischen 0 und 1 platziert das Ergebnis zwischen A und B; ein Wert außerhalb dieses Bereichs platziert es jenseits eines Endpunkts.

Wenn ein projizierter Knoten außerhalb des vorgesehenen Abschnitts landet, überprüfen Sie ihn, bevor Sie ihn verschieben. Ihn automatisch auf den nächstgelegenen Endpunkt zu zwingen, würde Knoten übereinanderstapeln und die gewünschte Platzierung verändern. Die Formel allein löst außerdem nicht den Fall, dass die Knoten eines vorhandenen Pfads in ihrer Verbindungsreihenfolge zurücklaufen.

Abschnitt 5

Knoten in Affinity Designer 2 an einem schrägen Referenzpfad ausrichten

Bei wenigen Knoten kann ein temporärer Referenzpfad bequemer sein als die Berechnung von Koordinaten. Affinity Designer 2 dokumentiert eine Option des Knotenwerkzeugs namens An Geometrie ausgewählter Kurven ausrichten, mit der ein bewegter Knoten am Pfad oder an einem Knoten einer ausgewählten Kurve einrastet. Die Steuerelemente zum Einrasten von Knoten funktionieren unabhängig vom globalen Einrasten. Knotenwerkzeug — Affinity Designer 2 Hilfe

Der folgende Workflow nutzt diese dokumentierte Funktion für die Ausrichtungsaufgabe:

  1. Erstellen Sie eine separate gerade Referenzkurve mit der erforderlichen Neigung, die durch Ihre beiden Referenzpositionen verläuft.
  2. Wählen Sie die Motivkurve und die Referenzkurve mit dem Knotenwerkzeug aus.
  3. Aktivieren Sie in der Kontextleiste An Geometrie ausgewählter Kurven ausrichten.
  4. Wählen Sie zum Verschieben nur einen Motivknoten aus und ziehen Sie ihn in Richtung der Referenzkurve.
  5. Vergewissern Sie sich, dass er an der gewünschten Stelle der Referenzgeometrie einrastet.
  6. Wiederholen Sie den Vorgang für die übrigen Knoten und lassen Sie die beiden Referenzknoten unverändert.
  7. Entfernen Sie die temporäre Kurve, nachdem Sie das Ergebnis geprüft haben.

Verwenden Sie ein Referenzsegment, das lang genug ist, um alle vorgesehenen Zielpositionen abzudecken. Prüfen Sie in der Nähe seiner Endpunkte, ob ein Knoten am Endpunkt statt an der gewünschten Stelle im Inneren gelandet ist.

Durch das Ziehen auf einen Pfad wird ein Zielpunkt auf diesem Pfad festgelegt; es bestimmt für sich genommen weder eine senkrechte Projektion noch die Beibehaltung von X oder Y. Wenn diese Bedingungen wichtig sind, verwenden Sie berechnete Koordinaten. Affinity Designer 2 dokumentiert auch das Neupositionieren einzelner Knoten über das Transformieren-Bedienfeld. Kurven und Formen bearbeiten — Affinity Designer 2 Hilfe

Abschnitt 6

Bézier-Griffe prüfen, falls die Kontur weiterhin gekrümmt aussieht

Ausgerichtete Knoten ergeben nicht zwangsläufig eine gerade sichtbare Kontur. Bézier-Griffe bestimmen die Form der verbindenden Segmente. Daher kann ein Segment von der Ziellinie abweichen, obwohl seine beiden Knoten darauf liegen. Pfade mit dem Knotenwerkzeug bearbeiten — Inkscape-Einsteigerhandbuch

Prüfen Sie jedes verbindende Segment einzeln. Wenn Ihre Aufgabe nur ausgerichtete Ankerpositionen erfordert, behalten Sie die gewünschte Krümmung bei. Muss der Abschnitt selbst gerade sein, müssen auch seine Griffe entsprechend behandelt werden: Verwenden Sie gerade Segmente oder platzieren Sie die betreffenden Kontrollpunkte auf der Ziellinie, ohne einen Überstand zu erzeugen.

Berücksichtigen Sie an den beiden Referenzknoten die benachbarte Kontur, bevor Sie die Knotentypen ändern. Bei Eckknoten in Inkscape lassen sich die Griffe unabhängig voneinander verschieben; bei glatten Knoten bleiben beide Griffe durch den Knoten hindurch ausgerichtet. Symmetrische Knoten halten die Griffe zusätzlich gleich weit vom Knoten entfernt. Diese Einschränkungen wirken sich darauf aus, wie ein gerader Abschnitt in eine benachbarte Kurve übergeht. Informationen zu Knotentypen — Inkscape-Einsteigerhandbuch

Für eine Ecke, an der der gerade Abschnitt in eine Kurve übergeht, können unabhängige Griffe nützlich sein. Bei einem fließenden Übergang muss die erforderliche Tangentenrichtung erhalten bleiben. Wenn Sie alle Knoten auf denselben Typ umstellen, können unnötige Änderungen an den umliegenden Figurendetails entstehen.

Abschnitt 7

Ausrichtung prüfen, bevor Sie die Referenz entfernen

Prüfen Sie das Ergebnis anhand der zu Beginn gewählten Kriterien:

  • Referenzpunkte: A und B haben weiterhin ihre notierten Koordinaten.
  • Platzierungsregel: Die Knoten behalten X, behalten Y oder liegen auf ihren berechneten senkrechten Zielpositionen.
  • Umfang: Jeder Zwischenknoten liegt innerhalb des vorgesehenen Abschnitts.
  • Pfadreihenfolge: Die verbundenen Knoten verlaufen wie vorgesehen durch den Abschnitt.
  • Segmentform: Krümmung und Übergänge entsprechen der gewünschten Kontur.
  • Präzision: Durch Rundungen der Koordinaten ist keine sichtbare Abweichung entstanden.

Im durchgerechneten Beispiel sollte jedes ausgerichtete Koordinatenpaar y = 0.5x + 20 erfüllen, und zwar innerhalb der beim Eingeben verwendeten Genauigkeit. Das ermöglicht eine numerische Prüfung unabhängig vom visuellen Eindruck. Prüfen Sie die Figur auch in ihrer vorgesehenen Anzeigegröße, denn der bearbeitete Abschnitt muss weiterhin zum umgebenden Design passen.

Lassen Sie die beiden Referenzpunkte unverändert, wählen Sie die Bewegungsregel bewusst und prüfen Sie nach dem Positionieren der Knoten die verbindenden Segmente. So können Sie einen bestehenden schrägen Abschnitt reproduzierbar ausrichten und zugleich die übrige Kontur der Figur kontrollieren.

Abschnitt 8

Quellen

Weitere Artikel

Dieses Thema weiter erkunden