Glanz: aiMOOC über GPT aiMOOC Action erstellt

2026-07-25T14:24:05Z

aiMOOC über GPT aiMOOC Action erstellt

Neue Seite

{{T}}

{{BR}}
= Digitale Bildbearbeitung - Kunst =

{{BR}}
= Einleitung =

Bei der '''digitalen Bildbearbeitung''' veränderst und gestaltest Du Bilder am Computer oder Tablet. Du kannst Fotos verbessern, Bildteile kombinieren, Farben verändern, Texte einfügen oder eine eigene [[Fotomontage]] entwickeln.

Im [[Kunstunterricht]] geht es nicht nur um Technik. Entscheidend sind auch [[Bildkomposition]], [[Farbe]], [[Kontrast]], [[Bildwirkung]], Aussage und ein verantwortungsvoller Umgang mit Bildern.

'''Zielgruppe:''' Schule, besonders Klassen 5 bis 10

[[Datei:GIMP screenshot.png|500px|rahmenlos|center]]

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

{{BR}}
= Lernziele =

Nach diesem aiMOOC kannst Du:

# [[Rastergrafik|Rasterbilder]] und [[Vektorgrafik|Vektorbilder]] unterscheiden.
# wichtige Werkzeuge einer Bildbearbeitung erklären und anwenden.
# mit [[Ebene (Bildbearbeitung)|Ebenen]], Auswahlen und Masken arbeiten.
# Farbe, Helligkeit und Kontrast gezielt gestalten.
# eine digitale Collage oder Fotomontage planen.
# passende Dateiformate auswählen.
# Bildquellen, [[Urheberrecht]] und [[Creative Commons]] beachten.
# Bearbeitungen beschreiben und ihre Wirkung beurteilen.

{{BR}}
= Grundlagen digitaler Bilder =

{{BR}}
== Pixel und Rastergrafik ==

Ein digitales Foto besteht meist aus vielen kleinen Bildpunkten, den [[Pixel|Pixeln]]. Zusammen bilden sie ein Raster. Beim starken Vergrößern werden die einzelnen Pixel sichtbar.

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

'''Rasterbilder''' eignen sich besonders für Fotos. Häufige Formate sind [[JPEG]] und [[Portable Network Graphics|PNG]].

{{BR}}
== Vektorgrafik ==

Eine [[Vektorgrafik]] besteht aus mathematisch beschriebenen Linien, Flächen und Kurven. Sie kann meist ohne sichtbaren Qualitätsverlust vergrößert werden. Das Format [[Scalable Vector Graphics|SVG]] eignet sich besonders für Logos, Symbole und klare Formen.

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

{{BR}}
== Auflösung und Bildgröße ==

Die '''Bildgröße''' wird häufig in Pixeln angegeben, zum Beispiel 1920 × 1080 Pixel. Viele Pixel ermöglichen mehr Details, benötigen aber meist mehr Speicherplatz.

Beim Verkleinern gehen Bildinformationen verloren. Deshalb solltest Du immer eine unveränderte Originaldatei aufbewahren.

{{BR}}
= Farbe und Tonwert =

{{BR}}
== RGB-Farbmodell ==

Bildschirme arbeiten meist mit dem [[RGB-Farbraum]]. Dabei werden rotes, grünes und blaues Licht gemischt.

[[Datei:AdditiveColorMixing.svg|500px|rahmenlos|center]]

# [[Farbton]] bezeichnet die wahrgenommene Farbart.
# [[Sättigung]] beschreibt die Stärke einer Farbe.
# [[Helligkeit]] beschreibt, wie hell oder dunkel eine Farbe wirkt.
# [[Kontrast]] bezeichnet den Unterschied zwischen Bildbereichen.

{{BR}}
== Histogramm ==

Ein [[Histogramm]] zeigt, wie häufig dunkle, mittlere und helle Tonwerte in einem Bild vorkommen. Es hilft Dir, sehr dunkle oder sehr helle Bildbereiche zu erkennen.

[[Datei:Luminosity histogram.jpg|400px|rahmenlos|center]]

Ein Histogramm bewertet nicht, ob ein Bild künstlerisch gelungen ist. Es liefert nur technische Informationen über die Tonwerte.

{{BR}}
= Werkzeuge der Bildbearbeitung =

{{BR}}
== Auswahl und Freistellen ==

Mit Auswahlwerkzeugen markierst Du einen Bildbereich. Beim [[Freistellen]] trennst Du ein Motiv vom Hintergrund.

Typische Auswahlwerkzeuge sind Rechteckauswahl, freie Auswahl, Farbauswahl und Pfadwerkzeug.

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

{{BR}}
== Transparenz ==

Transparente Flächen werden in vielen Programmen durch ein Schachbrettmuster angezeigt. Transparenz ist zum Beispiel wichtig, wenn ein freigestelltes Motiv vor einen neuen Hintergrund gesetzt wird.

[[Datei:Checkerboard transparent 256x256.png|300px|rahmenlos|center]]

Das Format PNG kann Transparenz speichern. JPEG kann dies nicht.

{{BR}}
== Zuschneiden, Skalieren und Drehen ==

# [[Zuschneiden]] verändert den sichtbaren Bildausschnitt.
# [[Skalierung|Skalieren]] verändert die Bildgröße.
# [[Drehung|Drehen]] verändert die Ausrichtung.
# [[Spiegelung|Spiegeln]] kehrt ein Bild horizontal oder vertikal um.

Achte darauf, ein Bild nicht unkontrolliert zu verzerren.

{{BR}}
== Retusche ==

Bei einer [[Retusche]] werden Bildstellen korrigiert oder verändert. Dazu gehören das Entfernen kleiner Flecken, das Ausbessern beschädigter Stellen oder das Abschwächen störender Elemente.

Retusche kann verbessern, aber auch täuschen. Deshalb ist der Zusammenhang wichtig, in dem ein bearbeitetes Bild gezeigt wird.

{{BR}}
= Arbeiten mit Ebenen und Masken =

{{BR}}
== Ebenen ==

[[Ebene (Bildbearbeitung)|Ebenen]] funktionieren wie durchsichtige Folien, die übereinanderliegen. Jede Ebene kann einzeln verschoben, verändert oder ausgeblendet werden.

[[Datei:GIMP layers dialog two dinosaurs 2.6.png|300px|rahmenlos|center]]

[[Datei:Cycle of layers channels paths in gimp-2.8.gif|400px|rahmenlos|center]]

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

Eine sinnvolle Ebenenstruktur erleichtert die Arbeit. Benenne Ebenen zum Beispiel als '''Hintergrund''', '''Figur''', '''Schatten''' und '''Text'''.

{{BR}}
== Ebenenmasken ==

Eine [[Ebenenmaske]] blendet Teile einer Ebene aus, ohne sie sofort zu löschen. Dadurch kannst Du Änderungen später leichter korrigieren.

'''Merksatz:''' Schwarz verdeckt, Weiß zeigt, Grau erzeugt teilweise Transparenz.

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

{{BR}}
= Bildgestaltung im Kunstunterricht =

{{BR}}
== Komposition ==

Die [[Bildkomposition]] bestimmt, wie Bildelemente angeordnet sind. Sie lenkt den Blick und beeinflusst die Wirkung.

Wichtige Gestaltungsmittel sind:

# [[Blickführung]]: Linien, Formen und Kontraste führen den Blick.
# [[Vordergrund]] und [[Hintergrund]]: Räumliche Ebenen erzeugen Tiefe.
# [[Symmetrie]] und [[Asymmetrie]]: Ordnung oder Spannung entstehen.
# [[Goldener Schnitt]] und [[Drittelregel]]: Motive werden bewusst platziert.
# [[Negativraum]]: Leere Flächen erhalten eine gestalterische Funktion.

[[Datei:Rule of thirds photo.jpg|500px|rahmenlos|center]]

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

{{BR}}
== Farbe und Wirkung ==

Farben können Stimmungen erzeugen und Bedeutungen tragen. Warme Farben wirken häufig aktiv oder nah, kalte Farben eher ruhig oder fern. Die Wirkung hängt jedoch immer vom Zusammenhang ab.

Du kannst gezielt mit [[Farbkontrast|Farbkontrasten]] arbeiten:

# Hell-Dunkel-Kontrast
# Warm-Kalt-Kontrast
# Komplementärkontrast
# Qualitätskontrast
# Quantitätskontrast

{{BR}}
== Collage und Fotomontage ==

Eine [[Collage]] verbindet unterschiedliche Bildelemente zu einem neuen Ganzen. Eine [[Fotomontage]] kombiniert fotografische Bestandteile so, dass eine neue Szene oder Aussage entsteht.

[[Datei:Theodore Roosevelt photomontage 1908.jpg|500px|rahmenlos|center]]

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

Eine starke Montage besitzt eine erkennbare Idee. Technik allein macht noch kein Kunstwerk.

{{BR}}
= Dateiformate und Speichern =

{{BR}}
== Geeignete Formate ==

{| class="wikitable"
! Format
! Geeignet für
! Besonderheit
|-
| [[JPEG]]
| Fotos
| kleine Dateien, verlustbehaftete Kompression
|-
| [[Portable Network Graphics|PNG]]
| Grafiken, Freisteller
| verlustfreie Speicherung, Transparenz möglich
|-
| [[Scalable Vector Graphics|SVG]]
| Logos, Symbole, Zeichnungen
| skalierbare Vektorgrafik
|-
| [[XCF]]
| GIMP-Projekte
| Ebenen und Masken bleiben bearbeitbar
|}

[[Datei:JPEG compression Example.jpg|500px|rahmenlos|center]]

'''Arbeitsregel:''' Speichere zuerst die bearbeitbare Projektdatei. Exportiere danach eine Kopie für Präsentation, Druck oder Internet.

{{BR}}
= Bildrechte und Verantwortung =

Nicht jedes Bild aus dem Internet darf frei verwendet oder verändert werden. Nutze bevorzugt:

# eigene Fotos und Zeichnungen.
# Bilder mit klarer Erlaubnis.
# gemeinfreie Werke.
# Medien mit einer passenden [[Creative-Commons-Lizenz]].

[[Datei:Creative commons license spectrum.svg|500px|rahmenlos|center]]

Bei einer freien Lizenz musst Du die Bedingungen beachten. Häufig gehören dazu Name der urhebenden Person, Titel, Quelle, Lizenz und Hinweis auf Veränderungen.

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

Veröffentliche Fotos erkennbarer Personen nur mit der erforderlichen Zustimmung. Bei Minderjährigen gelten besondere Schutzregeln. Beachte außerdem die Vorgaben Deiner Schule.

{{BR}}
= Manipulation und Bildkritik =

Bearbeitete Bilder können informieren, verschönern, übertreiben, verfremden oder täuschen. Frage bei einem Bild:

# Wer hat es erstellt?
# Was wurde verändert?
# Welche Wirkung soll entstehen?
# In welchem Zusammenhang wird es gezeigt?
# Ist die Bearbeitung erkennbar oder erklärt?
# Welche Interessen könnten dahinterstehen?

Auch bei [[Künstliche Intelligenz|KI-generierten Bildern]] solltest Du Quelle, Entstehung, mögliche Fehler und Kennzeichnung prüfen.

{{BR}}
= Kreativer Arbeitsprozess =

Ein übersichtlicher Ablauf hilft Dir bei einem eigenen Projekt:

# '''Idee entwickeln:''' Thema, Aussage und Zielgruppe festlegen.
# '''Material sammeln:''' eigene oder rechtlich nutzbare Bilder auswählen.
# '''Skizze anfertigen:''' Bildaufbau grob planen.
# '''Projektdatei erstellen:''' Größe und Format festlegen.
# '''Ebenen anlegen:''' Bildteile sinnvoll ordnen und benennen.
# '''Gestalten:''' auswählen, freistellen, verschieben und farblich anpassen.
# '''Prüfen:''' Bildwirkung, Übergänge, Lesbarkeit und Bildrechte kontrollieren.
# '''Exportieren:''' geeignetes Ausgabeformat wählen.
# '''Reflektieren:''' Entscheidungen und Wirkung beschreiben.

{{BR}}
= Interaktive Aufgaben =

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

{{MC}}

'''Woraus besteht ein Rasterbild?'''
(Aus Pixeln)
(!Aus Tönen)
(!Aus Seiten)
(!Aus Messwerten)

{{E}}
<br>

{{MC}}

'''Welchen Vorteil bieten Ebenen?'''
(Bildteile können getrennt bearbeitet werden)
(!Alle Bildteile werden automatisch gelöscht)
(!Die Auflösung wird immer verdoppelt)
(!Das Bild wird sofort gedruckt)

{{E}}
<br>

{{MC}}

'''Welches Farbmodell wird meist für Bildschirme verwendet?'''
(RGB)
(!CMYK)
(!DIN)
(!MP3)

{{E}}
<br>

{{MC}}

'''Was bedeutet Freistellen?'''
(Ein Motiv vom Hintergrund trennen)
(!Ein Bild ausdrucken)
(!Eine Datei umbenennen)
(!Ein Bild spiegeln)

{{E}}
<br>

{{MC}}

'''Welches Format kann Transparenz speichern?'''
(PNG)
(!JPEG)
(!TXT)
(!MP3)

{{E}}
<br>

{{MC}}

'''Was beschreibt der Kontrast?'''
(Den Unterschied zwischen Bildbereichen)
(!Die Anzahl der Ebenen)
(!Den Namen einer Datei)
(!Die Dauer einer Aufnahme)

{{E}}
<br>

{{MC}}

'''Wozu dient eine Ebenenmaske?'''
(Sie blendet Bildteile veränderbar aus)
(!Sie erhöht immer die Auflösung)
(!Sie löscht jede Ebene)
(!Sie ersetzt das Dateiformat)

{{E}}
<br>

{{MC}}

'''Was gehört zur Bildkomposition?'''
(Die Anordnung der Bildelemente)
(!Die Lautstärke eines Videos)
(!Die Geschwindigkeit des Computers)
(!Die Länge des Dateinamens)

{{E}}
<br>

{{MC}}

'''Was musst Du bei Creative-Commons-Medien beachten?'''
(Die Bedingungen der Lizenz)
(!Nur die Dateigröße)
(!Nur die Bildschirmhelligkeit)
(!Nur den Namen des Programms)

{{E}}
<br>

{{MC}}

'''Welche Eigenschaft besitzt JPEG?'''
(Es komprimiert Fotos meist verlustbehaftet)
(!Es speichert immer alle Ebenen)
(!Es ist ein Tonformat)
(!Es ist immer transparent)

{{E}}
<br>

{{BR}}
== Memory ==

<div class="memo-quiz">
{|
|-
| Pixel || kleinster Bildpunkt eines Rasterbildes
|-
| Ebene || unabhängig bearbeitbare Bildschicht
|-
| Maske || veränderbares Ausblenden von Bildteilen
|-
| Histogramm || Verteilung der Tonwerte
|-
| Kontrast || Unterschied zwischen Bildbereichen
|-
| Komposition || Anordnung der Bildelemente
|-
| Transparenz || durchsichtiger Bildbereich
|-
| Lizenz || Regelung der erlaubten Nutzung
|}
{{E}}
<br>

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

<div class="lueckentext-quiz">

{| class="wikitable"
! Ordne die richtigen Begriffe zu.
! Tätigkeit
|-
| '''Zuschneiden'''
| Bildausschnitt verändern
|-
| '''Freistellen'''
| Motiv vom Hintergrund trennen
|-
| '''Skalieren'''
| Bildgröße verändern
|-
| '''Retuschieren'''
| störende Bildstellen korrigieren
|-
| '''Sättigung'''
| Intensität von Farben steuern
|-
| '''Exportieren'''
| Ergebnis in einem Ausgabeformat speichern

|}
{{E}}

<br>
<br />

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

<div class="kreuzwort-quiz">
{|
|-
| Pixel || Wie heißt der kleinste Bildpunkt eines Rasterbildes?
|-
| Ebenen || Wie heißen getrennt bearbeitbare Bildschichten?
|-
| Maske || Womit werden Teile einer Bildschicht veränderbar ausgeblendet?
|-
| Kontrast || Wie heißt der Unterschied zwischen hellen, dunklen oder farbigen Bereichen?
|-
| Histogramm || Welche Grafik zeigt die Verteilung der Tonwerte?
|-
| Collage || Wie heißt ein Bild aus kombinierten Bildelementen?
|}
{{E}}
<br>

{{BR}}
== LearningApps ==

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

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

<quiz display=simple>
{'''Vervollständige den Text.'''<br>
|type="{}"}
Ein Rasterbild besteht aus vielen { Pixeln }. Eine Vektorgrafik wird durch mathematisch beschriebene { Formen } aufgebaut. Bildschirme stellen Farben meist im { RGB-Farbmodell } dar. Getrennt bearbeitbare Bildschichten heißen { Ebenen }. Eine Maske kann Teile eines Bildes veränderbar { ausblenden }. Die Anordnung der Bildelemente nennt man { Komposition }. Das Format PNG kann { Transparenz } speichern. Bei fremden Bildern musst Du die jeweilige { Lizenz } beachten.
</quiz>

<br>

{{BR}}
= Offene Aufgaben =

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

# [[Werkzeugkarte]]: Gestalte eine Karte zu einem Werkzeug mit Symbol, Name, Funktion und Beispiel.
# [[Farbvarianten]]: Erzeuge drei Farbversionen desselben Bildes und beschreibe ihre unterschiedliche Wirkung.
# [[Bildausschnitt]]: Schneide ein Foto auf drei verschiedene Arten zu und entscheide, welcher Ausschnitt am stärksten wirkt.
# [[Pixelbeobachtung]]: Vergrößere ein Rasterbild stark und zeichne einen kleinen Ausschnitt als Pixelraster ab.

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

# [[Digitale Collage]]: Verbinde mindestens fünf selbst erstellte oder frei nutzbare Bildelemente zu einer Collage.
# [[Freisteller]]: Stelle ein Objekt sauber frei und setze es vor zwei unterschiedliche Hintergründe.
# [[Plakatgestaltung]]: Entwickle ein digitales Plakat zu einem Schulthema mit klarer Blickführung und gut lesbarer Schrift.
# [[Bildrechteprüfung]]: Suche drei frei nutzbare Bilder und dokumentiere Titel, Urheber, Quelle und Lizenz.

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

# [[Fotomontage mit Aussage]]: Gestalte eine Fotomontage zu Umwelt, Konsum, Identität oder Zukunft und begründe Deine Entscheidungen.
# [[Stilübertragung ohne KI]]: Bearbeite ein eigenes Foto so, dass es an eine historische Kunstrichtung erinnert, und nenne die verwendeten Gestaltungsmittel.
# [[Manipulationsanalyse]]: Vergleiche Original und Bearbeitung eines Bildes und untersuche, wie sich Aussage und Glaubwürdigkeit verändern.
# [[Ausstellungskonzept]]: Plane eine digitale Klassenausstellung mit Thema, Auswahlkriterien, Bildbeschriftungen und Regeln für Bildrechte.

{{:Offene Aufgabe - MOOC erstellen}}

{{BR}}
= Lernkontrolle =

# [[Gestaltungsentscheidung]]: Ein Porträt soll ruhig und nachdenklich wirken. Entwickle einen geeigneten Bildausschnitt, eine Farbgestaltung und eine Lichtwirkung. Begründe jede Entscheidung.
# [[Dateiformat wählen]]: Entscheide für Fotoabgabe, transparentes Schullogo und bearbeitbare Projektdatei jeweils ein geeignetes Format. Begründe die Auswahl.
# [[Ebenenplanung]]: Entwirf eine Ebenenstruktur für ein Veranstaltungsplakat mit Hintergrund, Foto, Titel, Datum und Logo. Erkläre die Reihenfolge.
# [[Bildkritik]]: Untersuche eine Werbeanzeige auf Retusche, Farbe, Komposition und beabsichtigte Wirkung. Beurteile, ob die Gestaltung transparent oder irreführend ist.
# [[Fehlerdiagnose]]: Ein freigestelltes Motiv besitzt helle Ränder und passt farblich nicht zum Hintergrund. Beschreibe mehrere sinnvolle Korrekturschritte.
# [[Transferaufgabe]]: Übertrage ein gemaltes Bildmotiv in eine digitale Collage. Erkläre, welche analogen Eigenschaften erhalten bleiben und welche sich verändern.

<br>
<br>

{{BR}}
= Lernnachweis =

Für einen Lernnachweis sind besonders wichtig:

# eine nachvollziehbare Idee und klare Bildaussage.
# ein geplanter Bildaufbau.
# ein sicherer Umgang mit Auswahl, Ebenen und Masken.
# gezielte Entscheidungen zu Farbe, Helligkeit und Kontrast.
# ein passendes Dateiformat.
# eine geordnete Projektdatei.
# korrekte Angaben zu Bildquellen und Lizenzen.
# eine kurze Reflexion über Arbeitsprozess und Bildwirkung.

Als Lernnachweis eignet sich eine eigene digitale Collage, Fotomontage oder Plakatgestaltung mit Prozessdokumentation.

<br>
<br>

{{BR}}
= OERs zum Thema =

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

<br>

{{BR}}
= Verknüpfte Lernbereiche =

{| align=center
{{:D-Tab}}
'''[[Digitale Bildbearbeitung - Kunst]]'''
# [[Bildbearbeitung]]
# [[Digitale Kunst]]
# [[Fotografie]]
# [[Fotomontage]]
# [[Collage]]
# [[Bildkomposition]]
# [[Farblehre]]
# [[Medienkompetenz]]
# [[Urheberrecht]]
# [[Creative Commons]]
# [[GIMP]]
|}

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

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

Digitale Bildbearbeitung - Kunst - Versionsgeschichte

Glanz: aiMOOC über GPT aiMOOC Action erstellt