Bilder einfach bearbeiten - Mediengestaltung - Informatik und Medienbildung

Diesen aiMOOC als Battle spielen: Informatik, Klasse 5-6, G-Niveau

Einleitung

Bilder kannst Du mit einem Bildbearbeitungsprogramm verändern. Du kannst ein Bild zuschneiden, drehen, heller machen oder mit Text ergänzen.

In diesem aiMOOC lernst Du einfache Werkzeuge kennen. Du arbeitest vorsichtig, speicherst eine Kopie und achtest auf Urheberrecht und Persönlichkeitsrecht.

Video laden

YouTube

YouTube sammelt möglicherweise persönliche Daten. Datenschutzrichtlinie

Fortfahren Ausblenden

Lernziele

Nach dem Kurs kannst Du:

1. Bilder bearbeiten: Du kannst wichtige Werkzeuge auswählen.
2. Zuschneiden: Du kannst einen passenden Bildausschnitt wählen.
3. Helligkeit: Du kannst ein zu dunkles Bild verbessern.
4. Bildgröße: Du kannst ein Bild kleiner machen.
5. Dateiformat: Du kennst den Unterschied zwischen JPEG und PNG.
6. Medienrecht: Du gehst fair und sicher mit Bildern um.

Bilder bestehen aus Pixeln

Ein digitales Bild besteht oft aus vielen kleinen Punkten. Diese Punkte heißen Pixel.

Beim starken Vergrößern kannst Du einzelne Pixel sehen. Das Bild wirkt dann eckig oder unscharf.

Datei:Pixel-example.png

Datei:GIMP-Toolbox-MagnifyTool-Icon.png

Merke: Zoomen macht ein Bild nur größer auf dem Bildschirm. Es macht das Bild nicht automatisch schärfer.

Ein Bild öffnen und eine Kopie speichern

Arbeite nie nur mit dem Original.

1. Öffne das Bild.
2. Speichere sofort eine Kopie.
3. Bearbeite die Kopie.
4. Nutze bei Fehlern die Funktion Rückgängig.
5. Speichere am Ende mit einem neuen Namen.

Datei:Undo font awesome.svg

Ein guter Dateiname ist zum Beispiel: katze_plakat_01.png

Zuschneiden

Beim Zuschneiden entfernst Du Bildteile am Rand.

So wird das wichtigste Motiv besser sichtbar. Achte darauf, dass keine wichtigen Teile fehlen.

Datei:Image Crop Icon.svg

Tipp: Lass um das Hauptmotiv etwas Platz.

Drehen und Größe ändern

Mit Drehen richtest Du ein schiefes Bild aus.

Mit Skalieren änderst Du die Breite und Höhe. Ziehe ein Bild nicht nur in eine Richtung. Sonst wird es verzerrt.

Datei:GIMP-Toolbox-TransformRotate-Icon.png

Datei:GIMP-Toolbox-TransformScale-Icon.png

Merke: Ein kleines Bild kann beim starken Vergrößern unscharf werden.

Helligkeit und Kontrast

Mit Helligkeit machst Du ein Bild heller oder dunkler.

Mit Kontrast werden helle und dunkle Stellen deutlicher getrennt.

Ändere die Werte nur in kleinen Schritten. Vergleiche immer mit dem Original.

Datei:Brightness change six images.jpg

Datei:Gimp-Icon stock-tool-brightness-contrast-16.png

Farben verändern

Mit Farbton änderst Du Farben.

Mit Sättigung werden Farben kräftiger oder blasser.

Zu starke Farben wirken oft unnatürlich.

Datei:GIMP-Toolbox-ColourHueSaturation-Icon.png

Video laden

YouTube

YouTube sammelt möglicherweise persönliche Daten. Datenschutzrichtlinie

Fortfahren Ausblenden

Text, Pinsel und Radierer

Mit dem Textwerkzeug kannst Du eine Überschrift einfügen.

Wähle eine gut lesbare Schrift. Text und Hintergrund sollen sich deutlich unterscheiden.

Datei:GIMP-Toolbox-TextTool-Icon.png

Mit dem Pinsel kannst Du malen. Mit dem Radierer kannst Du Teile entfernen.

Datei:GIMP-Toolbox-BrushEraser-Icon.png

Tipp: Nutze nur wenige Farben und höchstens zwei verschiedene Schriften.

JPEG oder PNG

JPEG eignet sich oft für Fotos. Die Datei ist meist kleiner. Bei häufigem Speichern kann die Qualität schlechter werden.

PNG eignet sich gut für Grafiken, Schrift und Bilder mit durchsichtigem Hintergrund.

Dateiformat	Gut geeignet für
JPEG	Fotos
PNG	Grafiken, Schrift und Transparenz

Sicher und fair mit Bildern umgehen

Nicht jedes Bild aus dem Internet darfst Du einfach verwenden.

1. Urheberrecht: Nutze eigene Bilder oder Bilder mit passender Erlaubnis.
2. Creative Commons: Lies die Lizenz und nenne die Quelle.
3. Recht am eigenen Bild: Frage Personen, bevor Du ihr Foto veröffentlichst.
4. Datenschutz: Zeige keine privaten Daten.
5. Bildmanipulation: Täusche andere nicht mit bearbeiteten Bildern.

Fehler beim Erstellen des Vorschaubildes:

Merke: Bearbeiten ist erlaubt, wenn Du Rechte, Regeln und Personen respektierst.

Ein einfacher Arbeitsplan

1. Öffnen: Wähle ein Bild.
2. Kopie speichern: Schütze das Original.
3. Zuschneiden: Wähle den besten Ausschnitt.
4. Verbessern: Ändere Helligkeit, Kontrast oder Farben.
5. Ergänzen: Füge bei Bedarf Text ein.
6. Prüfen: Vergleiche mit dem Original.
7. Exportieren: Speichere als JPEG oder PNG.

Video laden

YouTube

YouTube sammelt möglicherweise persönliche Daten. Datenschutzrichtlinie

Fortfahren Ausblenden

Interaktive Aufgaben

Quiz: Teste Dein Wissen

Was bedeutet Zuschneiden? (Bildteile am Rand entfernen) (!Das Bild ausdrucken) (!Das Bild löschen) (!Den Ton lauter machen)

Was solltest Du vor dem Bearbeiten tun? (Eine Kopie speichern) (!Das Original löschen) (!Das Bild sofort veröffentlichen) (!Den Bildschirm ausschalten)

Woraus besteht ein digitales Rasterbild? (Aus Pixeln) (!Aus Tönen) (!Aus Papier) (!Aus Buchstaben)

Welches Werkzeug richtet ein schiefes Bild aus? (Drehen) (!Radieren) (!Drucken) (!Kopieren)

Was verändert die Helligkeit? (Das Bild wird heller oder dunkler) (!Das Bild bekommt Ton) (!Das Bild wird gedruckt) (!Das Bild wird gelöscht)

Wofür eignet sich JPEG besonders gut? (Für Fotos) (!Für Musik) (!Für Tabellen) (!Für Videos)

Wofür eignet sich PNG besonders gut? (Für Grafiken und Transparenz) (!Für gesprochene Sprache) (!Für lange Filme) (!Für Rechenaufgaben)

Was macht die Funktion Rückgängig? (Sie nimmt den letzten Schritt zurück) (!Sie veröffentlicht das Bild) (!Sie macht das Bild automatisch scharf) (!Sie schließt den Computer)

Was musst Du bei einem Foto von Mitschülerinnen und Mitschülern beachten? (Vor einer Veröffentlichung um Erlaubnis fragen) (!Das Foto immer sofort hochladen) (!Den Namen ohne Nachfrage nennen) (!Das Bild heimlich weitergeben)

Was passiert oft beim starken Vergrößern eines kleinen Bildes? (Es kann unscharf oder pixelig werden) (!Es bekommt automatisch mehr Details) (!Es wird zu Musik) (!Es wird immer kleiner)

Memory

Zuschneiden	Randbereiche entfernen
Drehen	Ein schiefes Bild ausrichten
Skalieren	Bildgröße verändern
Helligkeit	Bild heller oder dunkler machen
Sättigung	Farben kräftiger oder blasser machen
Pixel	Kleinster Bildpunkt
PNG	Format für Grafiken und Transparenz

Drag and Drop

Ordne die richtigen Begriffe zu.	Bedeutung
Zuschneiden	Unwichtige Ränder entfernen
Drehen	Ein schiefes Bild ausrichten
Skalieren	Breite und Höhe verändern
Kontrast	Helle und dunkle Bereiche deutlicher trennen
Rückgängig	Den letzten Arbeitsschritt zurücknehmen

Kreuzworträtsel

Pixel	Wie heißt ein einzelner Bildpunkt?
Drehen	Welches Werkzeug richtet ein schiefes Bild aus?
Kontrast	Was trennt helle und dunkle Bildbereiche deutlicher?
Radierer	Welches Werkzeug entfernt gemalte Bildteile?
Skalieren	Wie heißt das Ändern der Bildgröße?
Sättigung	Was macht Farben kräftiger oder blasser?

Lückentext

Vervollständige den Text.

Ein digitales Bild besteht aus vielen kleinen . Beim entfernst Du Teile am Rand. Mit dem Werkzeug richtest Du ein schiefes Bild aus. Die macht ein Bild heller oder dunkler. Die verändert die Stärke der Farben. Mit nimmst Du den letzten Arbeitsschritt zurück. Für Fotos eignet sich oft das Format . Vor der Veröffentlichung eines Personenfotos brauchst Du eine .

Offene Aufgaben

Leicht

1. Bildvergleich: Öffne ein Bild. Ändere nur die Helligkeit. Zeige das Bild vorher und nachher.
2. Zuschneiden: Wähle aus einem Foto drei verschiedene Bildausschnitte. Erkläre, welcher Ausschnitt am besten wirkt.
3. Dateiname: Erfinde fünf klare Dateinamen für bearbeitete Bilder.
4. Werkzeugplakat: Zeichne vier Bildwerkzeuge mit Namen und kurzer Erklärung.

Standard

1. Postkarte: Gestalte aus einem eigenen Foto eine digitale Postkarte mit kurzer Überschrift.
2. Farbwirkung: Erstelle eine kräftige und eine blasse Version desselben Bildes. Beschreibe die Wirkung.
3. Klassenmaskottchen: Gestalte ein einfaches Plakat mit Bild, Titel und passendem Hintergrund.
4. Bildrechte: Suche auf Wikimedia Commons ein frei nutzbares Bild. Notiere Urheber, Lizenz und Quelle.

Schwer

1. Fotogeschichte: Bearbeite drei eigene Fotos so, dass sie zusammen eine kleine Geschichte erzählen.
2. Täuschung durch Bilder: Erstelle ein harmloses Beispiel für eine irreführende Bildbearbeitung. Erkläre danach die Täuschung.
3. Barrierefreie Medien: Gestalte ein Bild mit gut lesbarem Text und verfasse einen passenden Alternativtext.
4. Erklärvideo: Produziere ein kurzes Bildschirmvideo. Zeige darin Zuschneiden, Drehen und Speichern.

Lernkontrolle

1. Passender Bildausschnitt: Zwei Fotos zeigen dasselbe Motiv. Begründe, welcher Ausschnitt eine Nachricht besser unterstützt.
2. Qualitätsproblem: Ein kleines Bild wurde stark vergrößert und ist pixelig. Erkläre die Ursache und nenne zwei bessere Lösungen.
3. Dateiformat wählen: Entscheide für ein Klassenfoto und für ein Logo zwischen JPEG und PNG. Begründe beide Entscheidungen.
4. Bildrechte prüfen: Eine Person findet ein Bild über eine Suchmaschine und möchte es auf der Schulhomepage nutzen. Beschreibe die nötigen Prüfschritte.
5. Gestaltungsentscheidung: Ein Plakat hat fünf Schriften, viele Farben und schwachen Kontrast. Entwickle drei konkrete Verbesserungen.
6. Bildmanipulation erkennen: Erkläre, warum ein bearbeitetes Bild zwar echt aussehen, aber eine falsche Aussage vermitteln kann.
7. Arbeitsablauf planen: Ordne die Schritte Öffnen, Kopie speichern, Zuschneiden, Verbessern, Prüfen und Exportieren. Begründe Deine Reihenfolge.

Lernnachweis

Für Deinen Lernnachweis erstellst Du ein kleines Bildprojekt.

Wichtig sind:

1. Ein eigenes oder frei nutzbares Ausgangsbild
2. Eine gespeicherte Originalkopie
3. Ein sinnvoller Bildausschnitt
4. Eine vorsichtige Verbesserung von Helligkeit oder Farben
5. Ein gut lesbarer kurzer Text
6. Das passende Dateiformat
7. Eine Quellen- und Lizenzangabe
8. Eine kurze Erklärung Deiner Arbeitsschritte
9. Ein Vergleich von vorher und nachher

Links

Bilder einfach bearbeiten - Mediengestaltung - Informatik und Medienbildung Bildbearbeitung Pixel Zuschneiden Skalierung Helligkeit Kontrast Farbton Sättigung JPEG PNG Creative Commons Urheberrecht Recht am eigenen Bild