Kapitel 3 · 9 Stunden · interaktive Präsentationen
Pixel, Farben und Filme
Wie wird ein Bild im Computer gespeichert, wie lassen sich Daten komprimieren und wie entstehen Farben am Bildschirm? Die Reihe führt von Pixeln und dem RGB-Modell über Bildbearbeitung bis zur eigenen Produktion von Erklärvideos und Podcasts.
-
01
Stunde 1 · 2 Unterrichtsstunden
Pixel und Rastergrafiken
Leitfrage: Wie wird ein Bild im Computer gespeichert?
- Pixel als kleinste Einheit eines digitalen Bildes, Auflösung
- Schwarz-Weiß-Bilder binär codieren (0 = schwarz, 1 = weiß), Pixelraster
- Bildgröße und Farbtiefe einer Rastergrafik
- M2 Dateiformate JPEG, PNG, GIF, TIFF
Interaktiv In ein Bild hineinzoomen · Auflösung verändern · Smiley-Pixelraster mit Live-Binärcode · eigenes 10·10-Muster · Farbtiefe 1 bis 24 Bit · Dateiformate sortieren
-
02
Stunde 2 · 2 Unterrichtsstunden
Daten komprimieren
Leitfrage: Wie kann man Daten verkleinern?
- Datenkompression: geringerer Speicherbedarf, schnellere Übertragung
- verlustbehaftete und verlustfreie Kompression
- Lauflängencodierung (AAAAABBCCCD → 5A2B3C1D)
- M1 Bilder komprimieren, M2 Lauflängencodierung, M3 Binärbild komprimieren
Interaktiv 16·16 gegen 8·8 · Kompressions-Regler mit Dateigröße · Lauflängen-Rechner · Bitfolgen als Bild malen · Herz komprimieren und prüfen · RLE-Training
-
03
Stunde 3 · 2 Unterrichtsstunden
Farbmischung und RGB-Modell
Leitfrage: Wie werden Farben gemischt und dargestellt?
- Subtraktive Farbmischung mit Cyan, Magenta, Yellow (CMY)
- Additive Farbmischung mit Rot, Grün, Blau (RGB) am Bildschirm
- Graustufen mit Helligkeitswerten 0 bis 255
- M1 Farbbilder im RGB-Modell, M2 Graustufenbilder
Interaktiv Farbkreise ein- und ausschalten · RGB-Mischpult mit Farb-Challenges · Graustufen-Regler · Graustufenbild aus Zahlen · Bild einfärben mit automatischem RGB-Raster
-
04
Stunde 4 · 2 Unterrichtsstunden
Bilder bearbeiten
Leitfrage: Welche Möglichkeiten gibt es, Bilder zu bearbeiten?
- Bildbearbeitung am Smartphone: zuschneiden, drehen, spiegeln
- Helligkeit, Kontrast und Sättigung
- Filter und ihre Wirkung (M1)
- Bilder übertragen (Kabel, Bluetooth, Cloud), Bildbearbeitung am Computer
Interaktiv Foto-Editor mit Reglern für Helligkeit, Kontrast, Sättigung · Zuschneiden, Drehen, Spiegeln · vier Filter mit Stimmungen zuordnen · Übertragungswege sortieren
-
05
Stunde 5 · 2 Unterrichtsstunden
Bildmanipulation und Bildbearbeitungsprogramme
Leitfrage: Wann ist ein bearbeitetes Bild noch echt – und wie arbeiten Profis?
- Bildbearbeitung im Alltag und in der Werbung
- Authentizität und Bildmanipulation
- Wirkung auf die Gesellschaft: Spaßfotos, Mobbing, Fehlinformation (M2)
- Expertenwissen: Lasso, Magnet-Werkzeug, Zauberstab, Klon-Werkzeug, Freistellen (M1)
Interaktiv Bearbeitungsgründe zuordnen · echt oder falsch? · Werkzeug-Karten · Zauberstab-Freistellen mit neuem Hintergrund
-
06
Stunde 6 · 1–2 Unterrichtsstunden
Erklärvideos nutzen
Leitfrage: Welche Arten von Erklärvideos gibt es – und welche passt zu meinem Thema?
- Animationsvideo, Realfilm, Screencast, Whiteboard-Film, Stop-Motion-Film
- Merkmale, Einsatz, Vor- und Nachteile (Abb. 4)
- Recht am eigenen Bild bei Realfilmen
- M1 Erklärfilme zuordnen und begründet auswählen
Interaktiv Videoarten-Tabelle aufdecken · Stop-Motion-Daumenkino · Merkmale zuordnen · Themen der passenden Filmart zuordnen
-
07
Stunde 7 · 2 Unterrichtsstunden (plus Drehzeit)
Videoproduktion und Rechte
Leitfrage: Wie dreht man ein gutes Video – und was darf man veröffentlichen?
- Methode Checkliste Videoproduktion: Vorbereitung, Aufnahme, Nachbearbeitung
- Querformat oder Hochformat, Storyboard
- M1 Probleme beim Videodreh
- Urheberrecht, Creative-Commons-Zeichen, Persönlichkeitsrechte (Recht am eigenen Bild), M2 Darf man das?
Interaktiv Checkliste sortieren · Quer- oder Hochformat? · Storyboard-Vorlage · Drehfehler erkennen · Lizenz-Zeichen zuordnen · Fälle Lukas, Lira, Cem entscheiden
-
08
Stunde 8 · 2–3 Unterrichtsstunden (Projekt)
Einen Podcast erstellen
Leitfrage: Wie entsteht ein Podcast – von der Idee bis zur MP3-Datei?
- Was ist ein Podcast?
- Methode in sieben Schritten: Thema, Recherche, Skript, Aufnahme, Schneiden, Musik, Speichern
- Skript mit Themenabschnitten, Fragen und Audio (Intro, Geräusche, Outro)
- Tier-Podcast als Projekt mit Bewertungsbogen
Interaktiv Schritte ordnen · Skript-Baukasten für einen Tier-Podcast · Aufnahme direkt im Browser (wenn ein Mikrofon erlaubt ist) · Bewertungsbogen
-
09
Stunde 9 · 1–2 Unterrichtsstunden
Wiederholung und Selbsttest
Leitfrage: Was kann ich, und was sollte ich noch üben?
- Zusammenfassung als Karteikarten
- Trainer: Pixel und Rastergrafiken, Daten komprimieren, Farbmischung und RGB-Modell, Erklärvideos
- Großes Quiz und „Ich kann …“-Liste
Interaktiv Karteikarten · Begriffe-Paare · Dateiformate sortieren · Lauflängen-Training · RGB-Werte erkennen · Filmart wählen · Quiz (10 zufällige Fragen) · Selbsteinschätzung
Für Lehrkräfte
Hinweise zum Einsatz
Blättern mit den Pfeiltasten, Bild↑/Bild↓ oder einem Presenter. F schaltet den Vollbildmodus. Über die Leiste oben springt man direkt zu jeder Station. Stationen lassen sich direkt verlinken, z. B. 01_Pixel_Rastergrafiken.html#merke.
Start mit Leitfrage → nummerierte Stationen (Einstieg, Erarbeitung, Aufgaben) → Hefteintrag, der Punkt für Punkt aufgedeckt wird → Übungen mit Prüfen-Knopf und Lösung. Zu jeder Stunde gibt es ein Arbeitsblatt (PDF) mit Platz für den Hefteintrag und ein Lösungsblatt.
Für die Produktionsstunden (Video, Podcast) werden Tablets oder Smartphones und ggf. Kopfhörer benötigt.
Bildbearbeitung, Filter, Kompression und Freistellen werden an selbst gezeichneten Beispielbildern gezeigt; die Materialbilder (z. B. M2 Bildbearbeitungen) werden kurz beschrieben.
Die Lauflängencodierung wird an Schwarz-Weiß-Bildern gezeigt. Farbwerte im RGB-Modell werden mit 0–255 je Kanal angegeben. Die Hinweise zum Recht am eigenen Bild ersetzen keine Rechtsberatung.
Jede Datei ist eigenständig und funktioniert offline, auch vom USB-Stick. Die Schriften liegen im Ordner fonts neben den Reihen. Hell- und Dunkelmodus folgen der Systemeinstellung.