Einsteiger-Photoshop-Workshop:

Einsteiger-Photoshop-Workshop: 1. Generelles zu Photoshop... ab S.01 2. Kurze Übersicht über verschiedene Dateiformate... ab S.02 3. Grundlegende Bedienelemente (Arbeitsfläche)... ab S.03 4. Werkzeugleiste... ab S.04 5. Ebenen... ab S.08 6. Filter... ab S.11 7. Sonstiges... ab S.11 8. Weiterführende Links... ab S.12 9. Weiterführende Themen... ab S.12 1

1. Generelles zu Photoshop Entwickler: Adobe Systems Aktuelle Version: CS3 (10.1) Preis (Stand: Juni 2007): ca. 1600 uro Im Bereich der professionellen Bildbearbeitung ist das Programm Marktführer. 2. Kurze Übersicht über verschiedene Dateiformate GIF: Graphics Interchange Format Im Web weit verbreitet Vorteil: GIF unterstützt auch einfache Animationen ( Animiertes GIF ) Nachteil: Nur 256 Farben, deshalb für Farbfotos schlecht geeignet JPEG: Joint Photographic Experts Group Definiert verschiedene Untertypen, von denen nur wenige genutzt werden Weitverbreitet für fotoähnliche Bilder Meistens werden verlustbehaftete Untertypen verwendet Kleine Dateigrößen möglich Diese sind ungeeignet für Text und harte Farbübergänge PNG: Portable Network Graphics Im Web weit verbreitet, aber in unterschiedlichem Maße von Anwendungen unterstützt Leistungsfähige Alternative für Einzelbilder zu GIF, unterstützt auch transparenz Ohne Animationsmöglichkeit Das allgemein empfohlene Format für verlustfreie Komprimierung von Bildern PSD: Photoshop Document Das von Adobe Photoshop verwendete Format Speichert alle verwendeten Bilddaten, Informationen über Ebenen, Kanäle, Vektoren, etc. verlustfrei Dementsprechend relativ große Dateien 2

3. Grundlegende Bedienelemente (Arbeitsfläche) Menü Optionenleiste Werkzeugleiste Arbeits-/Bildfläche Paletten Um den Arbeitsbereich seinen persönlichen Wünschen anzupassen kann man über den Menüpunkt Fenster Paletten ein- oder ausblenden. 3

4. Werkzeugleiste Die Werkzeugpalette befindet sich standardmäßig am linken Rand. Die Werkzeuge, die einen kleinen schwarzen Pfeil (rechts unten) haben lassen sich durch längeres Anklicken oder durch die rechte Maustaste öffnen. In dem "Flyout-Menü" lassen sich andere ähnliche Werkzeuge auswählen. Lässt man den Mauszeiger über einem Werkzeugsymbol ohne zu drücken, wird der Name des Werkzeugs angezeigt. (Shortcut-Taste des jeweiligen Werkzeugs steht im Flyout-Menü rechts neben dem Namen des Werkzeugs) Eine kleine Auswahl im Detail: Verschieben-Werkzeug (Taste V) Mit diesem Werkzeug lassen sich zuvor erstellte Ebenen verschieben. Hat man einen Bereich mit einer Auswahl versehen, lässt sich dieser Bereich des Bildes verschieben, zurück bleibt die eingestellte Hintergrundfarbe, oder wenn es sich um den Bereich einer Ebene handelt, bleibt ein Loch zurück. Durch Drücken der Alt-Taste während man verschiebt, wird eine Kopie des Bereiches verschoben. Auswahl-Werkzeuge (Taste M) Wenn man die Shift-Taste gedrückt hält, dann wird eine bereits bestehende Auswahl um die neue Form erweitert. Wenn man die Alt-Taste gedrückt hält, dann wird die neue Form von einer bereits bestehenden Auswahl abgezogen. Dieselben Einstellungen lassen sich in der Optionspalette ebenso einstellen: Auswahl verschieben / aufheben Hat man die erste Option (neue Auswahl) gewählt und klickt nachträglich mit dem noch aktiven Auswahlwerkzeug in die Auswahl und hält die Maustaste gedrückt, kann man die Auswahl verschieben. Sobald man den Mauszeiger in die Auswahl schiebt, wird er zu einem kleinen Pfeil mit Rechteck und man hat dann auch die Möglichkeit die Pfeiltasten für pixelgenaues Verschieben zu benutzen. Klickt man einmal kurz mit einem Auswahlwerkzeug innerhalb oder außerhalb der Auswahl ist diese aufgehoben (nicht bei Lasso und Zauberstab). Andere Möglichkeit: Strg + D oder Menübefehl: Auswahl Auswahl aufheben Eine Auswahl kann man zum Beispiel mit dem Füllwerkzeug füllen oder mit Rechtsklick frei transformieren, d.h. verzerren, verdrehen etc. Diese Option und weitere findet man mit Rechtsklick im Kontextmenü. 4

Freistellungswerkzeug (Taste C) Das Bild wird auf die Größe des aufgezogenen Rahmens zurechtgeschnitten, Abschließen mit Doppelklick. Zieht man einen größeren Rahmen als das Bild auf, so wird ein Rand hinzugefügt. Wenn man den Mauszeiger etwas außerhalb eines Eckpunkts positioniert, erscheint der Cursor als 2 abgewinkelte Pfeile. Nun kann man die Fläche mit gedrückter Maustaste drehen. In der Mitte der Fläche ist ein kleiner Punkt. Das ist der Drehpunkt, den man auch verschieben kann. Hält man beim Drehen die Shift-Taste gedrückt, dreht man die Fläche in Winkelschritten von 15 Grad. Nach Abschluss der Aktion wird das Bild gedreht. Malen Werkzeuge (Pinsel-, Buntstift-Werkzeug): (Taste B) Das Malen mit gedrückter Shift-Taste erzeugt einen waagerechten oder senkrechten Strich. Hält man die Shift- Taste gedrückt und klickt einzelne Punkte im Bild an, so werden diese Punkte mit einer geraden Linie verbunden. Durch Betätigen der Alt-Taste, wird kurzzeitig, das Pipettenwerkzeug aktiviert, sodass man durch Anklicken einer Farbe im Bild die Vordergrundfarbe und somit die Malfarbe festlegen kann. Das ist besonders dann sehr praktisch, wenn man Retuschearbeiten am Bild ausführt. Das Pinselwerkzeug malt mit einer weichen Kante. Die Einstellungen befinden sich in der Optionspalette und Werkzeugspitzenpalette. Das Buntstiftwerkzeug erzeugt hartkantige frei gezeichnete Linien. Anklicken einzelner Punkte im Bild und gleichzeitiges Drücken der Shift-Taste verbindet diese Punkte mit einer Linie. Radiergummi (Taste E) Hiermit werden die Pixel über die man fährt verändert. Ist in der Ebenenpalette die Option transparente Pixel fixieren ( ) aktiviert, wird die Hintergrundfarbe aufgetragen, anstatt bis zur Transparenz durchradiert. Verlaufs-/Füllwerkzeug (Taste G) Hiermit kann man eine Fläche mit weichen Farbübergängen füllen. Die einfachste Möglichkeit ist der Verlauf von der Vordergrund- zur Hintergrundfarbe. Durch Anklicken der Bildfläche und ziehen mit gedrückter Maustaste wird der Verlauf aufgetragen. (Shift-Taste erzeugt beim "Linearen Verlaufswerkzeug" einen waagerechten, senkrechten oder diagonalen Verlauf). TIPP: will man eine gesamte Fläche oder Auswahl mit einer Farbe füllen, sind folgende Tastenkombinationen der schnellste Weg: Vordergrundfarbe: Alt + Entf Hintergrundfarbe: Shift + Entf 5

Rechteck-, Abgerundetes-Rechteck-, Ellipse-, Polygon-, Linienzeichner-, Eigene-Form- Werkzeug (Taste U) Mit diesen Werkzeugen lässt sich eine Fülle von eigenen Formen erstellen. Die einfachste Art diese Formen zu benutzen ist folgende: Erstelle dir eine neue leere Ebene in der Ebenenpalette. Aktiviere in der Optionenpalette der Formenwerkzeuge das dritte Symbol "Pixel füllen", wähle die gewünschte Form und klicke auf den kleinen schwarzen Pfeil "Geometrie Optionen" in der Optionenpalette um weitere Einstellungen vorzunehmen. Ziehe mit gedrückter Maustaste die Form auf. Die Linien lassen sich mit Pfeilenden versehen, ein Polygon kann auch als Stern eingestellt werden. Mit dem "Eigene-Form Werkzeug" lassen sich weitere Bibliotheken laden (wie immer über den Pfeil rechts oben). Drücken der Shift-Taste schränkt die Bewegung ein bzw. erzeugt gleichmäßige Proportionen. Textwerkzeug (Taste T) Es gibt 4 verschiedene Arten von Textwerkzeugen, die gebräuchlichste ist wohl der horizontale Text. Ferner gibt es noch den vertikalen Text und beides noch einmal als Auswahl, wobei anstatt gefüllter Buchstaben, der Text als Auswahl erscheint. Ansonsten ist die Vorgehensweise bei allen 4 Textwerkzeugen gleich. Pipette (Taste I) Die einfachste Lösung eine bestimmte Farbe aus einem geöffneten Bild auszuwählen ist über das Pipettenwerkzeug. In der Optionspalette hat man die Möglichkeit einen Zwischenwert aus 3 oder 101 der umliegenden Pixel zu wählen, das geht auch über die rechte Maustaste. Außerdem kann man mit der rechten Maustaste, die angeklickte Farbe als HTML (also hexadezimal) in die Zwischenablage kopieren. 6

Handwerkzeug (Taste H) Mit gedrückter Maustaste kann man das Bild verschieben, allerdings nur, wenn die Bildansicht so stark vergrößert ist, dass nicht das gesamte Bild angezeigt wird. TIPPs: 1. durch Doppelklicken auf die Hand in der Werkzeugpalette, wird das Bild formatfüllend vergrößert oder verkleinert. 2. Während man ein anderes Werkzeug ausgewählt hat, kann man die Hand durch gedrückte Leertaste kurzfristig aufrufen. Dies ist sehr praktisch wenn man in einer vergrößerten Ansicht eine Auswahl erstellt oder Details retuschiert. Vordergrund-/Hintergrundfarbe einstellen Unten in der Werkzeugpalette befindet sich das Symbol, für die beiden Farben. Durch die Tastenkombination Strg + Entf wird das Bild mit der Hintergrundfarbe gefüllt, durch Alt + Entf füllt man es mit der Vordergrundfarbe. Durch Anklicken der beiden Pfeile oben rechts, werden die beiden Farben vertauscht. Durch Anklicken des schwarz weißen Symbols unten links, werden sie zu schwarz und weiß (oder Taste D). Durch Anklicken der Farbfläche kann man eine andere Farbe wählen. Es öffnet sich das Farbwahl Menü (oder durch die Palette rechts Farbe/Farbfelder ) 7

5. Ebenen Eine sehr wichtige Funktion in Photoshop haben Ebenen. Sie erlauben verschiedene Bildinhalte von einander abzugrenzen und separat voneinander zu bearbeiten. Man kann sich das so vorstellen als ob man viele Folien hat die man einzeln bemalt und am Ende alle übereinander legt. Die Ebenen-Palette findet man standardgemäß rechts unten. Wichtig! Sobald eine Ebene erstellt wurde, finden alle Veränderungen, wie beispielsweise Filter, Effekte, Farbänderungen, Helligkeit etc. nur auf der Ebene, die zuvor ausgewählt wurde, statt. Überblick der Palette: Füllmethode für Ebene einstellen verschiedene Optionen die Ebene zu fixieren Ebene ein-/ausblenden Optionen für die Deckkraft ausgewählte Ebene Vorschaubild Name der Ebene Ebenen verbinden Ebenenstil hinzufügen Ebenenmaske hinzufügen Ebene löschen neue Ebene erstellen neue Gruppe erstellen neue Füll- oder Einstellungsebene erstellen Ebenen skalieren, drehen, verzerren Zuerst wählt man die zu bearbeitende Ebene in der Ebenenpalette aus und dann das Bewegen-Werkzeug (V) in der Werkzeugpalette. Nun aktiviert man die Option "Transformationssteuerung" in der Optionsleiste des Werkzeugs. Um die Ebene erscheinen nun Anfasserpunkte. Klickt man nun auf einen der Anfasserpunkte an der Ecke kann man die Ebene mit gedrückter Maustaste verzerren, verkleinern, vergrößern Der Vorgang wird abgeschlossen durch Anklicken, des Hakens oben rechts oder durch auswählen eines anderen Werkzeugs. Besonders wichtig ist beim drehen oder verzerren die Option Seitenverhältnis erhalten. Die alternative Möglichkeit wäre die schon bekannte gedrückte Shift-Taste für Proportionen. Hat man das dritte Symbol neben "Fixieren" oben in der Ebenenpalette aktiviert, ist die Ebene nicht verschiebbar. Ebene drehen Wenn man eine Ebene drehen will funktioniert dies ebenso wie bei dem Freistellungs- Werkzeug siehe oben. 8

Ebenen-Gruppierungen Alle Ebenen, die gruppiert werden sollen, wählt man mit gedrückter Strg-Taste aus. Anschließend klickt man unten in der Ebenenpalette das Kettensymbol Ebenen verbinden an. Durch erneutes Anklicken des Kettensymbols, kann man die Gruppierung wieder lösen. Verbundene Ebenen kann man auch gleichzeitig vergrößern, drehen oder verzerren und aneinander ausrichten. Eine andere Möglichkeit Ebenen zu gruppieren ist, diese in Ordner zu ziehen. Will man z.b. ähnliche Ebenen gruppieren, so kann man indem man auf das Gruppen- Symbol klickt eine Gruppe erstellen und die betreffenden Ebenen hineinziehen. Hat man Ebenen innerhalb eines Ordners (Ebenen-Gruppe), so lassen sich diese zusammen auch ohne Verkettung verschieben, sofern man in der Ebenenpalette die Ordnerebene ausgewählt hat. Reihenfolge der Ebenen verändern Um die Reihenfolge der Ebenen zu verändern wählt man die gewünschte Ebene aus und zieht diese mit gedrückter Maustaste nach oben oder unten. Kontextmenü Mit Rechts-Klick auf eine Ebene erscheinen im Kontextmenü weitere Einstellmöglichkeiten, wie Ebene löschen (oder Papierkorb-Symbol), duplizieren (oder Ebene auf das Neue-Ebene- Symbol ziehen), rastern (z.b. Textelemente), reduzieren Textebene in normale Ebene umwandeln Um eine Textebene in eine normale umzuwandeln klickt man im Kontextmenü (Rechts-Klick auf die Ebene) auf Text rastern. Eine erstellte Textebene ist ein Sonderfall einer normalen Ebene, nicht alle Funktionen (wie beispielsweise Filtereffekte) lassen sich auf eine Textebene anwenden. Dazu muss man sie zuvor in eine normale Ebene umwandeln. Hintergrundebene in normale Ebene umwandeln Öffnet man ein Bild hat dieses immer eine Hintergrundebene, die sich nicht verschieben lässt. Um sie in eine normale Ebene umzuwandeln, klickt man sie in der Ebenenpalette doppelt an und bestätigt das erscheinende Menü mit OK. Füllmethode oder Ebenenmodus Füllmethoden gibt es bei Ebenen, Malwerkzeugen, Musterfüllungen, Farbverläufen etc. Füllmethoden gibt es immer dann wenn 2 Farben oder Bilder übereinandergelegt werden. Beispielsweise wenn man 2 Bilder (Ebenen) übereinanderlegt, hat man Pixel für Pixel jeweils 2 Farben die übereinanderliegen. Das gleiche gilt für eine Pinselfarbe und dem darunterliegenden Bild, oder einer Farbverlaufs- oder Musterfüllung und dem Bild darunter. Zwischen diesen beiden Pixelfarben kann man Berechnungen und Vergleiche anstellen, um daraus die neue Farbe zu erzeugen. Wie die Resultate der verschiedenen Methoden aussehen, kann man gut durch Ausprobieren erforschen. 9

Ebenenstil / Ebeneneffekt / Fülloptionen Es gibt eine Reihe von Ebeneneffekten, mit denen man jeder Ebene, egal ob Schrift oder normale Ebene, einen Schatten, ein Leuchten, einen inneren Schatten, einen Reliefeffekt, einen Farbverlauf, eine Kontur etc. zuweisen kann. Um dorthin zu gelangen muss man in der Ebenenpalette mit rechter Maustaste auf die Ebene klicken und dann Fülloptionen auswählen, oder Ebenenstil-hinzufügen-Symbol (siehe Beschriftungen) anklicken. In dem sich öffnenden Menü (Ebenenstil-Fenster) kann man die Effekte aktivieren, indem man sie mit einem Haken versieht. Um die Einstellungen des jeweiligen Effektes vorzunehmen klickt man direkt auf den Namen des Effektes. Bildkorrekturen 1. über Menüleiste Bild Anpassungen wird allerdings sofort für das Bild übernommen 1 2. über Ebenenpalette neue Füll- oder Einstellungsebene erstellen (siehe Beschriftung) kann man ein- und ausblenden, funktioniert wie eine Ebene Bei den Bildkorrekturen muss man einfach experimentieren. Das meiste erklärt sich von selbst. 10

6. Filter Filter können die unterschiedlichsten Effekte erzeugen. Viele Effekte versteht man am Besten durch Ausprobieren, anstatt langem erklären. Übersicht von Filtereffekten mit Bild: Link: http://www.tompage.de/themen/phsp/intro-phsp1.htm 7. Sonstiges Tastenkombinationen: Bearbeiten Tastaturbefehle Weboptimiertes Speichern: Datei Für Web und Geräte speichern Lineale einblenden: Rückgängig: Strg + R oder über das Ansichtmenü ( Lineale) Zurück zur letzten Version: STR + Z Arbeitsschritte rückgängig machen: STR + ALT + Z oder verwalten mit der Protokollpalette Photoshop verbraucht sehr viel Arbeitsspeicher, das liegt hauptsächlich da dran, dass Photoshop alle Aktionen protokolliert. Speichert und schließt ihr das Programm und öffnet es dann wieder, so ist die History gelöscht und ihr könnt nichts mehr rückgängig machen. Um einen Rand dem Bild hinzuzufügen kann man einfach die Arbeitsfläche vergrößern (Menü Bild). Um einen Rand abzuschneiden kann man einfach das Freistellungswerkzeug oder Arbeitsfläche verkleinern benutzen. 11

8. Weiterführende Links http://www.photozauber.de/ (super Seite, Profi Tipps, sehr benutzer- und einsteigerfreundlich) http://www.tutorialstar.de/tutorials_photoshop.php (Einige tolle Tutorials) http://www.pixelplow.de/html/pixelplow/tutorials/top_tutorials.html (Tolle Photoshop Community Seite) http://photoshoptutorials.de/ps_index.php (Tolle Seite, tolle Tipps, gut geordnet) http://www.on-design.de/tutor/photoshop/anleitungen.htm (einige wenige gute Tutorials) http://www.traum-projekt.com/traum-quelle/photoshop/ (Tutorial Homepage zu sehr vielen Themen) http://www.forwebmaster.de/webdesign/tutorials/index.html (Private Homepage mit einigen guten Tutorials) http://www.aqa-d.se/2007/fwf.html (Englisch! Private Seite mit vielen Tutorials) http://www.idigitalemotion.com/tutorials/beginners.html (Englisch! Auch super Fundgrube) http://fxzone.eyeball-design.com/tutorial.htm (Englisch! Schwerpunkt Interfaces) http://www.laydesign.net/photoshop.php (Richtung Webdesign) http://www.psd-tutorials.de/ (Grafik Community, sehr umfangreich, Download nach Punkte System, viele Tipps und Downloads auch zu anderen Themen) 9. Weiterführende Themen Pfade Aktionen (Makros) einfach experimentieren 12