1 Schatten und Texturen

Transkript

1 1 Schatten und Texturen 1.1 Kapitel Guide oder Was Sie anhand von diesem Beispiel lernen werden! Wir stellen Sie nun vor die spannende Aufgabe, ein einfaches Diagramm optisch so gelungen aufzubereiten, daß das Interesse der Betrachter tatsächlich geweckt wird und sie einen zweiten Blick auf das Bild riskieren - bei der Fülle von Informationen, mit denen wir alltäglich bombardiert werden, nicht allzu einfach. Sie lernen dabei, eine Illustration aus dem Adobe Illustrator in Adobe Photoshop zu importieren, Objekten einen real wirkenden Schatten oder/und besonderen Glanz zu verleihen. Sie lernen, wie man neutrale Flächen mithilfe von Ebenen und Masken mit einer Struktur versieht und wie man mit speziellen Optionen den Umgang mit Elementen der Werkzeugpalette optimiert. Viel Erfolg! meta 01 Medien GmbH Mariahilferstrasse 113 A-1060 Wien Tel. +43/1/ [email protected] 33/68

2 1.2 Schritt 1: Illustration aus Illustrator in Photoshop importieren Öffnen Sie die Datei "Diagram.ai". Klicken Sie mit dem Auswahlwerkzeug auf die Zeichnung, um sie zu markieren. Wählen Sie dann >Bearbeiten Kopieren und >Datei Schließen Starten Sie dann Photoshop CS und legen Sie eine neue Datei an (>Datei Neu) Name: "Beispiel1.psd" Breite: 800 Pixel Höhe: 600 Pixel Auflösung: 72 Pixel/Inch Modus: RGB-Farbe Inhalt: Transparent Wählen Sie dann >Bearbeiten Einfügen (Befehl/Steuerung + v) und folgende Einstellungen: >Glätten: aktivieren >mit Entertaste bestätigen Benennen Sie die Ebene als "Diagramm". Tip: Doppelklick in die Ebenen-Palette 1.3 Schritt 2: Erstellen einer schattierten Kugel (a) Wählen Sie das "Bewegen"-Werkzeug und positionieren Sie das Diagramm in den linken oberen Bereich des Fensters. Wählen Sie dann >Datei speichern unter, wählen Sie den Ordner und bestätigen Sie den Vorgang mit OK. Erstellen Sie eine neue Ebene und benennen Sie diese mit "Kugel". Wählen Sie das Werkzeug "Auswahlellipse" mit folgenden Optionen: Weiche Kante: 0 Pixel Glätten Art: Feste Größe Breite: 180 Pixel; Höhe: 180 Pixel meta 01 Medien GmbH Mariahilferstrasse 113 A-1060 Wien Tel. +43/1/ [email protected] 34/68

3 Klicken Sie in den rechten unteren Bereich des Fensters und verschieben Sie den Auswahlkreis mit gedrückter Maustaste, bis er ungefähr paßt. Tip: Datei speichern unter = Befehl/Steuerung + Umschalt + s 1.4 Schritt 3: Erstellen einer schattierten Kugel (b) Wählen Sie die Pipette und nehmen Sie die Farbe der vorderen Flächen des Diagramms auf. Klicken Sie nun mit dem "Füllwerkzeug" (hinter dem Verlaufswerkzeug) in die Auswahl und wählen Sie die folgenden Optionen: Füllung: Vordergrundfarbe Modus: Normal Deckkraft: 100 % Toleranz: 0 Glätten: aktivieren Wählen Sie >Auswahl Auswahl speichern (Neuer Kanal) OK. (Bei Klick auf die Kanäle-Palette erscheint die gespeicherte Auswahl als neuer Kanal mit der Bezeichnung "Alpha 1") Erstellen Sie eine neue Ebene und bezeichnen Sie sie mit "Kugel Schatten". Klicken Sie auf das Auswahlwerkzeug. Betätigen Sie jetzt mit gedrückter Umschalttaste die Cursor-Tasten: 3 mal nach oben und 3 mal nach links. Wählen Sie >Auswahl weiche Auswahlkante: 30 Pixel und danach >Auswahl Auswahl umkehren (Befehl/Steuerung + Umschalt + i) Nehmen Sie mit der Pipette die Farbe der Diagramm-Seitenflächen auf. Danach: Füllen mit der Vordergrundfarbe. Wählen Sie dann >Auswahl Auswahl aufheben (Befehl/Steuerung + d) Tip: Bei gedrückter Wahl/Alt-Taste die Taste "Löschen" (Pfeil nach links) drücken: = Füllen mit Vordergrundfarbe. Objekte in Ebenen (mit dem Bewegen-Werkzeug) bzw. eine Auswahl (mit dem Auswahl-Werkzeug) können mit den Cursor-Tasten jeweils um 1 Pixel verschoben werden bei gedrückter Umschalttaste jeweils um 10 Pixel. meta 01 Medien GmbH Mariahilferstrasse 113 A-1060 Wien Tel. +43/1/ [email protected] 35/68

4 1.5 Schritt 4: Erstellen einer schattierten Kugel (c) Führen Sie folgende Schritte durch: >Auswahl Auswahl laden Kanal: Alpha1 Umkehren OK Bearbeiten: Löschen Auswahl: Auswahl aufheben Erstellen Sie eine neue Ebene und bezeichnen Sie sie mit "Kugel Glanz" Wählen Sie das Werkzeug "Auswahlellipse" und folgende Optionen: Weiche Kante: 0 Pixel Glätten: aktivieren Art: Feste Größe Breite: 60 Pixel Höhe: 60 Pixel Positionieren Sie das Werkzeug in den linken oberen Bereich der Kugel. Wählen Sie dann die "Weiche Auswahlkante": 24 Pixel und nehmen Sie mit der Pipette die Farbe der Diagramm-Oberseiten auf. Führen Sie dann folgende Schritte durch: 3 mal >Bearbeiten Fläche füllen: mit Vordergrundfarbe, Deckkraft: 100 %, Modus: Normal Auswahl aufheben >Auswahl Auswahl laden: Alpha1 + Umkehren Löschen (und zwar alle Bereiche des Glanzes, die über die Kugel hinausgehen) Auswahl aufheben Sichern (Befehl/Steuerung + s) Tip: 3 mal >Bearbeiten Fläche füllen: mit Vordergrundfarbe = 3 mal Wahltaste/Alt + Löschen Während der Arbeit sollte öfters zwischengesichert werden, um bei eventuellen Systemabstürzen keine Daten (und damit Arbeit und Zeit) zu verlieren. 1.6 Schritt 5: Arbeit am Hintergrund (a) Aktivieren Sie die Ebene "Kugel Schatten". Wählen Sie >Bild Einstellungen Helligkeit/Kontrast und stellen Sie den Helligkeitsregler auf -30. Bestätigen Sie den Vorgang mit OK. meta 01 Medien GmbH Mariahilferstrasse 113 A-1060 Wien Tel. +43/1/ [email protected] 36/68

5 Öffnen Sie "Landschaft.psd". Klicken Sie in die Ebene "Hintergrund" in der Ebenen-Palette und ziehen Sie diese bei gedrückter Umschalttaste in das Fenster von "Beispiel1.psd". Verändern Sie die Ebenen-Reihenfolge ("Hintergrund" soll sich befinden!). ganz unten Schließen Sie "Landschaft.psd" Erstellen Sie eine neue Ebene und benennen Sie sie mit "Weiß". Füllen Sie die Ebene mit Weiß (Deckkraft 100 %, Modus normal) und verändern Sie die Deckkraft in der Ebenen-Palette auf 75 %. Tip: Wenn möglich bei Dialogfenstern immer die Vorschau aktivieren, um die Veränderungen gleich im Dokument zu sehen. 1.7 Schritt 6: Arbeit am Hintergrund (b) Aktivieren Sie die Ebene "Diagramm" und positionieren Sie mit dem "Bewegen"- Werkzeug die Balken so weit in den Vordergrund, bis sie optisch passen. Aktivieren Sie die Ebene "Kugel" und verketten Sie diese mit den Ebenen "Kugel Schatten" und "Kugel Glanz". (Klicken Sie dazu in das Feld zwischen dem Auge und dem Ebenen-Icon) Ziehen Sie die Kugel mit dem "Bewegen"-Werkzeug in eine optimale Position. Nicht vergessen: Speichern! 1.8 Schritt 7: Neutrale Flächen mit Struktur versehen (a) Öffnen Sie "Rock 1.pct". Wählen Sie >Auswahl Alles Auswählen (Befehl/Steuerung + a) und >Bearbeiten Muster festlegen Schließen Sie "Rock 1.pct". Erstellen Sie eine neue Ebene über der Ebene "Diagramm" und benennen Sie sie "Struktur vorne". meta 01 Medien GmbH Mariahilferstrasse 113 A-1060 Wien Tel. +43/1/ [email protected] 37/68

6 Ziehen Sie ein Auswahlrechteck (großzügig) um das Diagramm. Wählen Sie >Bearbeiten Fläche füllen mit Muster, Deckkraft: 100 %, Modus: normal OK. Danach: "Auswahl aufheben". Duplizieren Sie die Ebene "Struktur vorne" mit dem Namen "Struktur Seite" OK. Duplizieren Sie die Ebene "Struktur Seite" mit dem Namen "Struktur oben" OK. Das Resultat: 3 übereinander liegende Struktur-Ebenen. 1.9 Schritt 8: Neutrale Flächen mit Struktur versehen (b) Schalten Sie die Ebenen "Struktur vorne", "Struktur Seite" und "Struktur oben" aus (Klick auf das Augen-Symbol links neben dem Ebenen-Icon). Aktivieren Sie die Ebene "Diagramm". Wählen Sie mit dem Zauberstab (Optionen: Toleranz: 0, Glätten) die Vorderflächen der Diagramm-Säulen aus. Aktivieren Sie die Ebene "Struktur vorne" und wählen Sie: >Ebenen Ebenenmaske hinzufügen Außerhalb der Auswahl maskieren. Klicken Sie auf das Ebenen-Icon und wählen Sie in der Ebenen-Palette den Modus: Ineinanderkopieren. Nicht vergessen: Sichern! Tip: In der Ebenen-Palette erscheint rechts ein Masken-Icon. Durch Klick auf das Ebenen-Icon oder auf das Masken-Icon kann zwischen diesen hin- und hergewechselt werden. Zwischen den beiden Icons erscheint ein Verkettungs- Symbol. Auch dieses kann man ein- und ausblenden. Bei Verkettung kann der Ebenen-Inhalt mit der Maske bewegt werden ohne Verkettung jeweils nur der Ebenen-Inhalt oder nur die Maske. meta 01 Medien GmbH Mariahilferstrasse 113 A-1060 Wien Tel. +43/1/ [email protected] 38/68

7 1.10 Schritt 9: Neutrale Flächen mit Struktur versehen (c) Aktivieren Sie die Ebene "Struktur Seite". Verzerren Sie die Ebene (>Bearbeiten Transformieren Verzerren) so, daß diese perspektivisch in etwa zu den Seitenflächen des Diagrammes paßt. Achten Sie dabei darauf, daß die Struktur noch alle Seitenflächen bedeckt. Mit der Enter- Taste oder durch Doppelklick innerhalb der Struktur wird die Transformation abgeschlossen. Schalten Sie die Ebene "Struktur Seite" aus, damit Sie die Ebene "Diagramm" sehen können und aktivieren Sie die Diagrammebene. Mit dem Zauberstab werden die Seitenflächen ausgewählt. Aktivieren Sie die Ebene "Struktur Seite" und wählen Sie >Ebene Ebenenmaske hinzufügen Außerhalb der Auswahl maskieren. Als Ebenenmodus wählen Sie wieder "Ineinanderkopieren". Verfahren Sie mit der Ebene "Struktur oben" genau so wie mit der Ebene "Struktur Seite" Schritt 10: Neutrale Flächen mit Struktur versehen (d) Öffnen Sie "Erde.psd". Ziehen Sie die Erde in das Fenster "Beispiel1.psd". Benennen Sie die Ebene mit "Erde" und bringen Sie diese in den Vordergrund (d. h.: in der Ebenen-Palette ganz nach oben). Schließen Sie "Erde.psd". Aktivieren Sie die Ebene "Kugel". Wählen Sie >Auswahl Auswahl laden: Kugel Transparenz. Aktivieren Sie die Ebene "Erde". Wählen Sie >Ebenen Ebenenmaske hinzufügen Außerhalb der Auswahl maskieren. meta 01 Medien GmbH Mariahilferstrasse 113 A-1060 Wien Tel. +43/1/ /68

8 Tip: Mit Klick auf das Ebenen-Icon bei gedrückter Befehlstaste erhalten Sie die Auswahl der Ebene Schritt 11: Neutrale Flächen mit Struktur versehen (e) Klicken Sie auf das Ebenen-Icon der Ebene "Erde", um den Maskierungskanal zu verlassen und lösen Sie die Verkettung der Ebene mit der Maske. Positionieren Sie mit dem "Bewegen"-Werkzeug die Erde genau über der Kugel, wobei sich die Maske nicht verändert. Wählen Sie als Modus "Ineinanderkopieren", setzen Sie die Deckkraft auf 80 % und speichern Sie die Datei ab Schritt 12: Objekte mit Schlagschatten erzeugen (a) Aktivieren Sie die Ebene "Weiß" (unterhalb der Ebene "Diagramm"). Erstellen Sie eine neue Ebene und benennen Sie sie "Schatten Diagramm". Aktivieren Sie "Diagramm" und erstellen Sie eine Auswahl der Ebene (>Auswahl Auswahl laden: Diagramm Transparenz). Aktivieren Sie die Ebene "Schatten Diagramm" und füllen Sie die Auswahl mit Schwarz. Danach: "Auswahl aufheben". Tip: Auswahl des Diagramms mit Klick auf das Ebenen-Icon des Diagramms bei gedrückter Befehlstaste. meta 01 Medien GmbH Mariahilferstrasse 113 A-1060 Wien Tel. +43/1/ [email protected] 40/68

9 1.14 Schritt 13: Objekte mit Schlagschatten erzeugen (b) Verzerren Sie die Ebene "Schatten Diagramm" so, daß die Form des Schattens glaubwürdig erscheint. Wählen Sie als Ebenenmodus "Multiplizieren" und setzen Sie die Deckkraft auf "40 %". Mit dem "Weichzeichner" (Optionen: mittelgroßer Pinsel, mit weicher Kante) werden nun die weiter hinten liegenden Kantenbereiche des Schattens weichgezeichnet. Modus: Normal Stärke: 50% 1.15 Schritt 14: Objekte mit Schlagschatten erzeugen (c) 1. Erstellen Sie eine Ebenenmaske (>Ebenen Ebenenmaske hinzufügen nichts maskiert). 2. Stellen Sie die Vordergrundfarbe auf schwarz. 3. Wählen Sie das Pinselwerkzeug (Optionen: große Werkzeugspitze, mit weicher Kante z.b. 100) und maskieren Sie im Maskenkanal die hinteren Schattenbereiche, so daß sie verlaufend heller werden. Modus: Normal Fluss: 15% 1.16 Schritt 15: Objekte mit Schlagschatten erzeugen (d) Erstellen Sie eine neue Ebene namens "Schatten Kugel", positionieren sie diese unterhalb der "Kugel"-Ebene und verfahren Sie mit dem Kugelschatten genau so wie mit dem Diagrammschatten (Transparenz der "Kugelschatten"-Ebene auf "50%" einstellen) Nicht vergessen: Speichern! meta 01 Medien GmbH Mariahilferstrasse 113 A-1060 Wien Tel. +43/1/ /68

10 1.17 Schritt 16: Transparente Flächen erzeugen Erstellen Sie eine neue Ebene "Fläche" und bringen Sie diese in den Vordergrund (ganz oben). Wählen Sie im Farbwähler einen Blauton (hier: "R 140, G 205, B 230"). Ziehen Sie ein großzügiges Auswahlrechteck unterhalb des Diagramms und füllen Sie die Fläche mit der gewählten Farbe. Setzen Sie die Ebenentransparenz auf "30 %". Danach: "Auswahl aufheben" Schritt 17: Schrift mit Ebeneneffekten (a) Wählen Sie einen passenden dunklen Blauton (hier: "R 40, G 100, B 120"). Nehmen Sie das Textwerkzeug und klicken Sie in den Bereich unterhalb der linken Diagrammsäule. Geben Sie im Textfenster folgenden Text ein: " globaler Süßwasserbedarf" Formatieren Sie den Text (Schrift: "Courier Bold"). Schriftgröße der Zahlen 28 pt., des Textes 20 pt. Stutzen Sie nun die Ebene "Fläche" mit dem Auswahlrechteck und der Löschtaste entsprechend zurecht Schritt 18: Schrift mit Ebeneneffekten (b) Aktivieren Sie die Textebene, fügen Sie den Ebeneneffekt "Schein nach außen" hinzu (>Ebenen Effekte Schein nach Außen) und wählen Sie folgende Optionen: 1. Füllmethode: Normal 2. Deckkraft: 80 % 3. Farbe: Weiß 4. Überfüllen: 0 % 5. Größe: 6 Pixel meta 01 Medien GmbH Mariahilferstrasse 113 A-1060 Wien Tel. +43/1/ [email protected] 42/68

11 Wählen Sie zusätzlich einen weiteren Effekt: "Schlagschatten", mit folgenden Optionen: 1. Füllmethode: Normal 2. Deckkraft: 30 % 3. Winkel: 120 º 4. Distanz: 5 Pixel 5. Überfüllen: 0% 6. Größe: 5px Bestätigen Sie die Angaben mit OK und speichern Sie sie ab. Um aus dem Ebenen-Photoshop-File eine Datei mit nur einer Hintergrundebene zu erzeugen, wählen Sie: >Datei Kopie speichern unter, und wählen Sie den gewünschten Ordner, den Dateinamen und das gewünschte Dateiformat. meta 01 Medien GmbH Mariahilferstrasse 113 A-1060 Wien Tel. +43/1/ [email protected] 43/68