08.12.2006 Grafik Design für Bildschirmmedien Naurath ... · Eine Präsentation von Leonie von...

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

Adobe Photoshop CS2

08.12.2006Grafik Design für BildschirmmedienNaurath

1

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


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



8

4. Reparaturwerkzeuge

• Reparaturpinsel

• Ausbessern Werkzeug

• Farbe ersetzen Werkzeug

• Kopierstempel

• Musterstempel

→ Fehler (Staub, Kratzer, Falten) werden verbessert



9

5. Farbwerkzeuge

• Pipette

• Farbaufnahme Werkzeug

• Messwerkzeug

• Pinsel

• Buntstift

• Verlaufswerkzeug

• Füllwerkzeug



10

6. Protokollwerkzeuge

• Protokollpinsel

• Kunstprotokollpinsel

7. Löschwerkzeuge

• Radiergummi

• Hintergrundradiergummi

• Magischer Radiergummi



11

8. Optimierwerkzeug

• Weichzeichner

• Scharfzeichner

• Wischfinger

• Abwedler

• Nachbelichter

• Schwamm



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



13

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

11. Notizen Werkzeuge• Schrift und Sprachnotizen

12. Hand- und Zoomwerkzeug• Hand• Lupe



14

13. Bearbeitungsmodi• Standardmodus

• Maskierungsmodus

14. Darstellungsmodi• Standardmodus

• Vollschirm mit Menüleiste

• Vollschirm ohne Menüleiste



15

Die Optionsleiste

• Ermöglicht individuelle Einstellungen der Werkzeuge

• Bietet für jedes Werkzeug andere Einstellungsoptionen

• Toleranz, Deckkraft, Werkzeugspitzen


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)


Bildoptimierung I Farben Bildoptimierung IIPaletten

18

Der Navigator

• Zoomstufe des Bildes verstellbar

• Ansichtsausschnitt des Bildes veränderbar



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



20

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

werden

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

• Eigens Werkzeuge


Bildoptimierung I Farben Bildoptimierung II

21

Auswahlwerkzeuge• Auswahlrechteck

• Auswahlellipse

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

• Einzelne Zeile/Spalte


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



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



24

Optionen

• Weiche Kanten

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



25

Mehrere Auswahlbereiche

Sind

- Addierbar

- Subtrahierbar

- Als Schnittmenge definierbar

Einstellung im Optionsfeld



26

Auswahl editieren/optimierena) Standards

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

b) Optimieren• Abrunden• Verkleinern• Ausweiten• Umranden

c) verschieben


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


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


Bildoptimierung IBildmodus


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


Bildoptimierung IBildgröße


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


Bildoptimierung IDuplizieren + Drehen


31

Bildformat beschneiden

• Möglichkeiten: → Menüpunkt - Freistellen

→ Menüpunkt – Zuschneiden

→ Freistellungswerkzeug

• Bildhintergründe herauslösen → Filter - Extrahieren


Bildoptimierung I Bilder beschneiden


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


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



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



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



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



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


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


Bildoptimierung I Farbenidentifizieren

Bildoptimierung II

39

Die Farbregler- Palette

• Vorder- und Hintergrundfarbe in verschiedenen Farbmodi definieren

• Webfarbenregler: Farbpalette

websichere Farben

• Balken websicher machen


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


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.


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


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


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)


Bildoptimierung I FarbenMit Farben malen

Bildoptimierung II

45

Der Radiergummi

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

• Optionen:

- Werkzeugspitze

- Deckkraft

- Fluss


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



Bildoptimierung II

47

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

transparente Bereiche umgewandelt

• ( Zauberstab)

• Optionen:

- Toleranz

- Aufeinander folgend

- Alle Ebenen aufnehmen



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


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


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


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


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


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

http://www.photozauber.de


Links

www.galileodesign.de

www.photoshoptutorials.de

www.screenz.de

www.photozauber.de

56

http://www.galileodesign.de

http://www.galileodesign.de

http://www.photoshoptutorials.de

http://www.photoshoptutorials.de

http://www.screenz.de

http://www.screenz.de



08.12.2006 Grafik Design für Bildschirmmedien Naurath ... · Eine Präsentation von Leonie von...

Documents

Transcript of 08.12.2006 Grafik Design für Bildschirmmedien Naurath ... · Eine Präsentation von Leonie von...