S-förmige (ähnliche) Bezier-Kurven-Kontrollpunkte? (GIMP)

Neu hier, also lasst es mich wissen, wenn ich etwas falsch mache!

Ich sitze jetzt seit Stunden hier und recherchiere Bezier-Kurven, und ich kann anscheinend keine Antwort auf eine meiner Meinung nach einfache Frage finden ...

Ich möchte eine S-förmige (ish) Kurve erstellen (dh eine, die sich auf sich selbst verdoppelt). Wo genau soll ich die Kontrollpunkte setzen?? (Und erklären Sie bitte in Ihrer Antwort, warum dies der Fall ist, wenn Sie möchten; ich habe eine Reihe von Antworten auf Fragen auf dieser und Schwesterseiten gesehen, die nur Schritte zur Lösung des Problems enthalten, ohne zu erklären, warum, und ich mache es viel besser, wenn Ich verstehe, warum etwas so ist, wie es ist. Danke!)

Hinweis: Ich bin kein Schriftdesigner ... oder zumindest versuche ich das jetzt nicht. Das scheint laut dieser Frage von Bedeutung zu sein .

Ich sehe immer wieder Dinge darüber, wie man die Punkte an die Extrema der Kurve setzt ... aber ich habe einige Probleme, es zu finden. Ich habe das Bezier-Spiel ausprobiert , und vielleicht bekomme ich den Dreh raus ... aber ehrlich gesagt, ich bin nicht sehr gut darin.

Diese Antwort (und die Kommentare dazu) sagt das aus

"Eine weitere gute Angewohnheit besteht darin, S-förmige Kurven an dem Punkt zu schneiden, an dem sich die Krümmungsrichtung ändert."

...was ich für sinnvoll halte? Die Kommentare zur obigen Antwort erwähnen eine andere Methode:

"Ich neige dazu, Krümmungsmaximum und Wendepunkt zu machen."

Aber dann scheint diese Seite (Abschnitte 6. Ankerpunkte an Extrema halten – und Griffe gerade halten und Bearbeiten: 7. Explizite Wendepunkte ) zu sagen, dass die Sache mit dem Wendepunkt mit dem Teil über Extrema einhergeht und die Griffe gerade halten. Ist das die gleiche Methode?

Konkretes Beispiel:

Ich versuche, das Logo für die TV-Show „Supernatural“ nachzuzeichnen (und ja, ich könnte es einfach mit der Inkscape-Nachverfolgungsfunktion tun, aber das würde den Zweck des Lernens zunichte machen, haha), und die Flammen an den Rändern sind es macht mich verrückt. Ich bin mir ziemlich sicher, dass ich zumindest Punkte an den Spitzen jeder Flamme und auch an den Stellen haben möchte, an denen sich die Flammen treffen, wie hier

Geben Sie hier die Bildbeschreibung ein

aber dann bleibe ich hängen. Ich könnte Extrempunkte setzen, was meiner Meinung nach – obwohl ich mir keineswegs sicher bin! – ungefähr so ​​aussehen würde

Geben Sie hier die Bildbeschreibung ein

Aber ich bin mir überhaupt nicht sicher, ob das richtig ist, denn einige der Dinge, die ich gesehen habe, scheinen zu sagen, dass es das Gegenteil sein sollte, so wie hier

Geben Sie hier die Bildbeschreibung ein

Und dann der Abschnitt der Seite, die ich oben verlinkt habe

Aber dann scheint diese Seite (Abschnitte 6. Ankerpunkte an Extrema halten – und Griffe gerade halten und Bearbeiten: > 7. Explizite Wendepunkte ) zu sagen, dass die Sache mit dem Wendepunkt mit dem > Teil über Extrema einhergeht und die Griffe gerade hält.

scheint zu sagen, dass ich beides will?? Vielleicht?? So was

Geben Sie hier die Bildbeschreibung ein

...aber das kann doch nicht stimmen, weil ich dachte, es ginge um möglichst wenige Punkte...??

Ich bin sehr verwirrt, also wird jede Hilfe sehr geschätzt!!

Danke!

Anmerkung 2: Ich arbeite derzeit in GIMP und exportiere dann den Pfad nach Inkscape. Ich kann beim besten Willen nicht herausfinden, wie ich die Übung, die ich im Bezier-Spiel gesammelt habe, auf Inkscape übertragen soll, da das Inkscape-Stiftwerkzeug anscheinend ganz anders funktioniert als das im Spiel ... Fühlen Sie sich frei, mitzuhelfen auch wenn du kannst/willst :)

GIMP ist hier absolut das falsche Werkzeug.

Antworten (1)

Ich würde Ihnen nicht empfehlen, GIMP für solche Arbeiten zu verwenden. Es ist einfach nicht das richtige Werkzeug für den Job. Verwenden Sie stattdessen einen Vektorbildeditor.

Das Bézier-Werkzeug von Inkscape funktioniert sehr ähnlich wie das im Bézier-Spiel, aber die Funktionalität der Umschalt-, Alt- und Strg-Modifikatortasten ist anders. Das Spiel verwendet die Modifikatortasten von Adobe Illustrator.

  • Wenn Sie die Umschalttaste gedrückt halten, wird ein Eckknoten erstellt und Sie können einen Kurvengriff herausziehen (dies ist Alt im Bézier-Spiel).
  • Wenn Sie die Strg-Taste gedrückt halten, werden Linien- und Griffwinkel auf Vielfache von 15 ° ausgerichtet (dies ist die Umschalttaste im Bézier-Spiel, und das Einrasten von Winkeln erfolgt auf Vielfache von 45 °).

Sie brauchen nur zwei Knoten, um eine S-Form zu bilden. Wenn die S-Form komplexer ist, können Sie mehr verwenden, wenn Sie möchten. Es gibt keine Regeln. Mach was du willst. Offensichtlich ist es oft effizienter, weniger Knoten zu haben, und führt zu kleineren SVG-Dateigrößen, aber manchmal braucht man einfach mehr Knoten. Das Platzieren von Knoten an Extrema kann eine nützliche Technik sein, um schöne Kurven zu erstellen, aber es ist nicht in Stein gemeißelt.

Beispiel einer S-förmigen Kurve mit zwei Knoten.

Geben Sie hier die Bildbeschreibung ein

Hmm ... Ich frage mich, ob mein Inkscape irgendwie wackelig ist, denn das Halten der Umschalttaste scheint die meiste Zeit absolut nichts zu tun, und dann bekomme ich gelegentlich eine Kurve, aber ohne Anfasser, die ich sehen kann ... Auch in der Bezier-Spiel Ich bin mir ziemlich sicher, dass ich am ersten Punkt, den ich erstellt habe, Ziehgriffe klicken und ziehen konnte, und das scheint auch in Inkscape nicht zu passieren. Ich werde sehen, ob es Updates oder ähnliches gibt, aber wenn nicht, bin ich mir nicht sicher, was das Problem sein könnte, oder ob es kostenlose und anständige Alternativen zu Inkscape gibt?
(Kann nicht herausfinden, wie/ob es möglich ist, den vorherigen Kommentar zu bearbeiten, also füge einen neuen hinzu. Hoffe, das ist in Ordnung!) Update: Welp, anscheinend bin ich dumm XD Nicht nur war meine Inkscape-Version WAAAAAY veraltet, sondern Ich glaube, ich habe irgendwie das Spiro-Kurven-Werkzeug anstelle des normalen Bezier-Werkzeugs ausgewählt. Kann noch etwas gewöhnungsbedürftig sein, aber viel besser! Vielen Dank für Ihre Hilfe; Ich probiere es jetzt mal richtig aus :)
In Inkscape können Sie klicken und ziehen, um Griffe aus dem ersten Knoten herauszuziehen, ohne die Umschalttaste gedrückt zu halten, genau wie bei jedem anderen Knoten. Der Unterschied bei gedrückter Umschalttaste besteht darin, dass ein Eckknoten erstellt wird, aus dem Sie Griffe herausziehen können. Einfache Klicks auf einen Knoten erzeugen ebenfalls einen Eckpunkt. Wenn die Spiro-Option aktiviert ist, ändert sich das Verhalten des Werkzeugs vollständig. Wenn Sie diese Option verwenden, gibt es keine Griffe, und die Umschalttaste erstellt nur Eckknoten.
@Amydel'ABC Beachten Sie auch, dass die Spiro-Option einen Spiro-Spline-Pfadeffekt erzeugt, und obwohl die zugrunde liegenden Pfade Griffe an Knoten haben, werden diese vom Pfadeffekt ignoriert. Im Wesentlichen erzeugt der Effekt die Kurven.
@Amydel'ABC - Wenn Sie mehr von einem Adobe Pen Tool-Erlebnis wünschen, bietet Adobe kostenlose Software namens Adobe XD, die zum Nachahmen von Apps / Benutzeroberflächen / Webseiten verwendet wird. Es ist ein vereinfachter vektorbasierter Editor. Sie können es verwenden, um SVGs zu exportieren. Inkscape hat jedoch viel mehr Funktionen und ist Adobe Illustrator ähnlicher. Illustrator unterstützt SVG-Standards nicht so gut wie Inkscape, aber Illustrator eignet sich besser für den Druck, da es CMYK-Farben unterstützt.
Vielen Dank! Das ist wirklich gut zu wissen! Klingt so, als sollte ich vielleicht Adobe XD ausprobieren und dann nach Inkscape exportieren, wenn ich ausgefallenere Sachen machen muss? (Außerdem, zu Ihrer Information, ich bin mir nicht sicher, was ich falsch mache, aber die Website scheint mich nicht @ erwähnen zu lassen - sie löscht nur diesen Teil des Kommentars ...)
Es ist in Ordnung. Sie müssen kein @ verwenden, um mich in Kommentaren zu einer von mir geposteten Antwort zu erwähnen. Ich kann sie automatisch sehen. Um ehrlich zu sein, obwohl XD ganz nett ist, bevorzuge ich immer noch Inkscape zum Zeichnen. Vielleicht einfach noch ein bisschen üben. Es lohnt sich.