Lernziele

Im 3. Praktikum beschäftigen Sie sich mit Anwendungen zur Bildbearbeitung am Beispiel von Adobe Photoshop. Sie erwerben Grundkenntnisse im Umgang mit Software aus der Adobe Produktfamilie, dessen Menüaufbau sich von z.B. Office-Produkten unterscheidet. Kenntnisse über digitale Bildbearbeitungsvorgänge (einfache Bildnachbearbeitung) werden gefestigt. Am Ende des Praktikums sind Sie in der Lage Bilder für das Web richtig aufzubereiten (Formate, Parameter).

Bewertung

Generelle Hinweise zur Bewertung der Mitarbeit in dem Praktikum entnehmen Sie bitte dem Dokument „Allgemeine Hinweise zum Praktikum ‚Elektronische Dokumente’ im SS08“. Für den Gruppenbewertungsteil werden folgende Dokumente hinzugezogen:

  • das Übungsprotokoll mit den Antworten auf die im Abschnitt „Praktikumsdurchführung“ enthaltenen Fragen
  • alle Resultate der einzelnen Übungen

Zur Abgabe dieser Dateien gehen Sie ähnlich vor wie im 2. Praktikum. Alle einzureichenden Dokumente zum Praktikum archivieren Sie in ein gemeinsames Gruppenarchiv mit höchster Komprimierung. Laden Sie dieses Archiv auf Ihren Gruppenwebspace auf dem Unixserver “freud.rz.tu-ilmenau.de” und schicken Sie einen Internet-Link, der auf Ihr Archiv verweist, an den Praktikumsbetreuer.

Praktikumsvorbereitung

Als Praktikumsvorbereitung starten Sie bitte die Hilfe von Photoshop CS2. Zu erreichen ist das “Adobe Help Center” in Photoshop unter “F1″ oder über das Menü “Hilfe–> Photoshop Hilfe …”. Dort kann via Drop-Down-Box ganz oben “Produkthilfe für: “Adobe Photoshop CS2″ ausgewählt werden.

(Woher Sie eine Testversion für zu Hause bekommen entnehmen Sie bitte den Vertiefenden Materialien. Im RTK4 ist die entsprechende Photoshop Version installiert.)

Als Vorbereitung für das Praktikum arbeiten Sie bitte mind. folgende Hilfethemen durch:
(Bitte lassen Sie sich nicht von der Fülle der Themen erschlagen, Sie soll Ihnen als ein Gerüst durch die Hilfe von Photoshop dienen. Teilweise verstecken sich hinter einem Thema nur 1 bis 2 Sätze.)

  • Arbeitsbereich
    • Arbeitsbereich-Grundlagen
      • Der Arbeitsbereich
    • Paletten und Menüs (alle Unterpunkte)
    • Arbeiten mit Dateien
      • So duplizieren Sie ein Bild in Photoshop
    • Anzeigen von Bildern (alle Unterpunkte)
    • Lineale, Hilfslinien und Raster (alle Unterpunkte)
    • Wiederherstellen und Rückgängigmachen
      • So verwenden Sie die Befehle “Rückgängig” und “Wiederherstellen”
      • So brechen Sie einen Vorgang ab
      • Die Protokoll-Palette
      • So stellen Sie Protokoll-Optionen ein
  • Öffnen von Bildern in Photoshop und ImageReady
    • Bildgröße und Auflösung
      • Pixelmaße und Bildauflösung
    • Ändern der Bildgröße und Auflösung
      • So ändern Sie die Pixelmaße eines Bildes in Photoshop
  • Farbe
    • Farbmodi (alle Unterpunkte)
    • Kanäle und Farbtiefe
      • Farbkanäle
      • Farbtiefe
    • Auswählen von Farben
      • Der Adobe-Farbwähler
      • So zeigen Sie den Adobe-Farbwähler an
      • Der Farbkreis
  • Auswählen
    • Treffen einer Auswahl
      • So verwenden Sie die Auswahlwerkzeuge
      • So verwenden Sie das Lasso-Werkzeug
      • So verwenden Sie das Magnetische-Lasso-Werkzeug
      • So verwenden Sie den Zauberstab
    • Verschieben, Kopieren und Einfügen einer Auswahl oder Ebene
      • So verschieben Sie eine Auswahl oder Ebene innerhalb eines Bildes
      • So verschieben Sie eine Auswahl oder Ebene
      • Kopieren einer Auswahl oder Ebene
      • So fügen Sie eine Auswahl in eine andere Auswahl ein
  • Transformieren und Retuschieren
    • Ändern der Arbeitsflächengröße
      • So ändern Sie die Größe der Arbeitsfläche
    • Drehen und Spiegeln von ganzen Bildern (alle Unterpunkte)
    • Freistellen von Bildern (Überblick)
    • Transformieren von Objekten (Überblick)
    • Retuschieren und Reparieren von Bildern (Überblick)
  • Ebenen
    • Ebenen – Grundlagen (bis auf die unteren zwei Punkte alle Unterpunkte)
    • Auswählen, Gruppieren und Verbinden von Ebenen (Überblick)
    • Verschieben, Kopieren und Fixieren von Ebenen (Überblick)
    • Festlegen von Deckkraft und Fülloptionen (Überblick)
    • Ebeneneffekte und -stile (Überblick)
  • Malen
    (allgemein einen groben Überblick verschaffen)

    • Wählen einer Vordergrund- und Hintergrundfarbe
      • So wählen Sie in der Werkzeugpalette Farben aus
  • Text
    (allgemein einen ganz groben Überblick verschaffen)
  • Vorbereiten von Grafiken für das Web
    • Optimieren von Bildern
      • Das Dialogfeld „Für Web speichern“
      • So optimieren Sie ein Bild für das Web
    • Formate und Optionen für Webgrafiken (alle Unterpunkte)
  • Speichern und Exportieren von Bildern
    (allgemein einen Überblick über gängige Formate schaffen)
    Verwenden Sie ggf. Zusatzliteratur, um sich darüber zu informieren, welche Dateiformate Ebenen beim Speichern erhalten.

Bei einigen Hilfethemen reicht das reine Durchlesen nicht aus. Sie können zum Besseren
Verständnis die Hilfethemen gern an einem beliebigen Bild nachvollziehen.

Diese Themen werden auch sehr ausführlich in der entsprechenden Literatur behandelt. Neben einer großen Auswahl an Büchern in der Bibliothek, ist ein Grundstock im Semesterapparat zu finden.

Praktikumsdurchführung

Im Downloadbereich finden Sie die Praktikumsmaterialien als Zip-Archiv. Bitte entpacken Sie den Inhalt in einen Übungsordner auf Ihrem privaten „Home-Verzeichnis”. Während des Praktikums führen Sie bitte ein gemeinsames Übungsprotokoll. Die Erkenntnisse der Einzelarbeiten können Sie jeweils nach der Übung zusammentragen. Als Resultate der Einzelarbeiten genügt ein Exemplar zur Abgabe, soweit nichts anderes vorgegeben ist. Speichern Sie die Resultate der Übungen in Ihren Praktikumsordner des Linux-Gruppenarbeitsverzeichnissen, den Sie später zusammen mit dem Übungsprotokoll als Archiv einreichen.

  1. Rote Augen entfernen (Einzelarbeit)
    1. Öffnen Sie das Bild [Link] in Photoshop und entfernen Sie die “Roten Augen”.
    2. Welche(s) Werkzeug(e) und/ oder Arbeitsschritte haben Sie dazu verwendet?
    3. Haben Sie in der Gruppe unterschiedliche Arbeitstechniken angewendet? Welches Resultat ist Ihrer Meinung nach das gelungenste (Bitte Dateinamen angeben) ?
    4. Falls Sie in der Gruppe unterschiedliche Ansätze gewählt haben, speichern Sie bitte jeweils eine Version zur Abgabe in den gemeinsamen Praktikumsordner.
  2. Horizont gerade rücken und Bild ausfüllen (Einzelarbeit)
    1. Öffnen Sie das Bild “elDok_Wachsenburg.jpg” in Photoshop.
    2. Rücken Sie das Bild gerade, sodass die Burglandschaft ungefähr in Waage ist.
    3. Achten Sie darauf, dass das Format 10 cm x 15 cm in der Auflösung 300 dpi erhalten bleibt.
    4. Erweitern Sie die ggf. entstandenen neuen Randbereiche des Himmels und des Feldes mit einer ähnlichen weiterlaufenden Struktur wie in den Nachbarbereichen.
    5. Welche(s) Werkzeug(e) und/ oder Arbeitsschritte haben Sie dazu verwendet?
    6. Haben Sie in der Gruppe unterschiedliche Arbeitstechniken angewendet? Welches Resultat ist Ihrer Meinung nach das gelungenste (Bitte Dateinamen angeben) ?
    7. Falls Sie in der Gruppe unterschiedliche Ansätze gewählt haben, kopieren Sie bitte jeweils eine Version zur Abgabe in den Praktikumsordner des Linux-Gruppenarbeitsverzeichnisses.
  3. Neuer Titel für das Kanzleramt (Einzelarbeit)
    1. Öffnen Sie das Bild “elDok_Bundeskanzleramt.jpg” in Photoshop.
    2. Stellen Sie das Bild vom Hintergrund frei (beliebige Bildauswahl) und drehen/ spiegeln es entsprechend.
    3. Auf dem eingescannten Foto befand sich eine Filzstift-Schmiererei. Entfernen Sie diese mit entsprechenden Retusche-Werkzeugen.
    4. Fügen Sie einen persönlichen Titel in das Bild ein.
    5. Welche(s) Werkzeug(e) und/ oder Arbeitsschritte haben Sie dazu verwendet?
    6. Haben Sie in der Gruppe unterschiedliche Arbeitstechniken angewendet? Welches Resultat ist Ihrer Meinung nach das gelungenste (Bitte Dateinamen angeben) ?
    7. Falls Sie in der Gruppe unterschiedliche Ansätze gewählt haben, kopieren Sie bitte jeweils eine Version zur Abgabe in den Praktikumsordner des Linux-Gruppenarbeitsverzeichnisses.
  4. Arbeit mit Ebenen (Einzelarbeit)
    1. Erstellen Sie ein neues Dokument in Photoshop mit mind. folgenden Vorgaben: 300 x 300 Pixel; 72 Pixel/Zoll; RGB-Farbe (8-Bit).
    2. Stellen Sie sicher, dass das Ebenenfenster eingeblendet ist.
    3. Erstellen Sie sich vier neue Ebenengruppen für vier fiktive Personen. Jeder Ordner soll im Laufe der Übung mind. eine Hintergrundebene und eine “Personenebene” enthalten.
    4. Fügen Sie die Bilder “Person_1.tif”, “Person_2.tif”, “Person_3.tif” und “Person_4.tif” jeweils als eine “Personenebene”in die vier Gruppen ein.
    5. Befreien Sie die vier Personen von ihrem jeweiligen (weißen) Hintergrund, sodass jeweils nur der Umriss der Person übrig bleibt.
    6. Füllen Sie die vier Hintergrundebenen jeweils mit einer anderen Farbe.
    7. Fügen Sie den vier Personenebenen jeweils ein Ebenenstil (Fülloptionen) hinzu. Dieser kann individuell gestaltet werden, aber auch für alle vier Personen gleich sein (z.B. ein Schlagschatten).
    8. Zwischenübung: Optimale Bilder für das Web (Gruppenarbeit)
      1. Öffnen Sie das Bild “elDok_WEB_1.bmp” in Photoshop.
      2. Lassen Sie sich das Bild mit der Zoomstufe 100% anzeigen, um zu sehen, wie es auf einer Website wirkt.
      3. Sie sollen das Bild nun für das Web aufbereiten. Es soll auf die niedrigste Dateigröße reduziert werden, doch die Qualität soll erhalten bleiben. Öffnen Sie dazu das Tool “Für Web speichern…” in Photoshop.
      4. Wählen Sie zunächst im Dialogfeld den Reiter “4fach”. Dadurch sehen Sie vier Varianten des Bildes: das Original und drei veränderte Fassungen zum Vergleich.
      5. Wählen Sie im rechten Menübereich den Reiter “Bildgröße” und ändern Sie die Breite auf 800 Pixel (nur für das Bild “elDok_WEB_1.bmp”).
      6. “Probieren” Sie verschiedene Einstellungen und Formate, um eine möglichst geringe Dateigröße aber optimale Qualität für das Web zu erhalten (jeweils unter den vier Versionen erhalten Sie eine Dateigrößenvorschau). Achten Sie insbesondere darauf, dass die Qualität für das Web dem Original sehr ähnlich ist!
      7. Einigen Sie sich in der Gruppe auf eine optimale Einstellung und dokumentieren Sie die gewählten Einstellungsgrößen.
      8. Speichern Sie das Ergebnis unter einem neuen Namen ab.
      9. Öffnen Sie das Bild “elDok_WEB_2.bmp” in Photoshop und wiederholen Sie die Übung angepasst auf die aktuellen Bildeigenschaften.
      10. Haben Sie sich für ein anderes Format und/ oder Einstellungsgrößen entschieden?
      11. Für welches Format mit entspr. Einstellungen würden Sie sich für die vier Personenbilder entscheiden? Begründen Sie Ihre Antwort!
    9. (Weiter mit der Einzelarbeit:) Mit den soeben gesammelten Erfahrungen für die Aufbereitung von Bildern für das Web speichern Sie die vier Personen jeweils als webtaugliches Bild. Ihre individuellen Ergebnisse der vier Personen (Bilddatei, die alle Ebenen erhält + 4 für das Web im optimalen Format aufbereitete Dateien) speichern Sie bitte in einen separaten Unterordner im Abgabeordner, der den Teammitgliedern zuzuordnen ist.
  5. Packen Sie die oben genannten Dateien (s. Bewertung) in ein Zip-Archiv mit höchster Komprimierung. Kopieren Sie dieses Archiv in den “public_html” Ordner Ihres Linux-Gruppenarbeitsverzeichnisses und schicken Sie den daraus resultierenden Weblink zum Archiv per E-Mail an den Praktikumsbetreuer.

Downloads

Praktikumsdurchführung:

  • Praktikumsmaterialien (ZIP) [Download]

Vertiefende Materialien

  • Photoshop CS2 Tastenkürzel/ Shortcuts (PDF) [Download]
  • Photoshop CS2 Testversionen für zu Hause: Viele Photoshop CS2 Bücher in der Bibliothek haben eine 30 Tage Testversion als DVD beiliegen.