Vektorgrafik - Kunst
Vektorgrafik - Kunst
Vektorgrafik - Kunst
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.
Lernziele
Du lernst, wie Vektorgrafiken aufgebaut sind, wie Du Formen gestaltest und wie Du ein eigenes digitales Kunstwerk planst.
- Vektorgrafik und Pixelgrafik unterscheiden
- Pfad, Knoten, Füllung und Kontur erklären
- Farben, Formen und Ebenen gezielt einsetzen
- ein eigenes Motiv als SVG gestalten
- 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.
- Vektorgrafik: geeignet für Logos, Schriftzüge, Symbole, Karten und klare Illustrationen
- Pixelgrafik: geeignet für Fotos, Malerei mit vielen Farbnuancen und Bildbearbeitung
- Skalierung: Vektorformen lassen sich ohne feste Pixelauflösung vergrößern
- 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.
- Ankerpunkt: legt eine Position fest
- Kurvensegment: verbindet Knoten
- Bézierkurve: ermöglicht weiche, kontrollierbare Linien
- Kontur: bestimmt Farbe und Stärke des Randes
- 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.
- Komplementärkontrast: gegenüberliegende Farben wirken spannungsreich
- Hell-Dunkel-Kontrast: helle und dunkle Flächen schaffen Klarheit
- Farbtemperatur: warme Farben wirken oft näher, kalte Farben eher ferner
- 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.
- Symmetrie: wirkt geordnet und ruhig
- Asymmetrie: wirkt lebendig und spannungsvoll
- Rhythmus: Wiederholungen erzeugen Bewegung
- Kontrast: Unterschiede machen Wichtiges sichtbar
- 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.
Ein einfacher Arbeitsablauf
- Ideenskizze: Zeichne Dein Motiv zunächst grob auf Papier.
- Grundform: Baue das Motiv aus wenigen Kreisen, Rechtecken oder Polygonen.
- Pfadbearbeitung: Verändere Knoten und Kurven.
- Farbgestaltung: Wähle eine begrenzte Farbpalette.
- Ebenen: Ordne Vordergrund, Hintergrund und Details.
- Überprüfung: Betrachte das Werk klein und stark vergrößert.
- Speichern: Sichere die bearbeitbare SVG-Datei.
- Export: Erzeuge bei Bedarf eine PNG-Datei.
Dateiformate
- SVG: offenes und gut bearbeitbares Vektorformat
- PDF: geeignet für Austausch und Druck
- EPS: älteres Vektorformat für professionelle Anwendungen
- PNG: Pixelgrafik mit möglicher Transparenz
- 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.
- Wähle ein Thema wie Bewegung, Ruhe, Natur oder Zukunft.
- Skizziere drei kleine Entwürfe.
- Setze den besten Entwurf als Vektorgrafik um.
- Prüfe die Wirkung in Schwarz-Weiß und in Farbe.
- Exportiere das Werk als SVG und PNG.
- 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? |
LearningApps
Lückentext
Offene Aufgaben
Leicht
- Grundformen: Gestalte ein Tier nur aus Kreisen, Rechtecken und Dreiecken.
- Farbpalette: Erstelle drei Farbpaletten mit jeweils vier Farben und beschreibe ihre Wirkung.
- Icon: Entwirf ein klares Symbol für ein Schulfach.
- Skalierungstest: Vergrößere eine Vektor- und eine Pixelgrafik und dokumentiere den Unterschied.
Standard
- Logoentwurf: Entwickle ein Logo für eine fiktive Schul-AG und begründe Form und Farbe.
- Tierillustration: Zeichne ein Tier mit Pfaden und höchstens zwölf Knoten.
- Plakatgestaltung: Gestalte ein Veranstaltungsplakat mit Blickfang, Kontrast und klarer Schrift.
- Bildanalyse: Untersuche eine Vektorgrafik hinsichtlich Form, Farbe, Rhythmus und Negativraum.
Schwer
- Vektorporträt: Reduziere ein Porträt auf wenige Flächen und charakteristische Linien.
- Op-Art: Entwickle ein optisches Muster, das Bewegung oder räumliche Tiefe vortäuscht.
- Informationsgrafik: Verwandle ein schulisches Thema in eine verständliche Vektor-Infografik.
- Ausstellung: Plane eine digitale Klassenausstellung mit Werktiteln, Kurztexten und gemeinsamen Gestaltungskriterien.
|
|
Lernkontrolle
- Medienwahl: Entscheide für ein Klassenfoto, ein Schullogo und eine Landkarte jeweils zwischen Pixel- und Vektorgrafik. Begründe jede Entscheidung.
- Gestaltungsanalyse: Erkläre, wie Farbe, Größenunterschiede und Negativraum die Blickführung eines Plakats verändern.
- Fehlerdiagnose: Ein Logo wirkt beim Vergrößern unscharf. Beschreibe die wahrscheinliche Ursache und zwei sinnvolle Lösungen.
- Redesign: Überarbeite ein überladenes Symbol nach dem Prinzip der Reduktion und begründe, was Du entfernst.
- 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:
- eine bearbeitbare Vektordatei im Format SVG
- ein exportiertes Vorschaubild
- sichtbare Nutzung von Pfaden, Knoten, Füllung und Kontur
- bewusster Einsatz von Farbe, Kontrast und Komposition
- eine kurze Dokumentation des Arbeitsprozesses
- eine Begründung wichtiger Gestaltungsentscheidungen
- eine Reflexion zu Stärken und Verbesserungsmöglichkeiten
OERs zum Thema
Freie Vektorgrafiken auf Wikimedia Commons
Verknüpfte Lernbereiche
aiMOOC-Projekte
Schulfach+
|
|
aiMOOCs
aiMOOC Projekte
|
|
THE MONKEY DANCE
|
|
|