Vektorgrafik - Kunst

Diesen aiMOOC als Battle spielen: Mathematik, Klasse 9-10, G-Niveau

Einleitung

Eine Vektorgrafik besteht aus mathematisch beschriebenen Punkten, Linien, Kurven und Formen. Du kannst sie vergrößern, ohne dass sichtbare Pixel entstehen. In der Kunst eignet sie sich besonders für Logos, Icons, Plakate, Comics, Op-Art, Muster und geometrische Illustrationen.

Video laden

YouTube

YouTube sammelt möglicherweise persönliche Daten. Datenschutzrichtlinie

Fortfahren Ausblenden

Lernziele

Du lernst, wie Vektorgrafiken aufgebaut sind, wie Du Formen gestaltest und wie Du ein eigenes digitales Kunstwerk planst.

1. Vektorgrafik und Pixelgrafik unterscheiden
2. Pfad, Knoten, Füllung und Kontur erklären
3. Farben, Formen und Ebenen gezielt einsetzen
4. ein eigenes Motiv als SVG gestalten
5. Gestaltung und Wirkung begründen

Grundlagen

Vektor statt Pixel

Eine Pixelgrafik besteht aus einzelnen Bildpunkten. Eine Vektorgrafik speichert Formen und ihre Eigenschaften. Deshalb bleiben Kanten beim Vergrößern meist scharf.

1. Vektorgrafik: geeignet für Logos, Schriftzüge, Symbole, Karten und klare Illustrationen
2. Pixelgrafik: geeignet für Fotos, Malerei mit vielen Farbnuancen und Bildbearbeitung
3. Skalierung: Vektorformen lassen sich ohne feste Pixelauflösung vergrößern
4. Export: Für Präsentationen oder Webseiten kann eine Vektorgrafik auch als PNG ausgegeben werden

Pfade und Knoten

Ein Pfad besteht aus geraden oder gebogenen Abschnitten. Knoten bestimmen seine Form. Griffe steuern eine Bézierkurve.

1. Ankerpunkt: legt eine Position fest
2. Kurvensegment: verbindet Knoten
3. Bézierkurve: ermöglicht weiche, kontrollierbare Linien
4. Kontur: bestimmt Farbe und Stärke des Randes
5. Füllung: bestimmt das Innere einer geschlossenen Form

Formen als künstlerisches Material

Rechtecke, Kreise, Sterne und freie Pfade können verschoben, gedreht, gespiegelt und kombiniert werden. So entstehen aus einfachen Formen komplexe Bilder.

Gestaltung in der Kunst

Farbe und Kontrast

Mit Farbkontrasten lenkst Du den Blick. Begrenze Deine Palette, wenn das Bild ruhig und einheitlich wirken soll.

1. Komplementärkontrast: gegenüberliegende Farben wirken spannungsreich
2. Hell-Dunkel-Kontrast: helle und dunkle Flächen schaffen Klarheit
3. Farbtemperatur: warme Farben wirken oft näher, kalte Farben eher ferner
4. Transparenz: überlagerte Formen erzeugen neue Farbräume

Komposition

Eine gute Komposition ordnet Formen, Farben und Zwischenräume. Achte besonders auf Blickführung, Größenverhältnisse und den Negativraum.

1. Symmetrie: wirkt geordnet und ruhig
2. Asymmetrie: wirkt lebendig und spannungsvoll
3. Rhythmus: Wiederholungen erzeugen Bewegung
4. Kontrast: Unterschiede machen Wichtiges sichtbar
5. Reduktion: wenige klare Formen können eine starke Aussage bilden

Fläche, Kontur und Transparenz

Eine Form kann nur gefüllt, nur umrandet oder halbtransparent sein. Durch Überlagerung entstehen Tiefe, Muster und neue Farbmischungen.

Arbeiten mit einem Vektorprogramm

Inkscape

Inkscape ist ein freies Programm zum Erstellen und Bearbeiten von Vektorgrafiken. Sein wichtigstes Dateiformat ist SVG.

Video laden

YouTube

YouTube sammelt möglicherweise persönliche Daten. Datenschutzrichtlinie

Fortfahren Ausblenden

Ein einfacher Arbeitsablauf

1. Ideenskizze: Zeichne Dein Motiv zunächst grob auf Papier.
2. Grundform: Baue das Motiv aus wenigen Kreisen, Rechtecken oder Polygonen.
3. Pfadbearbeitung: Verändere Knoten und Kurven.
4. Farbgestaltung: Wähle eine begrenzte Farbpalette.
5. Ebenen: Ordne Vordergrund, Hintergrund und Details.
6. Überprüfung: Betrachte das Werk klein und stark vergrößert.
7. Speichern: Sichere die bearbeitbare SVG-Datei.
8. Export: Erzeuge bei Bedarf eine PNG-Datei.

Video laden

YouTube

YouTube sammelt möglicherweise persönliche Daten. Datenschutzrichtlinie

Fortfahren Ausblenden

Dateiformate

1. SVG: offenes und gut bearbeitbares Vektorformat
2. PDF: geeignet für Austausch und Druck
3. EPS: älteres Vektorformat für professionelle Anwendungen
4. PNG: Pixelgrafik mit möglicher Transparenz
5. JPEG: Pixelgrafik für Fotos, aber ohne transparenten Hintergrund

Mini-Projekt: Geometrisches Kunstplakat

Gestalte ein Plakat aus höchstens acht Grundformen und vier Farben. Verwende mindestens eine Überlagerung, eine Wiederholung und einen deutlichen Blickfang.

1. Wähle ein Thema wie Bewegung, Ruhe, Natur oder Zukunft.
2. Skizziere drei kleine Entwürfe.
3. Setze den besten Entwurf als Vektorgrafik um.
4. Prüfe die Wirkung in Schwarz-Weiß und in Farbe.
5. Exportiere das Werk als SVG und PNG.
6. Begründe drei Gestaltungsentscheidungen.

Interaktive Aufgaben

Quiz: Teste Dein Wissen

Woraus besteht eine Vektorgrafik hauptsächlich? (Mathematisch beschriebenen Formen und Pfaden) (!Fest angeordneten Fotopixeln) (!Gescannten Papierfasern) (!Einzelnen Tonspuren)

Welche Eigenschaft ist typisch für Vektorgrafiken? (Sie lassen sich ohne sichtbare Pixelbildung vergrößern) (!Sie bestehen immer aus Fotografien) (!Sie können keine Farben enthalten) (!Sie lassen sich nicht bearbeiten)

Was ist ein Knoten in einer Vektorgrafik? (Ein bearbeitbarer Punkt eines Pfades) (!Eine gespeicherte Fotofarbe) (!Eine Druckerpatrone) (!Eine Tonspur)

Wozu dient eine Bézierkurve? (Zum Gestalten kontrollierbarer Kurven) (!Zum Speichern von Videos) (!Zum Mischen von Ton) (!Zum Zählen von Pixeln)

Was bezeichnet die Füllung? (Die Gestaltung im Inneren einer geschlossenen Form) (!Die Größe der Arbeitsfläche) (!Den Namen der Datei) (!Die Anzahl der Ebenen)

Was bezeichnet die Kontur? (Den sichtbaren Rand einer Form) (!Den Hintergrund eines Fotos) (!Die Lautstärke eines Videos) (!Die Reihenfolge der Dateien)

Welches Format ist ein verbreitetes Vektorformat? (SVG) (!JPEG) (!MP3) (!TXT)

Wofür ist eine Pixelgrafik besonders geeignet? (Für Fotografien mit vielen Farbnuancen) (!Für beliebig skalierbare Logos) (!Für reine Tonaufnahmen) (!Für Tabellen ohne Bilder)

Was kann eine Wiederholung von Formen erzeugen? (Einen visuellen Rhythmus) (!Eine geringere Lautstärke) (!Eine längere Videodauer) (!Eine unsichtbare Datei)

Warum werden Ebenen verwendet? (Um Bildobjekte übersichtlich anzuordnen) (!Um Farben automatisch zu löschen) (!Um jede Form in ein Foto zu verwandeln) (!Um den Bildschirm auszuschalten)

Memory

Pfad	Linie aus Ankerpunkten
Knoten	Bearbeitbarer Punkt
Füllung	Farbe im Inneren
Kontur	Sichtbarer Rand
Skalierung	Größenänderung ohne Qualitätsverlust
SVG	Offenes Vektorformat
Bézierkurve	Steuerbare Kurve
Ebene	Ordnung für Objekte

Drag and Drop

Ordne die richtigen Begriffe zu.	Thema
Formenwerkzeug	Erzeugt Kreise, Rechtecke und Sterne
Knotenwerkzeug	Verändert einzelne Punkte eines Pfades
Füllung	Gestaltet das Innere einer Form
Kontur	Gestaltet den Rand einer Form
Ebenenverwaltung	Ordnet Bildobjekte im Vorder- und Hintergrund

Kreuzworträtsel

Vektor	Welche Grafikart bleibt beim Vergrößern scharf?
Knoten	Wie heißt ein bearbeitbarer Punkt eines Pfades?
Kontur	Wie heißt der Rand einer Form?
Fuellung	Wie heißt die Farbe im Inneren einer Form?
Inkscape	Wie heißt ein freies Programm für Vektorgrafik?
Skalierung	Wie heißt die Veränderung der Größe?

Lückentext

Vervollständige den Text.

Eine Vektorgrafik besteht aus mathematisch beschriebenen .

Ein bearbeitbarer Punkt eines Pfades heißt .

Eine steuerbare Kurve wird häufig als bezeichnet.

Das Innere einer geschlossenen Form heißt .

Der Rand einer Form heißt .

Das offene Vektorformat trägt die Abkürzung .

Eine geordnete Sammlung von Bildobjekten kann auf einer liegen.

Die Wiederholung ähnlicher Formen erzeugt einen visuellen .

Offene Aufgaben

Leicht

1. Grundformen: Gestalte ein Tier nur aus Kreisen, Rechtecken und Dreiecken.
2. Farbpalette: Erstelle drei Farbpaletten mit jeweils vier Farben und beschreibe ihre Wirkung.
3. Icon: Entwirf ein klares Symbol für ein Schulfach.
4. Skalierungstest: Vergrößere eine Vektor- und eine Pixelgrafik und dokumentiere den Unterschied.

Standard

1. Logoentwurf: Entwickle ein Logo für eine fiktive Schul-AG und begründe Form und Farbe.
2. Tierillustration: Zeichne ein Tier mit Pfaden und höchstens zwölf Knoten.
3. Plakatgestaltung: Gestalte ein Veranstaltungsplakat mit Blickfang, Kontrast und klarer Schrift.
4. Bildanalyse: Untersuche eine Vektorgrafik hinsichtlich Form, Farbe, Rhythmus und Negativraum.

Schwer

1. Vektorporträt: Reduziere ein Porträt auf wenige Flächen und charakteristische Linien.
2. Op-Art: Entwickle ein optisches Muster, das Bewegung oder räumliche Tiefe vortäuscht.
3. Informationsgrafik: Verwandle ein schulisches Thema in eine verständliche Vektor-Infografik.
4. Ausstellung: Plane eine digitale Klassenausstellung mit Werktiteln, Kurztexten und gemeinsamen Gestaltungskriterien.

Lernkontrolle

1. Medienwahl: Entscheide für ein Klassenfoto, ein Schullogo und eine Landkarte jeweils zwischen Pixel- und Vektorgrafik. Begründe jede Entscheidung.
2. Gestaltungsanalyse: Erkläre, wie Farbe, Größenunterschiede und Negativraum die Blickführung eines Plakats verändern.
3. Fehlerdiagnose: Ein Logo wirkt beim Vergrößern unscharf. Beschreibe die wahrscheinliche Ursache und zwei sinnvolle Lösungen.
4. Redesign: Überarbeite ein überladenes Symbol nach dem Prinzip der Reduktion und begründe, was Du entfernst.
5. Transfer: Entwickle Regeln für ein einheitliches Icon-Set der Schule und wende sie auf drei unterschiedliche Symbole an.

Lernnachweis

Für einen Lernnachweis sind folgende Leistungen wichtig:

1. eine bearbeitbare Vektordatei im Format SVG
2. ein exportiertes Vorschaubild
3. sichtbare Nutzung von Pfaden, Knoten, Füllung und Kontur
4. bewusster Einsatz von Farbe, Kontrast und Komposition
5. eine kurze Dokumentation des Arbeitsprozesses
6. eine Begründung wichtiger Gestaltungsentscheidungen
7. eine Reflexion zu Stärken und Verbesserungsmöglichkeiten

OERs zum Thema

Freie Vektorgrafiken auf Wikimedia Commons

Verknüpfte Lernbereiche

Vektorgrafik - Kunst Vektorgrafik Digitale Kunst Grafikdesign Farblehre Komposition Medienkompetenz Bildbearbeitung Urheberrecht