Bildkomposition-Planer – Goldener Schnitt, Drittelregel und Bildausschnitt

Bildkomposition-Planer – Goldener Schnitt, Drittelregel und Bildausschnitt

Eine stimmige Bildkomposition entscheidet oft schon vor dem ersten Strich darüber, ob eine Zeichnung ruhig, spannend oder besonders ausdrucksstark wirkt.

bildkomposition-planer-web-q84

Mit dem Bildkomposition-Planer kannst du verschiedene Bildausschnitte, Formate und Kompositionsraster direkt ausprobieren, wichtige Motivpunkte verschieben und deine Gestaltung Schritt für Schritt verfeinern. So erkennst du früh, welche Anordnung dein Hauptmotiv am besten unterstützt und aus einer ersten Idee ein klar aufgebautes Bild entstehen lässt:

Interaktives Werkzeug für Zeichner und Illustratoren

Bildkomposition-Planer – Goldener Schnitt, Drittelregel und Bildausschnitt

Plane den Aufbau einer Zeichnung, bevor du dich an Details bindest. Lade ein Referenzbild hoch oder beginne mit einer leeren Zeichenfläche, wähle ein Bildformat und prüfe unterschiedliche Kompositionsraster. Motivpunkte, Tiefenzonen und Bildausschnitte lassen sich direkt anpassen und miteinander vergleichen.

  • Drittelregel, Goldener Schnitt und weitere Kompositionshilfen
  • Eigene Referenzbilder lokal im Browser bearbeiten
  • Formate, Motivpunkte und Bildausschnitte direkt vergleichen
  • Kompositionsentwurf drucken oder als Bild speichern

Was lässt sich mit dem Kompositionsplaner prüfen?

Eine gute Bildkomposition lenkt den Blick, gewichtet Haupt- und Nebenmotive und verteilt freie Flächen bewusst. Mit dem Planer kannst du verschiedene Kompositionsregeln über eine Zeichnung oder ein Referenzbild legen und unmittelbar erkennen, wie sich ein anderer Ausschnitt auf die Bildwirkung auswirkt.

Das Werkzeug eignet sich für Landschaftszeichnungen, Porträts, Stillleben, Comics, Illustrationen, Skizzen, Fotovorlagen und die Planung von Bildern in unterschiedlichen Seitenverhältnissen. Es bewertet nicht, ob eine Gestaltung künstlerisch richtig oder falsch ist, sondern macht mögliche Ordnungen, Blickachsen und Schwerpunktverteilungen sichtbar.

Bildkomposition einstellen

Beginne mit einer leeren Fläche oder lade ein eigenes Bild hoch. Wähle danach das Format, aktiviere passende Kompositionshilfen und positioniere die Motivpunkte. Für eine gut lesbare Vorschau sollten möglichst nicht alle Raster gleichzeitig eingeblendet werden.

1. Bildquelle auswählen

Unterstützt werden JPEG-, PNG- und WebP-Dateien. Das Bild wird nur lokal in deinem Browser verarbeitet und nicht an einen Server übertragen. Sehr große Dateien können vor der Anzeige automatisch verkleinert werden.

2. Format und Ausrichtung festlegen

Das Seitenverhältnis beeinflusst, wie viel Raum neben, über und unter einem Motiv bleibt. Ein Formatwechsel verändert den Ausschnitt, nicht die Originaldatei.

Ausrichtung

Freies Seitenverhältnis

Die freien Werte werden verwendet, sobald beim Bildformat „Freies Seitenverhältnis“ gewählt wird.

3. Bildausschnitt verschieben und skalieren
100 %

Vergrößere das Bild, um einen engeren Ausschnitt zu testen. Ein kleinerer Wert zeigt mehr vom Ausgangsbild.

50 %
50 %
4. Kompositionsraster auswählen

Raster sind Orientierungshilfen und keine starren Vorgaben. Aktiviere möglichst nur die Linien, die du für deine aktuelle Planung benötigst.

80 %
5. Motivpunkte positionieren

Die Punkte markieren wichtige Bildelemente. Sie können über die Regler, direkt mit Maus oder Finger sowie per Tastatur verschoben werden.

Motivpunkt 1 – Hauptmotiv

67 %
33 %

Motivpunkt 2 – Nebenmotiv

33 %
67 %

Motivpunkt 3 – optionales Detail

50 %
50 %
6. Vordergrund, Mittelgrund und Hintergrund markieren
33 %
67 %
33 %
20 %
7. Ausschnitte vergleichen und exportieren

Interaktive Kompositionsvorschau

Verschiebe das Bild mit den Reglern oder direkt innerhalb der Vorschau. Motivpunkte können mit Maus, Finger oder Pfeiltasten bewegt werden. Halte beim Verschieben mit der Tastatur die Umschalttaste gedrückt, um größere Schritte auszuführen.

Beispiel einer Landschaftskomposition im Format 16 zu 9 Eine vereinfachte Landschaftszeichnung mit Drittelraster, Horizontlinie, einem Hauptmotiv am oberen rechten Rasterschnittpunkt und einem Nebenmotiv am unteren linken Rasterschnittpunkt. Hauptmotiv Nebenmotiv
Beispielausgangslage: 16:9 im Querformat mit aktivierter Drittelregel. Das Hauptmotiv liegt nahe dem oberen rechten Rasterschnittpunkt, das Nebenmotiv nahe dem unteren linken Schnittpunkt. Die Horizontlinie befindet sich ungefähr im oberen Drittel.

Aktuelle Ansicht: Beispielzeichnung im Format 16:9 mit Drittelraster.

Verschiebe den Ausschnitt oder aktiviere weitere Kompositionshilfen.

Aktuelle Komposition im Überblick

Die Auswertung beschreibt die eingestellte Anordnung. Sie ist eine Orientierungshilfe und kein automatisches Qualitätsurteil über das Bild.

Bildquelle
Integrierte Beispielzeichnung
Format
16:9 im Querformat
Aktive Kompositionshilfen
Drittelregel und Horizontlinie
Hauptmotiv
67 % von links und 33 % von oben
Nähe zu einem Rasterschnittpunkt
Das Hauptmotiv liegt am oberen rechten Schnittpunkt der Drittelregel.
Horizont
Ungefähr im oberen Drittel des Bildes
Bildschwerpunkt
Der sichtbare Schwerpunkt liegt in der rechten oberen Bildhälfte.
Aktiver Bildausschnitt
Zentriert, 100 % Bildgröße, nicht gespiegelt und nicht gedreht

Hinweis zur Beispielkomposition

Das Hauptmotiv erhält durch seine Lage am oberen rechten Drittelschnittpunkt eine deutliche Gewichtung. Das Nebenmotiv auf der gegenüberliegenden Seite kann einen visuellen Ausgleich schaffen. Prüfe zusätzlich, ob die Blick- oder Bewegungsrichtung des Hauptmotivs genügend freien Raum vor sich hat.

Prüfpunkte für die weitere Planung

  • Kontrolliere, ob das Hauptmotiv klarer gewichtet ist als das Nebenmotiv.
  • Prüfe, ob wichtige Bildelemente unbeabsichtigt direkt am Rand abgeschnitten werden.
  • Vergleiche mindestens zwei Ausschnitte, bevor du dich für das endgültige Format entscheidest.

Bis zu drei Bildausschnitte vergleichen

Speichere unterschiedliche Formate, Zoomstufen oder Motivpositionen in den Vergleichsplätzen A, B und C. So kannst du beurteilen, welcher Ausschnitt dem Hauptmotiv genügend Raum gibt und welche Variante die Blickführung am deutlichsten unterstützt.

Vergleichsausschnitt A In diesem Vergleichsplatz ist noch kein eigener Bildausschnitt gespeichert. Ausschnitt A Noch nicht gespeichert
Ausschnitt A: Noch kein Ausschnitt gespeichert.
Vergleichsausschnitt B In diesem Vergleichsplatz ist noch kein eigener Bildausschnitt gespeichert. Ausschnitt B Noch nicht gespeichert
Ausschnitt B: Noch kein Ausschnitt gespeichert.
Vergleichsausschnitt C In diesem Vergleichsplatz ist noch kein eigener Bildausschnitt gespeichert. Ausschnitt C Noch nicht gespeichert
Ausschnitt C: Noch kein Ausschnitt gespeichert.

So verwendest du den Bildkomposition-Planer

  1. Bildquelle festlegen: Nutze die integrierte Beispielzeichnung, eine leere Fläche oder ein eigenes Referenzbild von deinem Gerät.
  2. Format auswählen: Vergleiche Querformat, Hochformat, Quadrat, DIN-Formate und typische Seitenverhältnisse wie 3:2, 4:5 oder 16:9.
  3. Bildausschnitt anpassen: Vergrößere, verschiebe, drehe oder spiegle das Bild, bis die gewünschte Anordnung im Rahmen sichtbar ist.
  4. Kompositionshilfe einblenden: Aktiviere beispielsweise die Drittelregel, den Goldenen Schnitt, eine Goldene Spirale oder ein Diagonalraster.
  5. Motivpunkte markieren: Positioniere Hauptmotiv, Nebenmotiv und optional ein weiteres Detail.
  6. Tiefenwirkung planen: Markiere Vordergrund, Mittelgrund und Hintergrund und prüfe die Lage des Horizonts.
  7. Varianten vergleichen: Speichere bis zu drei Ausschnitte und betrachte sie direkt nebeneinander.
  8. Entwurf ausgeben: Speichere die Komposition mit oder ohne Raster als PNG oder SVG oder drucke die Arbeitsansicht aus.

Kompositionshilfen kurz erklärt

Drittelregel

Die Fläche wird durch zwei waagerechte und zwei senkrechte Linien in neun Bereiche aufgeteilt. Wichtige Motive können auf den Linien oder in der Nähe ihrer vier Schnittpunkte angeordnet werden.

Goldener Schnitt

Der Goldene Schnitt teilt die Fläche ungefähr im Verhältnis 38 zu 62. Seine Linien liegen etwas näher an der Bildmitte als die Linien der Drittelregel und ermöglichen eine feinere Gewichtung.

Goldene Spirale

Die Spirale kann den Blick von größeren Bildbereichen zu einem Schwerpunkt führen. Ihr enger Mittelpunkt eignet sich häufig für ein besonders wichtiges Detail.

Diagonal- und Dreieckskomposition

Diagonalen können Bewegung, Richtung und Spannung betonen. Eine Dreiecksanordnung verbindet mehrere Motive zu einer stabilen oder dynamischen Gruppe.

Zentralkomposition

Ein mittig angeordnetes Motiv wirkt häufig ruhig, direkt oder symmetrisch. Diese Lösung kann bewusst gewählt werden und ist nicht automatisch weniger interessant als eine dezentrale Anordnung.

Vordergrund, Mittelgrund und Hintergrund

Die Aufteilung in Tiefenzonen unterstützt räumliche Wirkung und Blickführung. Überlappungen, Größenunterschiede und Abstände können die Trennung der Ebenen zusätzlich verstärken.

Datenschutz und lokale Bildverarbeitung

Hochgeladene Referenzbilder werden ausschließlich lokal im Browser verarbeitet. Das Tool benötigt keine Anmeldung, keine externen Bibliotheken, keine Cloud-Speicherung und keine Verbindung zu einem externen Bild- oder KI-Dienst. Beim Verlassen oder Neuladen der Seite werden nicht gespeicherte Arbeitsstände verworfen.

Häufige Fragen zum Bildkomposition-Planer

Was ist der Unterschied zwischen Drittelregel und Goldenem Schnitt?

Die Drittelregel teilt Breite und Höhe jeweils in drei gleich große Bereiche. Beim Goldenen Schnitt liegen die Teilungslinien ungefähr bei 38 und 62 Prozent. Dadurch befinden sie sich etwas näher an der Bildmitte.

Kann ich ein eigenes Foto als Zeichenvorlage verwenden?

Ja. JPEG-, PNG- und WebP-Dateien können lokal geladen und anschließend verschoben, vergrößert, gedreht, gespiegelt und mit Kompositionsrastern überlagert werden.

Wird mein hochgeladenes Bild an einen Server übertragen?

Nein. Das Bild bleibt auf deinem Gerät und wird nur innerhalb des Browsers verarbeitet. Das Tool verwendet keine externen API-Aufrufe.

Welches Kompositionsraster sollte ich verwenden?

Für einen schnellen Einstieg ist die Drittelregel meist übersichtlich. Der Goldene Schnitt ermöglicht eine etwas feinere Teilung. Spiralen, Diagonalen und Dreiecke eignen sich besonders, wenn Bewegung oder eine deutliche Blickrichtung geplant werden soll.

Können mehrere Raster gleichzeitig eingeblendet werden?

Ja. Für eine verständliche Vorschau ist es jedoch meist sinnvoll, nur ein oder zwei Raster gleichzeitig zu verwenden. Zu viele Linien können die Beurteilung des eigentlichen Motivs erschweren.

Was bedeuten die frei positionierbaren Motivpunkte?

Die Motivpunkte markieren wichtige Elemente innerhalb der geplanten Zeichnung. So lässt sich prüfen, ob Hauptmotiv, Nebenmotiv und Details ausgewogen verteilt oder gezielt an Rasterlinien ausgerichtet sind.

Warum sollte ich mehrere Bildausschnitte vergleichen?

Schon kleine Änderungen am Format oder Ausschnitt können den Schwerpunkt, die Blickrichtung und den freien Raum deutlich verändern. Der direkte Vergleich erleichtert eine bewusste Entscheidung vor dem eigentlichen Zeichnen.

Kann ich die Vorschau ohne eingeblendetes Raster speichern?

Ja. Vor dem Export lässt sich festlegen, ob Raster, Motivpunkte, Tiefenzonen und Beschnittmarken in der gespeicherten Datei erscheinen sollen.

Mehr Tools & Rechner:

-

Übersicht:
Fachartikel
Zeichnen News
Über uns


zeichnen99

Autoren Profil:
FB/Twitter