Kurven in der Vektorgrafik

Was ist eine Bézierkurve?

Bézier Curve

Eine Bézierkurve ist eine Kurve, deren Verlauf durch Ankerpunkte und daran hängende Griffe beschrieben wird, wobei Richtung und Länge der Griffe bestimmen, wie stark sich die Kurve zwischen zwei Punkten wölbt.

Sobald du in Illustrator, Inkscape oder einem CAD-Programm eine Form nachzeichnest, arbeitest du mit Bézierkurven, auch wenn im Menü nur vom Zeichenstift die Rede ist.

KI-generiertDieses Bild wurde mit KI erzeugt · Yves Hoppe / KI / cmt

Gehört zu: Vektorgrafik und Kurvengeometrie
Steckt in: Illustrator, Inkscape, Figma und Schriftdateien
Gesteuert über: Ankerpunkte mit je zwei Griffen
Verwechselt mit: Pfad, der die Kurven nur zusammenhält

Was die Griffe tatsächlich tun

Ein Kurvensegment hat vier bestimmende Punkte: die beiden Anker, durch die die Kurve wirklich läuft, und zwei Kontrollpunkte, die an den Griffen sitzen. Die Kurve berührt diese Kontrollpunkte nie, sie wird nur in ihre Richtung gezogen. Ein langer Griff bedeutet eine große Wölbung, ein kurzer eine straffe Kurve, und die Richtung des Griffs ist die Richtung, in der die Kurve den Ankerpunkt verlässt.

Am Ankerpunkt entscheidet die Stellung der beiden Griffe zueinander über den Charakter der Stelle. Liegen sie auf einer Linie, geht die Kurve glatt durch. Zeigen sie in unterschiedliche Richtungen, entsteht eine Ecke. Dafür kennen Zeichenprogramme unterschiedliche Knotentypen; in Affinity Designer heißen sie „Spitz“, „Glatt“ und „Smart“.

Weil hinter alledem eine Formel steckt, bleibt der Verlauf bei jeder Vergrößerung exakt. Ein Logo aus Bézierkurven lässt sich in Visitenkartengröße ebenso ausgeben wie als Beschriftung über eine ganze Hallenwand, ohne dass Kanten ausfransen.

Sauber zeichnen mit dem Zeichenstift

Die wichtigste Regel lautet: so wenige Punkte wie möglich. Anfängerpfade haben oft zwanzig Knoten, wo vier gereicht hätten, und lassen sich danach kaum noch verändern, weil jede Korrektur an einer Stelle die Nachbarschaft verzieht.

Punkte gehören an die Extremstellen, also dorthin, wo die Form am weitesten oben, unten, links oder rechts ausschlägt, und an echte Ecken. Zwischen zwei Extremstellen braucht es keinen Knoten. Wer sich beim Setzen angewöhnt, den Griff gleich in Fahrtrichtung der Kurve zu ziehen, spart sich das spätere Nachjustieren.

In Affinity Designer arbeitest du dafür mit dem Zeichenstift-Werkzeug und danach mit dem Knoten-Werkzeug, das Anker und Griffe einzeln greift. Freihandgezeichnete Pfade lassen sich nachträglich vereinfachen, das Ergebnis ist aber selten so ruhig wie ein von Hand gesetzter Pfad.

Wo dir Bézierkurven sonst noch begegnen

Schriften bestehen aus genau solchen Kurven, weshalb sich Buchstaben in Zeichenprogrammen in Pfade umwandeln und dann punktweise verändern lassen. Auch Beschneidungspfade in der Bildbearbeitung, Schnittkonturen für Plotter und Stanzformen und die Bewegungskurven in Animationsprogrammen greifen auf dasselbe Prinzip zurück.

Im Webbereich taucht es als Zeitverlauf auf: Eine Übergangsanimation mit cubic-bezier beschreibt über dieselben Kontrollpunkte, wie schnell eine Bewegung anläuft und ausklingt. Wer die Kurvenlogik einmal verstanden hat, liest solche Angaben ohne Umweg.

KI-generiertDieses Bild wurde mit KI erzeugt · Yves Hoppe / KI / cmt

Nicht verwechseln

Bézierkurve und was oft damit gleichgesetzt wird

Bézierkurve gegen Pfad

Der Pfad ist die ganze Kette, die Bézierkurve nur ein Segment darin. Ein Pfad kann gerade Strecken und Kurvensegmente mischen, offen oder geschlossen sein und trägt Eigenschaften wie Kontur und Füllung.

Bézierkurve gegen Spline und NURBS

Im CAD kommen Splines und NURBS zum Einsatz, die mit gewichteten Kontrollpunkten arbeiten und auch Kreisbögen mathematisch exakt abbilden. Für Konstruktionsgeometrie ist das nötig, für Illustration reicht die einfachere Bézierform.

Bézierkurve gegen Pixelgrafik

Ein Pixelbild speichert Farbwerte in einem festen Raster und kennt keine Kurven. Vergrößert man es, werden die Bildpunkte sichtbar. Genau darin liegt der Vorteil kurvenbasierter Grafik bei Logos, Icons und Schrift.

KI-generiertDieses Bild wurde mit KI erzeugt · Yves Hoppe / KI / cmt

In der Praxis

Zu viele Ankerpunkte sind der häufigste Grund für unruhige Kurven

Beim Nachzeichnen einer Vorlage klicken die meisten viel zu oft. Jeder zusätzliche Ankerpunkt ist eine Stelle, an der die Kurve kippen kann, und beim Nacharbeiten fasst du dann zwanzig Griffe an statt vier. Die Faustregel aus der Zeichenarbeit lautet: Setz Punkte dort, wo die Kurve ihre Richtung wechselt, also oben, unten, links und rechts am Bogen, und lass die Griffe dabei waagerecht oder senkrecht stehen.

Schlechte Kurvenarbeit fällt erst spät auf. Ein Logo, das am Bildschirm passabel aussieht, zeigt im Großformat oder beim Schneiden auf dem Plotter jede Delle, weil das Gerät genau dem Pfad folgt, den du gezeichnet hast. Ein sichtbarer Knick entsteht immer dort, wo die beiden Griffe eines Ankerpunkts nicht auf einer Linie liegen, und ob ein Punkt weich oder eckig ist, lässt sich im Programm gezielt umschalten.

Beim Weitergeben von Daten werden Kurven häufig in kurze Geraden zerlegt, etwa für Schneid- und Fräsprogramme oder beim Umwandeln in ältere Formate. Wie fein das geschieht, steuert eine Toleranz. Ist sie zu grob eingestellt, siehst du auf dem gedruckten Meterplakat plötzlich Facetten statt einer runden Form.

Bézierkurve lernen

Wie du Knoten setzt, Griffe bändigst und mit vier Punkten eine Form baust, für die andere zwanzig brauchen, üben die Affinity-Kurse für Pfade und Zeichenwerkzeuge Schritt für Schritt.

Kurse, die Bézierkurve behandeln

Häufige Fragen

Warum hat meine Kurve an einem Punkt einen Knick?

Dann stehen die beiden Griffe an diesem Ankerpunkt nicht auf einer Linie. Mit dem Knoten-Werkzeug lässt sich der Punkt auf glatt umstellen, danach folgen beide Griffe wieder derselben Richtung und der Übergang wird stufenlos.

Wie viele Ankerpunkte braucht eine gute Form?

So wenige wie möglich. Als Faustregel setzt du einen Punkt an jede Extremstelle der Form und an jede echte Ecke, sonst keinen. Weniger Punkte bedeuten weichere Verläufe, kleinere Dateien und Pfade, die sich später noch anpassen lassen.

Kann ich gescannte Zeichnungen in Kurven umwandeln?

Ja, das übernimmt eine Vektorisierung. Das Ergebnis besteht allerdings meist aus sehr vielen Knoten und folgt jeder Unregelmäßigkeit der Vorlage. Für saubere Logos lohnt sich das Nachzeichnen von Hand fast immer mehr als das automatische Ergebnis.

Persönlich für dich da