Glanz: aiMOOC über GPT aiMOOC Action erstellt

2026-07-12T15:45:28Z

aiMOOC über GPT aiMOOC Action erstellt

Neue Seite

{{T}}

{{BR}}
= Bilder einfach bearbeiten =

{{BR}}
= Einleitung =

Mit einfachen Werkzeugen kannst Du ein Bild [[Zuschneiden|zuschneiden]], [[Drehen|drehen]], aufhellen und mit Text ergänzen. In diesem aiMOOC lernst Du einen sicheren Arbeitsweg: '''Original behalten – Kopie bearbeiten – Ergebnis prüfen – passend speichern'''.

[[Datei:GIMP Einzelfenstermodus mit geöffnetem Bild 900.PNG|500px|rahmenlos|center]]

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

{{BR}}
= Lernziele =

Du kannst ein Bild passend zuschneiden, kleine Farb- und Helligkeitsfehler verbessern, ein geeignetes [[Dateiformat]] wählen und beim Veröffentlichen [[Urheberrecht]] und [[Persönlichkeitsrecht]] beachten.

{{BR}}
= Was ist Bildbearbeitung? =

Bei der [[Bildbearbeitung]] veränderst Du ein vorhandenes Bild. Häufige Schritte sind:

# [[Zuschneiden]]: Unwichtige Ränder entfernen.
# [[Drehen]]: Ein schiefes Bild ausrichten.
# [[Helligkeit]]: Ein dunkles Bild heller machen.
# [[Kontrast]]: Helle und dunkle Bereiche deutlicher trennen.
# [[Farbsättigung]]: Farben kräftiger oder ruhiger machen.
# [[Text]]: Eine kurze Überschrift oder Bildunterschrift ergänzen.

[[Datei:Image cropping 155x1.jpg|500px|rahmenlos|center]]

{{BR}}
== Pixel und Auflösung ==

Digitale Fotos bestehen aus vielen [[Pixel|Bildpunkten]]. Beim starken Vergrößern werden diese sichtbar. Eine höhere [[Bildauflösung|Auflösung]] enthält mehr Bildpunkte, braucht aber meist mehr Speicherplatz.

[[Datei:Raster graphic fish 20x23squares sdtv-example.png|500px|rahmenlos|center]]

{{BR}}
== Ein einfacher Arbeitsweg ==

# [[Originaldatei]]: Öffne das Bild und speichere zuerst eine Kopie.
# [[Bildausschnitt]]: Schneide nur das weg, was nicht gebraucht wird.
# [[Ausrichtung]]: Drehe oder spiegle das Bild nur mit einem klaren Ziel.
# [[Korrektur]]: Verändere Helligkeit, Kontrast und Farbe vorsichtig.
# [[Prüfung]]: Vergleiche Vorher und Nachher.
# [[Export]]: Speichere das Ergebnis unter einem neuen Namen.

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

{{BR}}
== Helligkeit, Kontrast und Farbe ==

Kleine Änderungen wirken oft besser als starke [[Filter]]. Prüfe Hautfarben, Himmel und Schatten. Das Bild soll verständlich bleiben und nicht künstlich wirken.

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

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

{{BR}}
== Werkzeuge und Ebenen ==

Programme wie [[GIMP]] bieten Auswahl-, Zuschneide-, Pinsel-, Text- und Farbwerkzeuge. Mit [[Ebene (Bildbearbeitung)|Ebenen]] kannst Du Text und Bild getrennt bearbeiten.

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

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

Auch einfache Online-Werkzeuge können Bilder zuschneiden, drehen und beschriften.

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

{{BR}}
== Das passende Dateiformat ==

# [[JPEG]]: Gut für Fotos; kleine Dateien, aber meist keine Transparenz.
# [[PNG]]: Gut für Grafiken, Screenshots und transparente Flächen.
# [[SVG]]: Gut für Logos und einfache Zeichnungen, die ohne Pixel vergrößert werden sollen.
# [[XCF]]: Arbeitsformat von GIMP; Ebenen bleiben erhalten.

{{BR}}
== Fair und sicher bearbeiten ==

Ein bearbeitetes Bild kann eine Aussage verändern. Zeige keine Person peinlich oder falsch. Hole eine Erlaubnis ein, bevor Du erkennbare Personen veröffentlichst. Nutze eigene Bilder oder Bilder mit passender [[Creative-Commons-Lizenz]] und nenne die Quelle.

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

[[Datei:CC BY-SA icon.svg|300px|rahmenlos|center]]

{{BR}}
= Interaktive Aufgaben =

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

{{MC}}

'''Warum solltest Du zuerst eine Kopie des Bildes speichern?'''
(Damit das Original erhalten bleibt)
(!Damit das Bild automatisch heller wird)
(!Damit alle Pixel verschwinden)
(!Damit keine Dateiendung nötig ist)

{{E}}
<br>

{{MC}}

'''Welches Werkzeug entfernt unwichtige Bildränder?'''
(Zuschneiden)
(!Pinsel)
(!Lautstärke)
(!Rechtschreibprüfung)

{{E}}
<br>

{{MC}}

'''Woraus besteht ein digitales Rasterbild?'''
(Aus Pixeln)
(!Aus Tönen)
(!Aus Seitenzahlen)
(!Aus Absätzen)

{{E}}
<br>

{{MC}}

'''Was verändert der Kontrast?'''
(Den Unterschied zwischen hellen und dunklen Bereichen)
(!Die Dauer eines Videos)
(!Die Lautstärke einer Aufnahme)
(!Die Reihenfolge von Dateien)

{{E}}
<br>

{{MC}}

'''Welches Format eignet sich oft für Fotos?'''
(JPEG)
(!MP3)
(!TXT)
(!WAV)

{{E}}
<br>

{{MC}}

'''Welches Format kann transparente Flächen speichern?'''
(PNG)
(!MP3)
(!DOCX)
(!WAV)

{{E}}
<br>

{{MC}}

'''Wozu dienen Ebenen?'''
(Sie trennen Bildteile zur unabhängigen Bearbeitung)
(!Sie erhöhen automatisch die Internetgeschwindigkeit)
(!Sie löschen immer das Original)
(!Sie ersetzen die Bildquelle)

{{E}}
<br>

{{MC}}

'''Was ist bei Filtern sinnvoll?'''
(Sie sparsam und mit einem klaren Ziel einzusetzen)
(!Immer alle Filter gleichzeitig zu nutzen)
(!Das Ergebnis nie zu prüfen)
(!Nur die größte Stärke zu wählen)

{{E}}
<br>

{{MC}}

'''Was musst Du vor der Veröffentlichung eines Personenfotos beachten?'''
(Die Erlaubnis und die Persönlichkeitsrechte)
(!Nur die Dateigröße)
(!Nur die Bildschirmhelligkeit)
(!Nur den Namen des Programms)

{{E}}
<br>

{{MC}}

'''Was gehört zu einer fairen Nutzung fremder Bilder?'''
(Die Lizenz prüfen und die Quelle nennen)
(!Das Wasserzeichen entfernen)
(!Den Namen des Urhebers löschen)
(!Jedes Bild ohne Prüfung veröffentlichen)

{{E}}
<br>

{{BR}}
== Memory ==

<div class="memo-quiz">
{|
|-
| Zuschneiden || Bildrand entfernen
|-
| Drehen || Bild ausrichten
|-
| Helligkeit || Dunkle Aufnahme aufhellen
|-
| Kontrast || Hell und dunkel unterscheiden
|-
| Ebene || Bildteile getrennt bearbeiten
|-
| PNG || Transparenz speichern
|}
{{E}}
<br>

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

<div class="lueckentext-quiz">

{| class="wikitable"
! Ordne die richtigen Begriffe zu.
! Thema
|-
| '''Originalkopie'''
| Sicherer Start
|-
| '''Zuschneiden'''
| Passender Ausschnitt
|-
| '''Drehen'''
| Gerade Ausrichtung
|-
| '''Kontrast'''
| Unterschied von hell und dunkel
|-
| '''Export'''
| Neues Ergebnis speichern

|}
{{E}}

<br>
<br />

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

<div class="kreuzwort-quiz">
{|
|-
| Zuschneiden || Welches Werkzeug entfernt Bildränder?
|-
| Drehen || Wie heißt das Ausrichten eines schiefen Bildes?
|-
| Kontrast || Was beschreibt den Unterschied zwischen hell und dunkel?
|-
| Pixel || Wie heißt ein einzelner Bildpunkt?
|-
| Ebene || Wie heißt eine getrennt bearbeitbare Bildschicht?
|-
| Lizenz || Was regelt die erlaubte Nutzung eines Bildes?
|}
{{E}}
<br>

{{BR}}
== LearningApps ==

<iframe> https://learningapps.org/index.php?s=Bilder+einfach+bearbeiten </iframe>

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

<quiz display=simple>
{'''Vervollständige den Text.'''<br>
|type="{}"}
Vor dem Bearbeiten speicherst Du eine { Kopie } des Originals. Mit dem Werkzeug Zuschneiden entfernst Du einen unnötigen { Bildrand }. Ein digitales Rasterbild besteht aus vielen { Pixeln }. Der Unterschied zwischen hellen und dunklen Stellen heißt { Kontrast }. Mit einer { Ebene } kannst Du Bildteile getrennt bearbeiten. Für Fotos wird häufig das Format { JPEG } genutzt. Transparente Flächen können im Format { PNG } erhalten bleiben. Vor dem Veröffentlichen prüfst Du die { Lizenz }.
</quiz>

<br>

{{BR}}
= Offene Aufgaben =

{{BR}}
=== Leicht ===
# [[Bildausschnitt]]: Fotografiere einen Gegenstand und erstelle zwei verschiedene Ausschnitte. Beschreibe, wie sich die Wirkung ändert.
# [[Bild drehen]]: Richte ein schiefes Foto gerade aus und vergleiche Vorher und Nachher.
# [[Helligkeit]]: Helle ein dunkles Bild vorsichtig auf. Markiere die Stelle, an der Details besser sichtbar werden.
# [[Bildunterschrift]]: Ergänze eine kurze, gut lesbare Bildunterschrift.

{{BR}}
=== Standard ===
# [[Kontrast]]: Erstelle drei Varianten desselben Fotos mit niedrigem, mittlerem und hohem Kontrast. Begründe Deine Wahl.
# [[Dateiformat]]: Speichere ein Foto als JPEG und PNG. Vergleiche Dateigröße und Bildwirkung.
# [[Ebenen]]: Lege Text auf eine eigene Ebene und verschiebe ihn an eine gut lesbare Stelle.
# [[Creative Commons]]: Suche ein frei nutzbares Bild, notiere Urheber, Lizenz und Quelle und bearbeite eine Kopie.

{{BR}}
=== Schwer ===
# [[Bildmanipulation]]: Erstelle eine harmlose Bildmontage und kennzeichne deutlich, dass sie verändert wurde.
# [[Medienkritik]]: Untersuche ein stark bearbeitetes Werbebild. Erkläre, welche Wirkung die Bearbeitung haben kann.
# [[Barrierefreiheit]]: Gestalte ein Bild mit gutem Kontrast und formuliere einen passenden [[Alternativtext]].
# [[Bildserie]]: Plane eine Serie aus drei Bildern mit gleichem Format, ähnlichen Farben und einer gemeinsamen Aussage.

{{:Offene Aufgabe - MOOC erstellen}}

{{BR}}
= Lernkontrolle =

# [[Vorher-Nachher-Vergleich]]: Du erhältst zwei Versionen eines Fotos. Erkläre, welche Bearbeitungsschritte wahrscheinlich durchgeführt wurden und wie sie die Aussage verändern.
# [[Werkzeugwahl]]: Ein Foto ist schief, zu dunkel und enthält einen störenden Rand. Lege eine sinnvolle Reihenfolge der Bearbeitung fest und begründe sie.
# [[Formatentscheidung]]: Entscheide für Klassenfoto, Logo und Screenshot jeweils zwischen JPEG, PNG und SVG. Begründe Deine Auswahl.
# [[Verantwortung]]: Beurteile einen Fall, in dem eine Person ohne Erlaubnis retuschiert und veröffentlicht wurde. Formuliere eine faire Lösung.
# [[Gestaltungsauftrag]]: Bearbeite ein Bild für eine Schulhomepage. Begründe Ausschnitt, Helligkeit, Textplatzierung, Dateiformat und Quellenangabe.

<br>
<br>

{{BR}}
= Lernnachweis =

Für Deinen Lernnachweis zeigst Du ein selbst bearbeitetes Bild mit Vorher-Nachher-Vergleich. Du erklärst kurz Deinen Arbeitsweg, begründest mindestens drei Entscheidungen, nennst das Dateiformat und dokumentierst bei fremdem Material Quelle und Lizenz. Bewertet werden Verständlichkeit, sorgfältige Bearbeitung, faire Bildaussage und korrekte Quellenangabe.

<br>
<br>

{{BR}}
= OERs zum Thema =

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

<br>

{{BR}}
= Links =

{| align=center
{{:D-Tab}}
'''[[Bilder einfach bearbeiten]]'''
# [[Bildbearbeitung]]
# [[Zuschneiden]]
# [[Helligkeit]]
# [[Kontrast]]
# [[Pixel]]
# [[Bildauflösung]]
# [[Dateiformat]]
# [[GIMP]]
# [[Creative Commons]]
# [[Urheberrecht]]
|}

[[Kategorie:Medienbildung]]
[[Kategorie:Digitale Bildung]]
[[Kategorie:Bildbearbeitung]]
[[Kategorie:Informatik]]
[[Kategorie:Klasse 5-6]]
[[Kategorie:Klasse 7-8]]

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

Bilder einfach bearbeiten - Versionsgeschichte

Glanz: aiMOOC über GPT aiMOOC Action erstellt