Eine Präsentation vonLeonie von Löwenthal, Marie Willmann, Annika Weickenmeier

Adobe Photoshop CS2

08.12.2006Grafik Design für BildschirmmedienNaurath

1

2

Die Grundlagen...

...der grundlegendsten Grundlagen

3

Gliederung

1. Der Arbeitsbereich

2. Auswahl erstellen und optimieren3. Optimieren von Bildern (I)4. Mit Farben arbeiten

5. Optimieren von Bildern (II)

Eine Präsentation über Photoshop von Leonie v. Löwenthal, Marie Willmann, Annika Weickenmeier 44

Der Arbeitsbereich -

• Werkzeuge

• Optionsleiste

• Paletten

• Protokoll

Arbeitsbereich Bildoptimierung I Auswahl

Farben Bildoptimierung II

5

Werkzeuge

• in der Toolbox• ca 12 verschiedene Arten • Herzstück von Photoshop

Arbeitsbereich Auswahl

Bildoptimierung I Farben Bildoptimierung IIWerkzeuge

6

Arten von Werkzeugen1. Auswahlwerkzeuge

• Rechteck

• Ellipse

• Pixel (Zeile und Spalte)

• Lassos

• Zauberstab

• Verschieben Werkzeug

Arbeitsbereich Auswahl

Bildoptimierung I Farben Bildoptimierung II

--> können bestimmte Bereiche isoliert auswählen

Werkzeuge

7

2. Freistellungswerkzeuge

- Bild wird beschnitten

3. Slice Werkzeuge

- Bild wird in Teile aufgeteilt

Arbeitsbereich Auswahl

Bildoptimierung I Farben Bildoptimierung IIWerkzeuge

8

4. Reparaturwerkzeuge

• Reparaturpinsel

• Ausbessern Werkzeug

• Farbe ersetzen Werkzeug

• Kopierstempel

• Musterstempel

→ Fehler (Staub, Kratzer, Falten) werden verbessert

Arbeitsbereich Auswahl

Bildoptimierung I Farben Bildoptimierung IIWerkzeuge

9

5. Farbwerkzeuge

• Pipette

• Farbaufnahme Werkzeug

• Messwerkzeug

• Pinsel

• Buntstift

• Verlaufswerkzeug

• Füllwerkzeug

Arbeitsbereich Auswahl

Bildoptimierung I Farben Bildoptimierung IIWerkzeuge

10

6. Protokollwerkzeuge

• Protokollpinsel

• Kunstprotokollpinsel

7. Löschwerkzeuge

• Radiergummi

• Hintergrundradiergummi

• Magischer Radiergummi

Arbeitsbereich Auswahl

Bildoptimierung I Farben Bildoptimierung IIWerkzeuge

11

8. Optimierwerkzeug

• Weichzeichner

• Scharfzeichner

• Wischfinger

• Abwedler

• Nachbelichter

• Schwamm

Arbeitsbereich Auswahl

Bildoptimierung I Farben Bildoptimierung IIWerkzeuge

12

9. Werkzeuge für Vektorobjekte• Zeichenstift• Freiform Zeichenstift• Ankerpunkt hinzufügen/entfernen• Punkt umwandeln• Rechteck/abgerundetes Rechteck• Ellipse• Polygon• Linienzeichner• Eigene Form• Pfadauswahl• Direkt Auswahl

Arbeitsbereich Auswahl

Bildoptimierung I Farben Bildoptimierung IIWerkzeuge

13

10. Textwerkzeuge• Horizontales/Vertikales Textwerkzeug• Horizontales/Vertikales Textmarkierungswerkzeug

11. Notizen Werkzeuge• Schrift und Sprachnotizen

12. Hand- und Zoomwerkzeug• Hand• Lupe

Arbeitsbereich Auswahl

Bildoptimierung I Farben Bildoptimierung IIWerkzeuge

14

13. Bearbeitungsmodi• Standardmodus

• Maskierungsmodus

14. Darstellungsmodi• Standardmodus

• Vollschirm mit Menüleiste

• Vollschirm ohne Menüleiste

Arbeitsbereich Auswahl

Bildoptimierung I Farben Bildoptimierung IIWerkzeuge

15

Die Optionsleiste

• Ermöglicht individuelle Einstellungen der Werkzeuge

• Bietet für jedes Werkzeug andere Einstellungsoptionen

• Toleranz, Deckkraft, Werkzeugspitzen

Arbeitsbereich Auswahl

Bildoptimierung I Farben Bildoptimierung IIOptionsleiste

16

• Fenster -> Paletten beliebig einstellbar

• Anpassung individueller Oberfläche

• Innerhalb der Paletten: Switchen zwischen verschiedenen Themen

• Palettenmenüs

PalettenArbeitsbereich Auswah

lBildoptimierung I Farben Bildoptimierung II

Paletten

17

Die Info-Palette

• Fenster → Info

• Zeigt an:

> Farbton, auf dem sich Mauszeiger befindet (min. RGB und CMYK)

> Position des Mauszeigers (links unten)

> Größe des ausgewählten Bildbereichs (rechts unten)

Arbeitsbereich Auswahl

Bildoptimierung I Farben Bildoptimierung IIPaletten

18

Der Navigator

• Zoomstufe des Bildes verstellbar

• Ansichtsausschnitt des Bildes veränderbar

Arbeitsbereich Auswahl

Bildoptimierung I Farben Bildoptimierung IIPaletten

19

Das Protokoll

• Protokoll speichert alle einzelnen Bearbeitungsschritte

• Vorübergehendes rückgängig machen

• Endgültiges rückgängig machen

• Durch Schnappschüsse Zwischenspeichern von Grafiken

Arbeitsbereich Auswahl

Bildoptimierung I Farben Bildoptimierung IIPaletten

20

3. Auswahl• Bereiche können isoliert ausgewählt und editiert

werden

• Anwendungen beziehen sich nur noch auf den ausgewählten Bereich

• Eigens Werkzeuge

Arbeitsbereich Auswahl

Bildoptimierung I Farben Bildoptimierung II

21

Auswahlwerkzeuge• Auswahlrechteck

• Auswahlellipse

– Quadratische/kreisförmige Auswahl (Umschalt)– Rahmen von der Mitte aus ziehen (Alt)

• Einzelne Zeile/Spalte

Arbeitsbereich Auswahl

Bildoptimierung I Farben Bildoptimierung IIAuswahlwerkzeuge

22

Das Lasso

Auswahl komplexer Bereiche

3 Arten:

• normales Lasso (manuell)

• Polygonlasso (halbautomatisch, gerade Linien)

• Magnetisches Lasso (halbautomatisch, wählt aufgrund von Kontrastunterschieden aus)

- Optionen: Breite, Kantenkontrast, Frequenz

Arbeitsbereich Auswahl

Bildoptimierung I Farben Bildoptimierung IIAuswahlwerkzeuge

23

Der Zauberstab

• Automatisches Werkzeug

• Erstellt Auswahlbereiche anhand von gleichen oder ähnlichen Farben

• Optionen:

– Toleranz

– Benachbarte/nicht benachbarte

Flächen auswählen

– Alle Ebenen einbeziehen

Arbeitsbereich Auswahl

Bildoptimierung I Farben Bildoptimierung IIAuswahlwerkzeuge

24

Optionen

• Weiche Kanten

• Glätten (Optionsfenster Lasso/Zauberstab od. nachträgl. über Menü)

Arbeitsbereich Auswahl

Bildoptimierung I Farben Bildoptimierung IIAuswahlwerkzeuge

25

Mehrere Auswahlbereiche

Sind

- Addierbar

- Subtrahierbar

- Als Schnittmenge definierbar

Einstellung im Optionsfeld

Arbeitsbereich Auswahl

Bildoptimierung I Farben Bildoptimierung IIAuswahlwerkzeuge

26

Auswahl editieren/optimierena) Standards

• Kopieren, ausschneiden, einfügen Achtung: Zwischenablage/Protokoll leeren

b) Optimieren• Abrunden• Verkleinern• Ausweiten• Umranden

c) verschieben

Arbeitsbereich Auswahl

Bildoptimierung I Farben Bildoptimierung IIEditieren

27

d) Auswahlbereiche füllen• Bearbeiten -> Fläche füllen• Vordergrundfarbe, Hintergrundfarbe, Muster,

Deckkraft

e) Auswahlbereiche (frei) transformieren• Transformieren: skalieren, neigen, verzerren,

perspektivisch verzerren, verkrümmen, drehen, spiegeln

• Frei transformieren: Werte in der Optionsleiste einstellbar

Arbeitsbereich Auswahl

Bildoptimierung I Farben Bildoptimierung IIEditieren

28

Bilder konvertieren - Bildmodus

• RGB• CMYK• Lab• Graustufen – geringe Datentiefe • Bitmap Bilder – 1Bit Datenmenge → Graustufen werden durch Raster vorgetäuscht• Indizierte Farben – max. 256 Farben möglich

→ radikale Farbreduzierung → verringert Speicherbedarf

Arbeitsbereich Auswahl

Bildoptimierung IBildmodus

Farben Bildoptimierung II

29

Auflösung, Bildgröße• Dialogfeld Bildgröße

• Pixelmasse, Kantenlänge und

Auflösung kann verändert werden

• Bild - skalieren – Assistenten

• Bildformat verändern - Arbeitsfläche vergrößern

→ zusätzliche Bildfläche wird erzeugt

Arbeitsbereich Auswahl

Bildoptimierung IBildgröße

Farben Bildoptimierung II

30

Bilder duplizieren + drehen

• Duplizieren: Kopie des aktiven Bildes wird erzeugt

→ Aktionen zunächst an Kopie testen

• Exkurs: Bild kann in mehreren Fenstern angezeigt werden

→ Bearbeitung wirkt sich auf alle aus

• Arbeitsfläche Drehen

→ 90° oder 180° im UZS oder gegen UZS

→ Grad bestimmen “per Eingabe“

→ interaktiv drehen

Arbeitsbereich Auswahl

Bildoptimierung IDuplizieren + Drehen

Farben Bildoptimierung II

31

Bildformat beschneiden

• Möglichkeiten: → Menüpunkt - Freistellen

→ Menüpunkt – Zuschneiden

→ Freistellungswerkzeug

• Bildhintergründe herauslösen → Filter - Extrahieren

Arbeitsbereich Auswahl

Bildoptimierung I Bilder beschneiden

Farben Bildoptimierung II

32

4. Mit Farben arbeiten Farbmodelle

• Anzahl exakt reproduzierbarer Farben vom Modell bestimmt

• Photoshop: 4 Farbmodelle eignen sich zur Veröffentlichung von Bildern

• Konvertierung in versch. Farbmodi

• Bilder für Printmedien/ Internet umwandeln

Arbeitsbereich Auswahl

Bildoptimierung I FarbenFarbmodelle

Bildoptimierung II

33

RGB- Farbmodell • Farben werden anhand der Anteile an Rot, Grün und

Blau definiert

• Additive Primärfarben

• Schwarz, Weiß und Grauwerte

sind definiert

besonders geeignet für das Internet

Arbeitsbereich Auswahl

Bildoptimierung I FarbenFarbmodelle

Bildoptimierung II

34

CMYK- Farbmodell• Farben werden anhand der Anteile an Cyan,

Magenta und Yellow definiert

• Subtraktive Primärfarben

• Key = Schwarz

• Weiß = Abwesenheit von Farbe

besonders geeignet für Printmedien

Arbeitsbereich Auswahl

Bildoptimierung I FarbenFarbmodelle

Bildoptimierung II

35

HSB- Farbmodell• Farbton (Hue), Sättigung bzw. Grauanteil

(Saturation), Helligkeit (Brightness)

• Modell geht von einem Farbkreis aus

• Jeder Ton hat eine Gradzahl = 360 versch. Farben

Arbeitsbereich Auswahl

Bildoptimierung I FarbenFarbmodelle

Bildoptimierung II

36

Lab- Farbmodell• Luminanz- oder Helligkeitskomponente

a- Komponente: Grün bis Rot

b- Komponente: Blau bis Gelb

• Basiert auf CIE– Farbmodell

internationale Norm

geräteunabhängig

• Internes Modell: wird verwendet, um Farbmodus des Bildes zu ändern

Arbeitsbereich Auswahl

Bildoptimierung I FarbenFarbmodelle

Bildoptimierung II

37

Die Pipette• Farbe eines Pixels wird exakt identifiziert

• als Vorder- oder Hintergrundfarbe bzw. Mal- oder Füllfarbe einstellen

• Aufnahmebereich veränderbar

Durchschnittsfarbe; Ergebnis kann auch eine Farbe sein, die im Bild selbst nicht existiert

Arbeitsbereich Auswahl

Bildoptimierung I Farbenidentifizieren

Bildoptimierung II

38

Das Farbaufnahme- Werkzeug

• 4 Farbaufnehmer/ Markierungen im Bild platzieren

• Farbinformationen jeder Markierung werden in Informationspalette angezeigt

• Aufnahmebereich veränderbar

Besonders geeignet für exakte Kontrolle über Farben unterschiedlicher Bereiche

Arbeitsbereich Auswahl

Bildoptimierung I Farbenidentifizieren

Bildoptimierung II

39

Die Farbregler- Palette

• Vorder- und Hintergrundfarbe in verschiedenen Farbmodi definieren

• Webfarbenregler: Farbpalette

websichere Farben

• Balken websicher machen

Arbeitsbereich Auswahl

Bildoptimierung I Farbeneinstellen

Bildoptimierung II

40

Der Farbwähler

• Farbe interaktiv/ durch Eingabe von Werten im Farbmodus festlegen

• Wahl zw. Adobe- und Windows- Farbwähler Voreinstellungen• Farbbibliotheken• Farbtafeln Vorteil: Möglichkeit zur Eingabe von numerischen

Werten im jeweiligen Farbmodell

Arbeitsbereich Auswahl

Bildoptimierung I Farbeneinstellen

Bildoptimierung II

41

Die Farbfelder- Palette

• Enthält Auswahl der aktuellen Farbpalette• Farben aktueller Palette vom Modus des Bildes

abhängig• kann durch eigene Farben ergänzt werden • Auswahl an versch. Paletten: Windows, Webfarben,

Echtfarben, usw.

Arbeitsbereich Auswahl

Bildoptimierung I Farbenauswählen

Bildoptimierung II

42

Das Füllwerkzeug

• Bildbereich mit eingestellter Vordergrundfarbe füllen• Angeklickter Pixel ausschlaggebend für die zu

ersetzenden Farben• Optionen:

- Füllung- Deckkraft- Toleranz

Arbeitsbereich Auswahl

Bildoptimierung I FarbenFarbflächen erzeugen

Bildoptimierung II

43

Das Verlaufswerkzeug

• Stufenlose Übergänge zw. aktueller Vordergrund- & Hintergrundfarbe

• Eigene Farb- und Transparenzverläufe erzeugen• Optionen:

- Verlaufstyp- Art des Farbverlaufs- Umkehren- Dither- Transparenz

Arbeitsbereich Auswahl

Bildoptimierung I FarbenFarbverläufe erstellen

Bildoptimierung II

44

Pinsel & Buntstift

• Freihand/ gerade Linien malen• Handhabung und größter Teil der

werkzeugspezifischen Funktionen identisch• Wesentliche Unterscheidung: Kantenschärfe • Optionen:

- Werkzeugspitze- Fluss (Pinsel)- Airbrush (Pinsel)- Automatisch Löschen (Buntstift)

Arbeitsbereich Auswahl

Bildoptimierung I FarbenMit Farben malen

Bildoptimierung II

45

Der Radiergummi

• Farbe eines Bildbereichs durch aktuelle Hintergrundfarbe ersetzen/ löschen

• Optionen:

- Werkzeugspitze

- Deckkraft

- Fluss

Arbeitsbereich Auswahl

Bildoptimierung I Farbenersetzen/ löschen

Bildoptimierung II

46

Der Hintergrund- Radiergummi

• Hintergrund löschen, bei gleichzeitiger Beibehaltung der Konturen des Objekts im Vordergrund

• Optionen:

- Aufnahmearten

- Grenzen

- Toleranz

- Vordergrundfarbe schützen

Arbeitsbereich Auswahl

Bildoptimierung I Farbenersetzen/ löschen

Bildoptimierung II

47

Der magische Radiergummi• Bereiche gleicher/ ähnlicher Farbe werden in

transparente Bereiche umgewandelt

• ( Zauberstab)

• Optionen:

- Toleranz

- Aufeinander folgend

- Alle Ebenen aufnehmen

Arbeitsbereich Auswahl

Bildoptimierung I Farbenersetzen/ löschen

Bildoptimierung II

48

Weichzeichnen/Scharfzeichnen

• Bilder weichzeichnen → Filter weichzeichnen/stark weichzeichnen → Gauß‘scher Weichzeichner• Bilder scharfzeichnen → Filter scharfzeichnen → Bildkonturen scharfzeichen – Filter Konturen

scharfzeichnen → Bilder scharf zeichnen – Menüpunkt „Unscharf

maskieren“• Bilder interaktiv weich-/scharfzeichen mit

Werkzeugen

Arbeitsbereich Auswahl

Bildoptimierung I Farben Bildoptimierung IIWeichzeichenScharfzeichnen

Editieren

49

Bilder mit Filtern retuschieren• Filter - Staub und Kratzer

→ Fehler können in beschränktem Maße reduziert werden

• Filter - Störungen entfernen

→ leichte Schäden werden durch weichzeichnen

entfernt

→ Störungen entfernt, Details bleiben erhalten

Arbeitsbereich Auswahl

Bildoptimierung I Farben Bildoptimierung IIFilter Editiere

n

50

Schadhafte Bildbereiche interaktiv

• Reparatur Pinsel • Bereichsreparatur Pinsel

→ automatischer Aufnahmepunkt• Bei Beiden:

→ Pixel des Quellbereichs wird auf Zielbereich übertragen

→ Schattierung, Tonwerte, Strukturen bleiben erhalten

→ Pixel werden vermischt

Arbeitsbereich Auswahl

Bildoptimierung I Farben Bildoptimierung IIWerkzeugeEditiere

n

51

Schadhafte Bildbereiche interaktiv

• Kopierstempel Werkzeug• Musterstempel Werkzeug → tatsächlichen Pixel von Quelle zum Ziel übertragen → Schattierung, Tonwerte, Strukturen bleiben nicht

erhalten• Ausbessern Werkzeug → Alternative Reparatur Pinsel → Quelle und Ziel durch Zeichnen einer Kontur isoliert• Farbe – ersetzen Werkzeug

Arbeitsbereich Auswahl

Bildoptimierung I Farben Bildoptimierung II WerkzeugeEditiere

n

52

Rote Augen retuschieren

• Rote-Augen-Werkzeug

→ nie original

Alternative: Pinsel Werkzeug

→ Farbe mit Farbpalette oder Original-Augenfarbe festlegen

Arbeitsbereich Auswahl

Bildoptimierung I Farben Bildoptimierung IIRote – Augen entfernen

Editieren

53

Auf den Geschmack gekommen?

Vollversion ab 1042,82 €Für Studenten ab 149,64 €

54

Quellen

• Fuchslocher, Philipp (2005): Grundlagenschulung für Photoshop. 2. Auflage. Trier. www.photozauber.de

• Hillmer, Claudia (2004): Adobe Photoshop CS. Remscheid: SmarktBooks Publishing AG.

• Kriesinger, Petra (2003): Photoshop 7 Espresso. Kirchheim: Oldenbourg Taschenbuch GmbH.

• Kommer, Isolde: Mersin, Tilly (2005): Photoshop CS2. München: Markt+Technik Verlag.

• Lewandowsky, Pina (2003): Photoshop 7, Lösungen für Anwender. Reinbek: Rowohlt Taschenbuch Verlag GmbH

• Mühlke, Sibylle (2005):Adobe Photoshop CS2 Praxisbuch Berlin: Galileo Design.

• Noack, Wilhelm (2004): Photoshop CS, Grundlagen der Bildbearbeitung. 1. Auflage. Hannover: RRZN/ Universität Hannover

• Sonnleitner, Stephan (2000): 2D-Imaging Bildbearbeitung Adobe Photoshop. Graz: 55

Links

www.galileodesign.de

www.photoshoptutorials.de

www.screenz.de

www.photozauber.de

56