Eberhard Holder I Martin Peukert

DARSTELLUNG UND PRSENTATION

Arbeitstechniken und bungen CD-ROM

Photoshop Arbeitstechniken und bungen

Fr ein besseres Verstndnis der im Fachbuch behandelten Themen besteht die Mglichkeit, mit dieser Anleitung verschiedene Techniken mit dem Programm Photoshop selbst auszuprobieren. Falls Sie diese Software selbst nicht besitzen, verwenden Sie bitte die auf der CD-ROM befindliche Tryout-Version.

Die Themen sind jeweils folgendermaen strukturiert: eine Seite Arbeitstechnik, eine kurze Einfhrung in das Thema und die verwendete Technik

Info

eine Seite mit Aufgaben zum besseren Verstndnis, dabei ist oben rechts das im Ordner bungsdokumente enthaltene Dokument bezeichnet

ben

1 Farbfolien

Ebenen-Schichttechnik

Scan Ebene 1

Diese Skizze wurde eingescannt und in Photoshop geffnet. Fr eine deutliche und markante Grafik, die auch einem gewnschten Farb- und Flchenlayout angepasst werden soll, eignet sich folgende Technik sehr gut:

Arbeitsschritte: Erstellen einer zweiten Ebene Nachzeichnen der Skizze mit dem Polygonwerkzeug Flche mit Farbe fllen In die Scan-Ebene zurckgehen Die Scan-Ebene in den Modus Multiplizieren bringen und ber die FarbflchenEbene legen

Farbflche

Prinzipien: Mischung verschiedener Ebenen zu einer Darstellung Die Prinzipien dieser Technik sind einfach, fhren jedoch zu brauchbaren, ohne groem Aufwand herstellbaren Illustrationen. Hierfr knnen beliebig viele Ebenen in dem Dokument erstellt werden, somit lsst sich vielfltig experimentieren.

multiplizierte Ebene (Scan) auf Farbflche gelegt

1 bungsdokument:

01 Ebenen Schichttechnik.psd

A Betrachten Sie den Aufbau des Photoshop-Dokuments, die einzelnen Ebenen sowie deren Modi. Stellen Sie die passenden Ebenen im Sichtbarkeitsmodus zusammen und betrachten die Ergebnisse. B Versuchen Sie, dieses Beispiel selbst nachzuarbeiten, verwenden Sie dazu eine eigene Skizze.

Scan Ebene 1

Vordergrund Ebene 2

Hintergrund Ebene 3

Teilfllungen Ebene 4

Scan Inverse Ebene 5

2 Bildbereiche

Bildelemente gestalten

Die Darstellung dieser einfachen architektonischen Situation lebt nicht allein von der beinhalteten Geometrie. Schauen Sie sich im Vergleich mit dem groen Bild die abgebildeten kleineren Bildbereiche an. Es wird jeweils eine andere Information und Stimmung transportiert. Bildbereich-Eigenschaften: Gesamtbild, Vordergrund und Hintergrund sind hier wichtig.

Konzentration auf die Gesamtform des Objekts

links angeschnitten, Richtung gebend, Spannung erzeugend

oberer Ausschnitt, leicht dramatische Wirkung

mittiger Ausschnitt, sachliche Wirkung

2 bungsdokument:

02 Bildbereiche.psd

A Erkunden Sie die Mglichkeiten des Programms, Bildbereiche zu markieren, herauszukopieren. B Nutzen Sie die Bildebene mit dem Gesamtbild, um Bereiche herauszugreifen, kopieren Sie diese heraus. Erstellen Sie daraus eine Komposition, wie im Beispiel gezeigt wird. C Verwenden Sie eine eigene Vorlage, um diese Bereiche der Bildgestaltung zu erfahren.

bungsdokument

eigene Vorlage verwenden

eigenes Bilddokument

3 Ebenenschichtung

Ebenentechnik und Farbe

Das Arbeiten mit Ebenen erfordert ein bestimmtes Gespr fr die Gestaltung der unterschiedlichen Ebenen-Inhalte. Fr das nebenstehende Bild wurden vier Ebenen bentigt, aus dem Zusammenspiel von letzlich drei Ebenen entstand dieses Beispiel.

Eingesetzte Ebenen und Ihre Bedeutung:

Oben: Farbflche, multipliziert

Mitte: erstellter Schwellenwert, = Struktur, negativ multipliziert

Unten: Original (Rendering)

3 bungsdokument:

03 Ebenen und Farben.psd

A Erkunden Sie den Aufbau dieses Dokuments und realisieren Sie die Bedeutung jeder Ebene. B ndern Sie die Farbe der Farbebene, Kontrast und Helligkeiten der Schwellenwertebene sowie Farbparameter der unteren Originalebene.

bungsdokument: Prinzip

03 Architekturbeispiel.psd A Erkunden Sie den Aufbau dieses Dokuments und erkennen Sie die Bedeutung jeder Ebene. B Duplizieren Sie Ebenen und bauen diese in die Schichtung ein, ndern Sie Parameter wie Farbe, Helligkeit, Kontrast.

bungsdokument: Anwendung

4 Zeichnerisch und malerisch

Kombinationstechnik

Das Zeichnerische Linien sind die imaginren Grenzen aneinanderstoender Flchen. Linien durchdringen Rume und Formen. Aus der Vorstellung des Drahtmodells werden die Linien hinter den sichtbaren Kanten dargestellt. Zeichnen mit Linien ist eine abstrakte Form der Darstellung, ein Darstellen des Wesens in seiner Durchdringung. Im analytischen Skizzieren, bei Entwurfsskizzen drckt der Duktus des Strichs die Persnlichkeit des Zeichners beziehungsweise Entwerfers aus. In einer technischen Zeichnung stehen Funktion und Angaben zur Fertigung im Vordergrund.

Das Malerische: Das Malerische untersucht und visualisiert das Erscheinen und die Wirkung der Dinge. Flchen stoen aneinander und begrenzen sich gegenseitig. Die Begrenzungslinie ist nicht mehr sichtbar. Das Malerische bezieht zur Illustration Licht und Schatten, das Material und die Beschaffenheit der Oberflche mit in die Darstellung ein. Dadurch entsteht eine stark atmosphrische Dichte. In der tglichen Praxis werden das Malerische und Zeichnerische gemischt. Manche Darstellungen beziehen gerade aus dieser Spannung einen besonderen bildlichen Ausdruck.

4 bungsdokument:

04 Zeichnerisch + malerisch.psd

A Erkunden Sie den Aufbau dieses Dokumentes und prfen Sie die Bedeutung jeder Ebene. B Konfigurieren Sie die Ebenen im Dokument jeweils so, dass Sie die hier abgebildete Wirkung erzielen. C Erstellen Sie neue Ebenen und versuchen Sie, neue und sinnvolle Darstellungen zu erzeugen.

Graustufenbereich

Orange Konturen und Texturen

Blaubereiche Kontur und Flche

5 Mit Farben gezielt arbeiten

Farbverstndnis

Wenn Sie die Kapitel ber Farbe im Buch gelesen haben, schauen Sie sich diese Zusammenhnge zwischen dem Thema Farbsysteme und Farbkreise/ bereiche am Bildschirm an. Lassen Sie diese Seite auf sich wirken und vergleichen Sie sie mit Farbwhlern und vorgefertigten Computer-Farbwerkzeugen.

Aquarellfarben mit dem Scanner knnen Sie sich eigene, selbstgestaltete Farben in den Computer holen, im Beispiel sind es Aquarellfarben. Man kann deutlich erkennen, dass es innerhalb dieser Farbflchen eine Vielzahl von Zwischen-Farben gibt. Fr eine sinnvolle Farbgestaltung von Computerlayouts kann es hilfreich sein, diese aus der Aquarelltechnik kommenden Farben zu nutzen.

Computerfarben Hier sieht man gleichmige Farbflchen, mit der Pipette wurden die Farben aus dem oberen Scan herausgegriffen. Die Ziffern bezeichnen den jeweiligen Bereich.

5 bungsdokument:

05 Anwendung Blockkrper.psd

A Erkunden Sie den Aufbau dieses Dokumentes und realisieren Sie die Bedeutung jeder Ebene. B Konfigurieren Sie die Ebenen im Dokument so, dass Sie sinnvolle Wirkungen erzielen. C Kopieren Sie andere Bereiche aus dem Farbkreis heraus und verwenden Sie diese als Deckebene.

eingescannter Farbkreis

blaue Textur

blau gefrbter und strukturierter Krper

Maltechnik

6 Modifizieren, Variante (1)

Bildbearbeitung Diese Bildfolge resultiert aus dem Verndern von Parametern (Modifizieren). Die Techniken sind wichtiger Bestandteil in der klassischen Digitalbildbearbeitung. Lassen Sie die Bilder einmal auf sich wirken:

Originalvorlage

mit dem Kanalmixer modifizierte warme Farben

Kontrast um 80 % erhht

Sttigung um 80 % verringert

Invers-Einstellung (Gesamtfarbumkehrung) und Kreuzschraffur

6 bungsdokument:

06 Theatro-Aquarell.psd

A Erkunden Sie den Aufbau dieses Dokuments, die Techniken sind entsprechend bezeichnet. B Duplizieren Sie die Original-Ebene und erstellen Sie weitere Varianten. C Die Ebenen mit dem Vermerk 2 wurden aus zwei modifizierten Ebenen erzeugt (Schichttechnik). Versuchen Sie selbst, auch mit dieser Technik zu arbeiten.

Ebenenpalette

= Modifizieren auf einer Ebene

= Modifizieren in Mischtechnik auf zwei Ebenen

Beispiel modifiziert mit Kanalmixer

7 Modifizieren, Variante (2)

Bildbearbeitung Die Wirkung eines Elements lsst sich gravierend beeinflussen, indem Bildparameter gendert werden oder Filter zum Einsatz kommen (in Photoshop enthaltene Standardoder Effektfilter).

Originalfoto gescannt zum Einsatz gekommen:

invers gestellt, Sttigung verringert

Filter: Fotokopie, invers gestellt

Filter: Patchwork

7 bungsdokument:

07 Baumvarianten.psd

A Erkunden Sie den Aufbau dieses Dokuments, die Techniken sind entsprechend bezeichnet. B Arbeiten Sie in den Bereichen beziehungsweise Ordnern an weiteren Varianten, duplizieren Sie dazu jeweils das Original (Ordner erlauben ein besser sortiertes Arbeiten: Parameter, Filtern, Einstellebenen, Farbflchen). C Schauen Sie sich die nderungen, die Sie erzeugen, genau an. Spren Sie ntzliche ModifizierWerkzeuge und Menpunkte selbst auf.

Zum besseren, geordneteren Probieren kann man die Ebenen in Ordner sortieren. Nach Erzeugen des Ordners knnen die Ebenen einfach mit dem Mauszeiger zugeordnet werden.

Die Parameter wurden gendert.

Die Filter wurden angewendet.

Die Einstellebene wurde eingesetzt.

Wenn man dieses Symbol anklickt, wird ein Ordner in der Ebenenpalette erzeugt.

8 Modifizieren, Variante (3)

Bildbearbeitung Gerade bei Strukturen, wie sie mit lfarben gemalt werden knnen, aber auch bei jeglichen anderen Strukturen, ist das nachtrgliche Modifizieren ein geniales Mittel fr die Gestaltung.

Originallfarbe Struktur gescannt

zum Einsatz gekommen:

erste neue Ebene: wurde insgesamt invers gestellt

diese neue Ebene wurde dupliziert: Farbtiefe ist verndert worden

nun ist aus beiden neuen Ebenen eine neue Struktur durch Mischung erstellt worden. Die Ebenen liegen dabei bereinander, eine Ebene wurde um 90 gedreht.

8 bungsdokument:

08 lfarben Scan modif.psd

A Erkunden Sie den Aufbau dieses Dokuments, vollziehen Sie die Reihenfolge der Arbeitsschritte nach. B Erstellen Sie weitere stufenweise Vernderungen, ben Sie den Umgang mit Ebenen und den Ebenenmodi. C Erstellen Sie Reihungen aus Ihren Ergebnissen. Verwenden Sie dazu artverwandte Techniken (diese Techniken lassen die Bilder hnlich aussehen wie bei der unten gezeigten Bildreihe).

3 2 1 0
Arbeitsweise aus dem Original in mehreren Arbeitsstufen herausentwickelt. Verschiedene andere Anstze, ebenfalls stufenweise, sind mglich.

Beispiel einer Reihung: Es wurde durchgngig mit einer Farb-Ebene gearbeitet, die ber der Originalscan-Ebene angelegt wurde.

9 Erstellen einer Textur

Linienstruktur Auch mit dem Computer lassen sich individuelle Strukturen erstellen. Man muss nicht immer auf fertige Grafikbibliotheken zurckgreifen.

Arbeitsablauf:

mit dem Pinsel eine Freihandlinie zeichnen (eigene Ebene)

diese Linie oft duplizieren

die gesamten horizontalen Linien duplizieren und 90 drehen

Gesamtbild horzontal skalieren und wieder duplizieren.

Beispiel aus Fachbuch, Textur fr Grafikbibliothek

9 bungsdokument:

09 Textur bauen.psd

A Erkunden Sie den Aufbau des Dokuments, versuchen Sie, selbst eine Linientextur zu bauen. 09 Kreistextur bauen.psd B Arbeiten Sie an einer Kreisstruktur und versuchen Sie eine logische Verdichtung herzustellen. C Versuchen Sie, weitere Strukturen zu erstellen (Welle, Raute, Kreuz...).

Arbeitsschritte: mit Pinselwerkzeug auf neuer Ebene Kreis zeichnen

Kreis duplizieren, anordnen, oft wiederholen

Kreis-Spalte duplizieren, anordnen, oft wiederholen

Gesamtbild wieder verkleinern, dann wieder duplizieren und somit Struktur verdichten

10 Figuren modifizieren

Mastabsbildung Eine Grafikbibliothek sollte ein paar grundlegende Elemente enthalten, die mittels Photoshop modifiziert werden knnen, um in das jeweilige Layout zu passen. Mit Strichzeichnungen von Personen kann man folgendermaen arbeiten: Arbeitsablauf: Originalscan, in dieser Form in der Grafikbibliothek

Mglichkeit 1: invers stellen

Mglichkeit 2: invers gestellte Personen farblich anlegen (Folien Schichttechnik)

Mglichkeit 3: Skalieren und duplizieren, Prinzip der Grenvernderung

Natrlich sind viele andere Mglichkeiten des Modifizierens denkbar.

10 bungsdokument:

10 Figuren bearbeiten.psd

A Erkunden Sie den Aufbau dieses Dokuments, versuchen Sie, die Inhalte zu verstehen. B Stellen Sie nacheinander die Ebenen, die auf dem Originalscan liegen, sichtbar. C Arbeiten Sie selbst an Gre, Farbfolien sowie Schatten, um den Skizzen mehr Ausdruck zu verleihen.

mit bestimmten Ebenen-Modi versehen, knnen auf den Originalscan gelegt werden.

Beachten Sie auch die Mglichkeit der Farbeinstellung durch einfache Farbflchen (Ebene Farbflchen rechteckig), mittels der passenden Ebenen-Modi-Einstellung werden nur die Konturen der darunterliegenden Strichzeichnung eingefrbt.

11, 12, 13 Bume erstellen

Grafikbibliothek Es gibt viele Mglichkeiten, Bume zu erstellen und im Computer zu verwalten und zu modifizieren. An dieser Stelle erhalten Sie beispielhaft einige Tipps.

Drei Beispiele

Doldenpflanze Vom Unkraut zur Grafik Eine besondere Variante, Bume mit dem Computer zu erstellen.

Baum-Skizzen Farbiges Anlegen der Strichskizze Die einfachste Art, prgnante Grafiken von Bumen zu erhalten.

Wald Modifizieren und verdichten (Was man aus einem Baum alles machen kann ...) A B

11, 12, 13 bungsdokument:

11 Doldenpflanze z. Baum.psd

A Betrachten Sie den Aufbau der Ebenen, versuchen Sie, die Arbeitsschritte zu verstehen. B Erstellen Sie selbst Bume aus Grsern, Blttern oder anderen Pflanzenteilen, indem Sie diese Scan-Bildbearbeitungs-Technik nutzen.

Scan

Bildbearbeitung in mehreren Schritten

12 Bume Farbe.psd A Betrachten Sie den Aufbau der Ebenen, erkunden Sie die Mglichkeiten Flchenund Konturfarbe. B Erstellen Sie neue Ebenen, auf denen Sie aus dem Farbstreifen entnommene Farben einsetzen.

13 Bume modif.psd A Erkunden Sie den Aufbau dieses Dokuments, vollziehen Sie die Techniken nach. B Arbeiten Sie selbst mit den folgenden Methoden: Skalieren, Flchen Fllen, Duplizieren, halbtransparent berlagern. Erstellen Sie sich ein eigenes Dokument und zeichnen Sie: vom Baum zum Wald.

14 CAD-Vorlagen nutzen

Freihandskizzen Eine immer noch bewhrte Methode, den oft leblosen CAD Zeichnungen Leben zu verschaffen, ist es, diese als Vorlage fr eine lockere Skizze zu nutzen.

CAD-Zeichnung Aus dem 3D-Modus herausgerenderte Strichzeichnung, sie enthlt die wesentlichen gestalterischen Elemente, jedoch noch keine atmosphrischen oder mastabsbildenden Elemente.

Ausdrucken dieser Zeichnung.

Bleistift-Skizze Der gebten Hand gelingt es, unter Nutzung des 3D-Rasters der CAD-Zeichnung eine rumliche Skizze zu schaffen.

Scannen der Skizze

Computerillustration Bleistift-Sizze, wiederum im Computer illustriert. Es handelt sich um eine einfache Mglichkeit, mittels einer Farbflche, die in Photoshop ber dem Scan angelegt wurde, der Skizze einen anderen Ausdruck zu verleihen.

14 bungsdokument:

14 CAD-Analog.psd

A Betrachten Sie die Inhalte dieses Dokumentes. ndern Sie den Modus der Farbflche. B Verwenden Sie eine Schwarzwei-CAD-Zeichnung als Grundlage, um daraus mit den hier gezeigten, einfachen Arbeitsschritten eine Illustration zu erstellen.

verschiedene Bereiche: Bearbeitung der CAD-Skizze

einfache Anordnung der Ebenen

15 Grundriss illustrieren

illustrierte 2-D-Darstellung Durch die Mischung aus CADZeichnung und einer analog angefertigten Freihandzeichnung, auf der geometrischen CADGrundlage, knnen grafisch interessante Wirkungen erzielt werden.

CAD-Zeichnung Auf schwarzem Untergrund gezeichnete weie Linien, dies ist eine Darstellung mit sehr technischer Prgung.

Mischtechnik (1) Auf das Original der Freihandzeichnung, welche eingescannt wurde, wird die CAD-Zeichnung gelegt. Somit entsteht eine Darstellung mit technischem und atmosphrischem Anspruch.

Mischtechnik (2) Je nach gewnschter atmosphrischer Wirkung und Layoutvorstellung knnen in der Bildbearbeitung Modifikationen vorgenommen werden. Hier erfolgte die Schichtung der Elemente wie im oberen Beispiel, nur wurde die Freihandzeichnung farblich modifiziert.

15 bungsdokument:

15 GR.psd

A Erkunden Sie den Aufbau dieses Dokuments, versuchen Sie, die Inhalte zu verstehen. B Erstellen Sie eine eigene Illustration, nutzen Sie dafr die aus diesem Beispiel gewonnenen Anregungen. Bilden Sie beim Mischen in den Ebenen von Photoshop Varianten.

Anordnung der Ebenen

Die beiden oberen Ebenen entstanden jeweils aus dem Abfotografieren der Mischung aus den unteren Ebenen. Dazu wurde ein Kopiervorgang genutzt, der es erlaubt, durchgreifend zu kopieren (alle sichtbaren Ebenen). So kann man innerhalb von einem Dokument Arbeitsebenen aufbauen und gleichzeitig die Ergebnisse ablegen. Es empfielt sich, durch eine gesonderte Bezeichnung die Resultate zu markieren, die Autoren verwendeten dazu lediglich das = Zeichen.

2002 DVA Eberhard Holder und Martin Peukert

Ausschnitt Originalgre