Glanz: aiMOOC über GPT aiMOOC Action erstellt

2026-07-25T12:00:31Z

aiMOOC über GPT aiMOOC Action erstellt

Neue Seite

{{T}}
{{BR}}
= Digitale Kunst - Kunst =

[[Datei:Digital art classroom.webp|500px|rahmenlos|center]]

{{BR}}
= Einleitung =

'''Digitale Kunst''' entsteht mit [[Computer|Computern]], [[Tabletcomputer|Tablets]], Kameras, Programmen, Code oder [[Künstliche Intelligenz|Künstlicher Intelligenz]]. Du kannst malen, modellieren, animieren, programmieren und interaktive Werke gestalten.

In diesem Kurs lernst Du wichtige Formen, Werkzeuge und Gestaltungsregeln kennen. Du entwickelst eigene Werke und gehst verantwortungsvoll mit Bildern, Daten und [[Urheberrecht]] um.

{{#ev:youtube| https://www.youtube.com/watch?v=2RWop0Gln24 |500|center}}

'''Beobachtungsauftrag:''' Welche digitalen Techniken und Präsentationsformen erkennst Du im Video?

{{BR}}
= Was ist digitale Kunst? =

Bei digitaler Kunst wird digitale Technik für die '''Herstellung''', '''Bearbeitung''' oder '''Präsentation''' eines Kunstwerks eingesetzt. Der Computer ist dabei Werkzeug, Material oder Teil des Werks.

Ein digitales Werk kann auf einem Bildschirm erscheinen, ausgedruckt, projiziert, animiert, im Internet veröffentlicht oder durch das Publikum verändert werden.

[[Datei:Digital College Pop Art.jpg|500px|rahmenlos|center]]

{{BR}}
= Formen digitaler Kunst =

{| class="wikitable"
! Form
! Kennzeichen
|-
| [[Digitales Malen]]
| Malen mit Stift, Tablet und digitalen Pinseln
|-
| [[Pixel-Art]]
| Gestaltung mit bewusst sichtbaren Bildpunkten
|-
| [[Vektorgrafik]]
| Formen aus Linien, Kurven und Flächen
|-
| [[3D-Grafik]]
| Modellieren, Beleuchten und Berechnen räumlicher Szenen
|-
| [[Generative Kunst]]
| Bilder entstehen durch Regeln, Zufall oder Algorithmen
|-
| [[Glitch Art]]
| Digitale Fehler werden als Gestaltungsmittel genutzt
|-
| [[Netzkunst]]
| Das Internet ist Ort, Material oder Thema des Werks
|-
| [[Interaktive Kunst]]
| Das Werk reagiert auf Handlungen des Publikums
|}

{{BR}}
== Digitales Malen ==

Beim digitalen Malen steuerst Du Pinsel, Farbe, Deckkraft und Struktur mit einer Software. [[Ebene|Ebenen]] ermöglichen Änderungen, ohne das gesamte Bild zu zerstören.

[[Datei:Drawing Cats on Wacom Intuos3 A5 graphics tablet - Global Game Jam Berlin 2014.jpg|500px|rahmenlos|center]]

[[Datei:Roots of bassus.jpg|500px|rahmenlos|center]]

'''Bildfrage:''' Welche Spuren erinnern an traditionelle Malerei, welche wirken eindeutig digital?

{{BR}}
== Pixel- und Vektorgrafik ==

Ein [[Rastergrafik|Rasterbild]] besteht aus [[Pixel|Pixeln]]. Beim starken Vergrößern werden die Bildpunkte sichtbar. Eine [[Vektorgrafik]] besteht aus mathematisch beschriebenen Formen und bleibt beim Vergrößern meist scharf.

[[Datei:Pixel Art Cat with Zoom-in Detail.svg|500px|rahmenlos|center]]

[[Datei:Bitmap VS SVG.svg|500px|rahmenlos|center]]

'''Merksatz:''' Pixel eignen sich besonders für detailreiche Malerei und Fotos. Vektoren eignen sich besonders für Logos, Symbole und klare Flächen.

{{BR}}
== 3D-Kunst ==

Bei [[3D-Modellierung]] entstehen digitale Körper und Räume. Oberflächen, Licht, Kamera und Schatten werden festgelegt. Das fertige Bild wird durch [[Rendering]] berechnet.

[[Datei:Alexbathroom1.jpg|500px|rahmenlos|center]]

{{BR}}
== Generative Kunst ==

Bei generativer Kunst entwickelt ein Mensch Regeln oder einen [[Algorithmus]]. Das System erzeugt daraus Formen, Bewegungen oder Varianten. Künstlerische Entscheidungen bleiben wichtig: Idee, Regel, Auswahl und Präsentation.

[[Datei:NoiseAgents2.png|500px|rahmenlos|center]]

[[Datei:Fractal 1.jpg|500px|rahmenlos|center]]

{{BR}}
== Glitch Art ==

[[Glitch Art]] nutzt Störungen wie Farbverschiebungen, Datenfehler oder Bildzerlegungen bewusst als Stilmittel.

[[Datei:Glitch Art.jpg|500px|rahmenlos|center]]

{{BR}}
== Interaktive und vernetzte Kunst ==

Interaktive Werke reagieren zum Beispiel auf Berührung, Bewegung, Geräusche oder Eingaben. Bei [[Netzkunst]] kann das Internet selbst zum Ausstellungsraum werden.

[[Datei:Mobile-App-for-interactive-Installations.jpg|500px|rahmenlos|center]]

{{BR}}
== KI und digitale Kunst ==

[[Generative künstliche Intelligenz]] kann Bilder aus Texten, Bildern oder anderen Daten erzeugen. Wichtig sind die menschlichen Entscheidungen vor, während und nach der Erzeugung.

Du solltest den KI-Einsatz kenntlich machen, Ergebnisse kritisch prüfen und Rechte, Vorurteile in Trainingsdaten sowie die Wirkung auf andere Menschen beachten.

{{#ev:youtube| https://www.youtube.com/watch?v=S-39QKRNESc |500|center}}

'''Diskussionsfrage:''' Welche Entscheidungen trifft der Künstler, welche übernimmt das System?

{{BR}}
= Kurzer geschichtlicher Überblick =

{| class="wikitable"
! Phase
! Entwicklung
|-
| Seit den 1960er-Jahren
| Erste Computergrafiken und Plotterzeichnungen
|-
| Seit den 1980er-Jahren
| Personal Computer und Bildprogramme werden verbreiteter
|-
| Seit den 1990er-Jahren
| Internet, Netzkunst und digitale Fotobearbeitung wachsen
|-
| Seit den 2000er-Jahren
| Smartphones, soziale Medien, 3D-Druck und interaktive Installationen
|-
| Gegenwart
| Virtuelle Räume, Echtzeitgrafik und generative KI
|}

{{#ev:youtube| https://www.youtube.com/watch?v=SdrYqKOBe5E |500|center}}

'''Beobachtungsauftrag:''' Wie verbindet die Künstlerin Farbe, Bewegung, Programmierung und Musik?

{{BR}}
= Werkzeuge =

{| class="wikitable"
! Werkzeug
! Einsatz
|-
| Grafiktablet und Eingabestift
| Zeichnen und Malen
|-
| Rasterprogramm
| Pixelbilder, Fotos und digitale Malerei
|-
| Vektorprogramm
| Logos, Symbole und klare Formen
|-
| 3D-Programm
| Modelle, Räume, Licht und Animation
|-
| Kamera oder Smartphone
| Fotografie, Video und Ausgangsmaterial
|-
| Programmierumgebung
| Generative und interaktive Kunst
|}

{{BR}}
= Vom Entwurf zum Werk =

# [[Idee]]: Formuliere Thema, Aussage oder Stimmung.
# [[Skizze]]: Plane Bildaufbau, Farben und wichtige Formen.
# [[Technik]]: Wähle ein passendes Programm und Dateiformat.
# [[Gestaltung]]: Arbeite mit Kontrast, Rhythmus, Raum und Ebenen.
# [[Überarbeitung]]: Prüfe Wirkung, Lesbarkeit und technische Qualität.
# [[Export]]: Speichere eine Arbeitsdatei und eine Präsentationsdatei.
# [[Reflexion]]: Begründe Entscheidungen und dokumentiere Quellen.

{{BR}}
= Grundlagen der Bildgestaltung =

{| class="wikitable"
! Gestaltungsmittel
! Leitfrage
|-
| [[Komposition]]
| Wie sind Formen und Blickpunkte angeordnet?
|-
| [[Farbe]]
| Welche Stimmung und Wirkung entsteht?
|-
| [[Kontrast]]
| Was fällt zuerst auf?
|-
| [[Rhythmus]]
| Welche Wiederholungen und Bewegungen erkennst Du?
|-
| [[Perspektive]]
| Wie entsteht Raum oder Tiefe?
|-
| [[Typografie]]
| Ist Schrift lesbar und passend gestaltet?
|}

{{BR}}
= Technische Grundlagen =

# [[Auflösung]]: Genügend Pixel sorgen bei Rasterbildern für eine passende Ausgabequalität.
# [[Ebene|Ebenen]]: Einzelne Bildelemente bleiben getrennt bearbeitbar.
# [[Dateiformat]]: PNG unterstützt Transparenz, JPEG eignet sich oft für Fotos, SVG für Vektorgrafiken.
# [[Sicherungskopie]]: Speichere Zwischenstände und bewahre die bearbeitbare Originaldatei auf.
# [[Barrierefreiheit]]: Achte auf Kontraste, verständliche Beschriftungen und Alternativtexte.

{{BR}}
= Recht und Verantwortung =

# [[Urheberrecht]]: Nutze eigene oder erlaubte Materialien.
# [[Creative Commons]]: Beachte Lizenz, Namensnennung und mögliche Bearbeitungsregeln.
# [[Recht am eigenen Bild]]: Hole Zustimmung ein, bevor erkennbare Personen veröffentlicht werden.
# [[Datenschutz]]: Lade keine persönlichen Daten unbedacht in Online-Dienste.
# [[Künstliche Intelligenz]]: Kennzeichne den Einsatz und prüfe Herkunft, Wirkung und mögliche Verzerrungen.
# [[Quellenangabe]]: Dokumentiere Bilder, Schriften, Musik, Programme und Hilfsmittel.

{{BR}}
= Interaktive Aufgaben =

{{BR}}
== Quiz: Teste Dein Wissen ==

{{MC}}

'''Wann spricht man von digitaler Kunst?'''
(Wenn digitale Technik zur Herstellung, Bearbeitung oder Präsentation eines Kunstwerks genutzt wird)
(!Wenn ausschließlich mit Ölfarbe gearbeitet wird)
(!Wenn ein Werk nur in einem Museum hängt)
(!Wenn ein Bild besonders alt ist)

{{E}}
<br>

{{MC}}

'''Was ist ein Pixel?'''
(Der kleinste Bildpunkt einer Rastergrafik)
(!Eine mathematische Kurve)
(!Eine dreidimensionale Lichtquelle)
(!Eine gedruckte Bildunterschrift)

{{E}}
<br>

{{MC}}

'''Woraus besteht eine Vektorgrafik?'''
(Aus mathematisch beschriebenen Linien und Flächen)
(!Aus einzelnen Farbkörnern auf Papier)
(!Aus gespeicherten Tonspuren)
(!Aus zufälligen Kamerabewegungen)

{{E}}
<br>

{{MC}}

'''Wozu dienen Ebenen in einem Bildprogramm?'''
(Sie trennen Bildelemente für die Bearbeitung)
(!Sie erhöhen automatisch die Bildschirmgröße)
(!Sie ersetzen jede Sicherungskopie)
(!Sie wandeln Bilder in Musik um)

{{E}}
<br>

{{MC}}

'''Was bedeutet Rendering?'''
(Die Berechnung eines Bildes aus einer digitalen Szene)
(!Das Ausdrucken eines handschriftlichen Textes)
(!Das Löschen aller Bilddateien)
(!Das Mischen traditioneller Pigmente)

{{E}}
<br>

{{MC}}

'''Was kennzeichnet generative Kunst?'''
(Bilder oder Formen entstehen mithilfe festgelegter Regeln)
(!Jedes Werk wird ausschließlich mit Schere geschnitten)
(!Das Ergebnis darf keine Varianten enthalten)
(!Die Technik verwendet niemals Computer)

{{E}}
<br>

{{MC}}

'''Was beschreibt die Komposition eines Bildes?'''
(Die Anordnung und Beziehung der Bildelemente)
(!Die Geschwindigkeit des Internets)
(!Die Größe einer Speicherkarte)
(!Die Lautstärke eines Videos)

{{E}}
<br>

{{MC}}

'''Wozu dient eine Creative-Commons-Lizenz?'''
(Sie beschreibt Bedingungen für die Nutzung eines Werks)
(!Sie macht jede Quellenangabe überflüssig)
(!Sie verbietet grundsätzlich jede Weitergabe)
(!Sie ersetzt das Dateiformat eines Bildes)

{{E}}
<br>

{{MC}}

'''Was ist beim Einsatz generativer KI besonders sinnvoll?'''
(Den KI-Einsatz kenntlich zu machen und Ergebnisse kritisch zu prüfen)
(!Jede erzeugte Darstellung ungeprüft zu veröffentlichen)
(!Persönliche Daten ohne Zustimmung hochzuladen)
(!Alle Quellen und Hilfsmittel zu verschweigen)

{{E}}
<br>

{{MC}}

'''Welches Format eignet sich für eine Rastergrafik mit transparentem Hintergrund?'''
(PNG)
(!TXT)
(!MP3)
(!WAV)

{{E}}
<br>

{{BR}}
== Memory ==

<div class="memo-quiz">
{|
|-
| Rastergrafik || Pixelraster
|-
| Vektorgrafik || Mathematische Pfade
|-
| Ebene || Getrennte Bildschicht
|-
| Rendering || Berechnung einer 3D-Szene
|-
| Algorithmus || Festgelegte Regelabfolge
|-
| Glitch Art || Ästhetisch genutzter Fehler
|-
| Creative Commons || Standardisierte Lizenz
|-
| Prompt || Eingabe an ein KI-System
|}
{{E}}
<br>

{{BR}}
== Drag and Drop ==

<div class="lueckentext-quiz">

{| class="wikitable"
! Ordne die richtigen Begriffe zu.
! Digitale Kunst
|-
| '''Pixelkunst'''
| Sichtbare Rasterpunkte
|-
| '''Digitales Malen'''
| Pinselspuren auf einem Tablet
|-
| '''Vektorkunst'''
| Skalierbare Linien und Flächen
|-
| '''3D-Kunst'''
| Modellierte räumliche Szene
|-
| '''Generative Kunst'''
| Regelbasiert erzeugte Formen
|-
| '''Netzkunst'''
| Internet als künstlerischer Raum
|-
| '''Glitch Art'''
| Bewusst genutzte Bildstörung
|}
{{E}}

<br>
<br />

{{BR}}
== Kreuzworträtsel ==

<div class="kreuzwort-quiz">
{|
|-
| Pixel || Wie heißt der kleinste Bildpunkt einer Rastergrafik?
|-
| Ebenen || Wie heißen getrennt bearbeitbare Bildschichten?
|-
| Vektor || Welche Grafikart verwendet mathematisch beschriebene Formen?
|-
| Rendering || Wie heißt die Bildberechnung einer dreidimensionalen Szene?
|-
| Glitch || Welcher Begriff bezeichnet einen bewusst genutzten digitalen Fehler?
|-
| Lizenz || Was regelt die erlaubte Nutzung eines Werks?
|}
{{E}}
<br>

{{BR}}
== LearningApps ==

<iframe> https://learningapps.org/index.php?s=Digitale+Kunst </iframe>

{{BR}}
== Lückentext ==

<quiz display=simple>
{'''Vervollständige den Text.'''<br>
|type="{}"}
Bei digitaler Kunst werden { digitale Technologien } zur Gestaltung oder Präsentation eingesetzt.
Ein Rasterbild besteht aus einzelnen { Pixeln }.
Vektorgrafiken werden durch mathematisch beschriebene { Pfade } aufgebaut.
Getrennt bearbeitbare Bildschichten heißen { Ebenen }.
Die Berechnung eines Bildes aus einer dreidimensionalen Szene heißt { Rendering }.
Generative Kunst kann mit Regeln und { Algorithmen } entstehen.
Bewusst eingesetzte digitale Fehler nennt man { Glitch Art }.
Die erlaubte Nutzung eines fremden Werks wird durch eine { Lizenz } geregelt.
</quiz>

<br>

{{BR}}
= Offene Aufgaben =

{{BR}}
=== Leicht ===

# [[Pixelmotiv]]: Gestalte ein eigenes Symbol in einem Raster von höchstens 16 mal 16 Bildpunkten.
# [[Farbwirkung]]: Erzeuge zwei Farbvarianten desselben Motivs und beschreibe die unterschiedliche Stimmung.
# [[Ebenenexperiment]]: Baue eine digitale Collage aus mindestens drei getrennten Ebenen.
# [[Bildvergleich]]: Vergrößere eine Raster- und eine Vektorgrafik und dokumentiere die Unterschiede.

{{BR}}
=== Standard ===

# [[Digitales Selbstporträt]]: Gestalte ein Selbstporträt, das neben dem Aussehen auch Interessen oder Gefühle zeigt.
# [[Glitchgestaltung]]: Verfremde ein eigenes Foto und nutze digitale Störungen gezielt für eine Aussage.
# [[3D-Objekt]]: Modelliere einen einfachen Alltagsgegenstand und rendere ihn aus zwei Blickwinkeln.
# [[Generatives Muster]]: Entwickle mit Zeichenregeln oder Blockprogrammierung ein veränderbares Muster.

{{BR}}
=== Schwer ===

# [[Interaktive Installation]]: Plane ein Werk, das auf Bewegung, Berührung oder Geräusche reagiert, und baue einen Prototyp.
# [[KI-Bildvergleich]]: Gestalte ein Motiv einmal ohne und einmal mit generativer KI und dokumentiere alle Entscheidungen.
# [[Virtuelle Ausstellung]]: Kuratiere eine digitale Ausstellung mit Werktiteln, kurzen Texten und vollständigen Lizenzangaben.
# [[Kunst im Schulraum]]: Untersuche digitale Kunst an Deiner Schule, führe Interviews und entwickle ein Ausstellungskonzept.

{{:Offene Aufgabe - MOOC erstellen}}

{{BR}}
= Lernkontrolle =

# [[Technikwahl]]: Entscheide, ob für ein Schullogo Pixel-, Vektor- oder 3D-Grafik geeignet ist, und begründe Deine Wahl.
# [[Gestaltungsanalyse]]: Untersuche ein digitales Werk hinsichtlich Komposition, Farbe, Kontrast und Blickführung und belege Deine Aussagen am Bild.
# [[Rechtsfall]]: Beurteile, ob ein fremdes Bild in einer Schulpräsentation verändert und veröffentlicht werden darf. Formuliere die nötigen Prüfschritte.
# [[Mensch und KI]]: Vergleiche zwei Entstehungsprozesse eines Kunstwerks und zeige, an welchen Stellen menschliche Entscheidungen sichtbar werden.
# [[Zielgruppenwechsel]]: Überarbeite ein digitales Plakat einmal für Grundschulkinder und einmal für Jugendliche. Begründe die Veränderungen.
# [[Ausstellungsplanung]]: Entwickle eine Präsentationsform für ein interaktives Werk und berücksichtige Raum, Technik, Sicherheit und Barrierefreiheit.

<br>
<br>

{{BR}}
= Lernnachweis =

Für einen Lernnachweis sind wichtig:

# Ein selbst gestaltetes digitales Kunstwerk
# Skizzen und dokumentierte Zwischenstände
# Begründete Entscheidungen zu Technik, Farbe und Komposition
# Eine nachvollziehbare Datei- und Ebenenstruktur
# Vollständige Quellen- und Lizenzangaben
# Eine Reflexion über Wirkung, Schwierigkeiten und Verbesserungen
# Eine kurze Präsentation mit konstruktivem Feedback

<br>
<br>

{{BR}}
= OERs zum Thema =

<iframe> https://de.m.wikipedia.org/wiki/Digitale_Kunst </iframe>

<br>

{{BR}}
= Verknüpfte Lernbereiche =

{| align=center
{{:D-Tab}}
'''[[Digitale Kunst]]'''
# [[Bildgestaltung]]
# [[Medienkunst]]
# [[Digitales Malen]]
# [[Pixel-Art]]
# [[Vektorgrafik]]
# [[3D-Grafik]]
# [[Generative Kunst]]
# [[Künstliche Intelligenz]]
# [[Medienkompetenz]]
# [[Urheberrecht]]
|}

[[Kategorie:Kunst]]
[[Kategorie:Digitale Kunst]]
[[Kategorie:Medienkunst]]
[[Kategorie:Medienbildung]]
[[Kategorie:Informatik]]
[[Kategorie:Schule]]
[[Kategorie:Klasse 5-6]]
[[Kategorie:Klasse 7-8]]
[[Kategorie:Klasse 9-10]]

{{BR}}
= aiMOOC-Projekte =
[[Kategorie:AI_MOOC]] [[Kategorie:GPT aiMOOC]]
{{MT}}

Digitale Kunst - Kunst - Versionsgeschichte

Glanz: aiMOOC über GPT aiMOOC Action erstellt