Adobe Photoshop
Im Rahmen der Personalweiterbildung der TU Braunschweig findet am 26. und 27.03.2014 ein Seminar zur "Grafik- und Bidlbearbeitung mit Photoshop" statt.
Ziele: Kenntnisse der professionellen Bildbearbeitung erlangen. Inhalte: Am Beispiel der professionellen Bildbearbeitung „Photoshop“ werden Sie in die Geheimnisse der Bildbearbeitung und Bildgestaltung mit „elektronischen Fotolaboren“ eingeführt. Sie erfahren etwas über die Technik von Ebenen und Filtern und die Unterschiede der Grafikverarbeitung bei Einsätzen im Druck oder im Web.
Ort: TU Braunschweig, Gauß-IT-Zentrum
Zeiten: Mi, 26.03.14 und Do, 27.03.14; jeweils 09.00 - 16.00 Uhr
Ich werde unser Seminar an dieser Stelle mit einem Artikel begleiten...
Ihr Trainer J. Brandes
Mittwoch, 26.03.2012, 09.00 - 16.00 Uhr
- Orientierungsphase, TN-Themen, Zeiten
- Hinweis auf Hand-Out (Teilnehmerunterlage - Ausdruck)
Anhang dort: unsere Tastenkombinationen! - Photoshop Versionen und Buchresourcen
Seminar mit Version CS4 Extended
Aktuelle Versionen: CS6 ist Version 13 - danach Umstellung von CS (Creative Suites) auf CC (Creative Cloud - ein Software-Miet-System)
Einführung der CS (Creative Suite) nach Version 7; Extended Versionen mit zusätzlichen Fähigkeiten bei 3D, Video, Statistik und Medizin-technischen Zusatzfunktionen; Versionen für Schüler/Studenten/Firmen;
aktuelle Buch-Titel zu CS6: Beispiele bei Galileo Design (Thema Photoshop) und Pearson (Neumeyer, der Autor des Klassikers "Photoshop Kompendium" und des neuen "Handbuch für Bildbearbeiter")
Anm.: Dozent liefert kurzes Hand-Out zu Thema Photoshop und den technischen Details (Farben, Auflösung, dpi/ppi/lpi, Tastenkombinationen,...) - Arbeitsbereiche
Paletten (umstellen, konfigurieren), Toolbox (Werkzeugkasten) mit Eigenschaftenleiste
Arbeitsbereiche erstellen und wiederherstellen, Erscheinungsbild der Programmoberfläche einstellbar
Voreinstellungen mit Strg + K - Tastenkombinationen (Teil 1 - siehe hierzu auch letzte Seite im Hand-Out Dozent)
Z - Zoomwerkzeug
Leertaste - mit Halten hat man temporär das Handwerkzeug (Bildausschnitt verschieben)
Strg + / - (Rein- / Rauszoomen)
Strg + 0 - Bild maximieren im Arbeitsbereich
Umschalten + F5 - Fläche füllen...
M - Maskierungswerkzeug (Rechteck- und Elipsenwerk mit Umschalten - M durchschalten)
Strg + D - Maske deaktivieren
L - Lassowerkzeuge (manuell Polygon-Lasso ausgewählt - gerade Linie mit Umschalten-Taste)
V - Verschieben
Strg + T - Transformieren
Strg + J - Ebene kopieren
W - Zauberstäbe
Umschalten-Taste erzeugt Symmetrien (Rechteckmaske wird zu Quadrat, Polygon-Lasso zieht gerade Linien) - Ebenen Palette
Ebene kopieren Strg + J, Ebenen benennen, neue transparente Ebene einfügen,
Ebenen ein-/ausblenden (Auge vor Ebene); Deckkraft und Fläche einstellbar (in %), Ebenentyp (Normal und Andere)
Gruppe für mehrere Ebenen, Gruppen/Ebenen einfärben, Reihenfolge von Ebenen manipuliert
Tipp 1: Alt-Taste und Klick auf "Auge" blendet alle anderen Ebenen aus/ein
Tipp 2: Strg und Klick in Ebenenminiaturbild maskiert Pixel der Ebene - Protokoll Palette
Schnappschüsse verwalten und Rückgängig-Funktionalität von Photoshop
in Protokollpalette Bearbeitungsstatus für die Sitzung mit Dokument bereitstellen
Anm.: Verläufe in Protokoll und die Schnappschüsse nur während Bearbeitung nutzbar - Transformieren
Ebene mit einer detaillierten "Pixelmasse" (oder ggf. vorher maskieren) dann Strg + T drücken
proportionale Veränderungen mit gehaltener Umschalten-Taste! (wichtig bei Fotomaterial)
Eigenschaftenleiste zum Transformieren beachten
Achtung: bei extremen Transformationen (Verkleinerung -> Vergrößerung) hat man Qualitätsverluste!
Lösungen: entweder Ebenenkopien mit Original vorhalten oder natürlich
Smart-Objekte (eingeführt mit CS2 - Ebene mittels Rechte Maus in Smart-Objekt konvertieren)
Hintergrund-Info: hier haben wir es mit Pixelorientierter Bilddarstellung zu tun im Gegensatz zu Vektororientierter Bildverarbeitung (siehe Adobe Illustrator, Corel Draw); wobei natürlich unser Photoshop diese Vektorobjekte auch verarbeiten kann! - PSD (Dokumentformat von Photoshop)
optimaler Dokumentspeicher für die Dateien in Bearbeitung
enthält alle Ebenen und Informationen, SmartObjekte dann intern als PSB-Dokumente gespeichert
Anm.: Dateierweiterung bei Windows mittels Windows Explorer (Win + E) mittels Organisieren - Ordner- und Suchoptionen - Register Ansicht - Dateierweiterungen nicht mehr ausblenden lassen (bei WinXP mittels Menü Extras - Ordneroptionen) - Ebenenmasken
Auswahl von Pixeln der Ebene über Ebenenmaske nicht invasiv ein-/aus-/überblenden
Weiß in Maske: Pixel voll sichtbar (siehe neue "leere" Maske) bis Schwarz: Pixel unsichtbar - mit allen möglichen Abstufungen / Transparenzen über Grauwerte (z.B. 50% "sichtbar")
Bearbeitung der Maske (statt des Ebenen-Bildes) durch Pinsel (Schwarz / Weiß)
Umschalten + Klick Maske: aktivieren/deaktivieren Maske
Alt + Klick Maske: zeigt die Maske in Arbeitsbühne an - Pinsel (Brush - B)
Größen und Härten ausgetestet, Pinselformen und -Spitzen, Pinsel arbeitet mit Vordergrundfarbe
Anm.: Werkzeug arbeitet bei aktiver Maske "nur" in der Maske, damit kann man die Malbereiche also begrenzen - Bildkorrekturen
Rote Augen - Werkzeug (J)
Kopier-Stempel (S) - Grobes Ausbesserungstool (klass. Werkzeug)
Bereichsreparatur-Pinsel (J) - seit CS5 mit inhaltssensitiver Technik; Hautunreinheiten, Falten
Neues Dokument
Gruppe
Pixel
Smart-Object
Textwerkzeug (T)
Grafikdateiformatev
Donnerstag, 27.03.2014, 09.00 - 16.00 Uhr
- Rekapitulationen, TN-Fragen
Anm.: Monitore finden mittels Webseite prad (Monitore prof. beleuchtet) - Verlaufswerkzeug (G)
Verlaufstypen (linear, radial, Winkel, reflektiert, Raute) und Verlaufsstile aus der Eigenschaftenleiste
Symmetrie durch Halten der Umschalten-Taste, eigene Verläufe konfigurierbar, neue Verläufe laden / anfügen
Praktischer Einsatz bei Verlaufsmaske (s.o. Ebenenmaske); per Klick auf Verlauf lassen sich diese anpasen oder auch neue Verläufe anlegen - Textwerkzeug (T)
Texte erstellt - es entstehen neue Textebenen, Anpassen mittels Transformieren (Strg + T), Bearbeitung Text durch Doppelklick auf Ebenensymbol T(ext)
Anm.: technische stellen die Texte/Fonts in Photoshop Vektortechnik dar - sie lassen sich also verlustfrei vergrößern/verkleinern; aber: letztendlich werden die Schriften dann im Pixel/Punktraster eingebettet, Anregung: mit "aa" (Anti-Aliasing - Kantenglättung) in Eigenschaftenleiste testen
Ebenenstil hinzugefügt für "Effekte" (Schaltfläche fx in Palette Ebene) - Schnittmaske
stellt technische "Verbindung" von Ebenen dar; Umsetzung mittels rechter Maustaste auf oberer Ebene oder aber mittels Klick zwischen Ebenen bei gehaltener Alt-Taste
Übung: Verlaufsebene mittels Schnittmaske in Text-Ebene "füllen" - Maskierungspraxis mit Zauberstab (W) und Lasso (L)
Erläuterungen zu Zauberstab (W): Toleranz, Benachbarte Pixel; Kombination mit Lasso (L)
Allgemeine Maskierungstechnik: Maskenwerkzeuge addieren mit gehaltener Umschalten-Taste (Maske wird ergänzt) und subtrahieren mit Alt-Taste (Maskenbereich wird entfernt), Nachtrag: mit beiden Tasten (Umschalten + Alt) kann eine Schnittmaske erstellt werden
Wichtig: in geeignetem Zoom arbeiten, mit Leertaste (temporäre Hand-Auswahl) weitertasten im/am Bild; und natürlich immer Kante verbessern versuchen
Ebenenmaske erstellen: Maskierungsmodus (Q) zeigt ausgewählte Pixel (bzw. nicht ausgewählte in Rot, siehe altes Dunkelkammerlicht); für gewünschte Ausblendung der Auswahlmaske erst Maske invertieren (Umschalten + Strg + I) oder Maskenerstellung bei gehaltener Alt-Taste aktivieren - Bilder in Ebenen kopieren
entweder über die Zwischenablage mittels Strg + A, Strg + C und dann in Ziel-PSD mit Strg + V; oder aber per Mausaktion mit Verschieben-Werkzeug (V), wozu die Photoshop-Dokumente per Fenster-Management nebeneinander angezeigt werden sollten - nicht invasive / nicht "Pixel-verändernde" Techniken:
Ebenen kopieren; Smart Objekt Ebenen; Einstellungsebenen (siehe Gradationskurven) statt der direkten Bearbeitung (Bild - Korrekturen); Vektorformen nutzen (siehe Abteilung in Toolbox mit Textwerkzeug) - Grafikdateiformate (Einführung - Teil 1)
Übersicht über bmp, jpg, gif, tif, png; Übersicht auf Wikipedia - Grafikformate
Pixel (Breite * Höhe - die tatsächlichen Grafikdaten für Photoshops Berechnungen),
Auflösungen (dpi, ppi, lpi - Rechenbeispiele in Doku),
Farbräume (RGB, CMYK, Lab),
Kanäle (Bits / Kanal, 8 bpc, im "Profibereich" gerne auch 16 bpc; bpc - Bits per Channel), ...
Ausführlichere Dokumentation und Rechenbeispiele in BU-Dokument mit den Shortcuts (Tastenkombinationen)
hier die Kurzfassung:
Drucken hätte gern CMYK mit 300 dpi und Web/Monitordarstellung RGB mit lediglich 96 dpi - Für Web und Geräte speichern...
Dialog für Optimierung von Bildern für das Web (Dimension in Pixel / Auflösung 96 ppi)
Webbilder - Größenbereiche: Vollformate ca. 600 - 800px Breite mit max. 100 kB - Bilder verzerren und verkrümmen
Übung: Bild in Oberfläche eines Röhrenmonitors einbetten
Trick: mehrere Dateien in einem Arbeitsschritt laden; Menü Datei - Skripten - Dateien in Stapel laden ... - Histogramm
Analyse der Grauverteilung für Punkte von 0 ... 255 (Tiefen ... Lichter also "Dunkel" ... "Hell")
Erläuterung der Palette Histogramm (siehe Menü Fenster), Cachestufen (siehe Voreinstellungen Photoshop)
Online-Hilfe Photoshop CS5 zum Histogramm (Link) - Gradationskurve
Übung: Blaustich aus Bild rechnen, Nutzung über Einstellungsebene (Palette Korrekturen)
Laden und Speichern eigener Korrekturen als *.acv Dateien
Gegenüberstellung von Tonwertkorrektur und Gradationskurven (Link) - Feedbackbögen, TN-Bescheinigungen, letzte TN-Fragen
Verlaufswerkzeug (G)
Ebeneneffekte (fx)
Gradationskurve
Auswahl Farbbereich
Für Web und Geräte
Verformen
Vielen Dank für Ihre freundlichen Feedbackbögen und Ihr Interesse an weiterführenden Seminaren zum Thema.
Ihr Trainer Joe Brandes