2723 virtuelle Postkarte

Transkript

1 2723 virtuelle Postkarte Schwierigkeitsgrad: Dauer: ca. 120 Minuten Stand Basierend auf X-Mas Card alfoart.com Ab Photoshop Version CS3 In diesem Tutorial bauen wir eine virtuelle Postkarte nach. Dabei entsteht die Spannung durch die Mischung von 2D- und 3D Elementen. Als Motiv für die Postkarte eignet sich daher ein Bild mit einer ausgeprägten Dreidimensionalität, welches aber ebenso über einen Zweidimensionalen Übergang am Horizont verfügen muss, um beide Element auf der Postkarte in Kontrast in stellen. Zusätzlich zum Hauptmotiv sprengen einige Details das Szenario, die Möwe fliegt deutlich außerhalb der Zweidimensionalität, die Wolken gehen links und rechts über den Hintergrund der Postkarte hinaus und vermischen sich mit dem realen Hintergrund. Abbildung 0: Das fertige Bild ] Dipl Photoingenieur mail@towi.de Seite- 1 - Photoshop 2723 virtuelle Postkarte

2 Weitere Motivideen: Zaun mit nach vorne geöffnetem Tor, Hauswand mit Treppe zum Eingang, Tunnelausgang aus dem ein Zug/Auto kommt, Dateien für dieses Tutorial: 2723 Bretagne png, 2723 holzbretter.png, 2723 Herz Weiss png, Bretagne Möwe png, Wolken Panorama Bretagne png, diverse Wolken Freigestellt Dateien für dieses Tutorial: Da bei einigen der verwendeten Bildern das Freistellen eine zeitaufwendige Arbeit ist, gibt es von einigen Dateien schon freigestellte Versionen: Bretagne Möwe freigestellt.png Werkzeuge: Muster, Transformieren, SmartObjekt, Radiergummi, Kontur füllen, Rechteckformen, Kopierstempel, Ebenenmasken, Füllmethoden, Hinweis: Wie bei allen Tutorials, sind die in diesem Tutorial gemachten Zahlenangaben nur Richtwerte und können je nach Geschmack variiert werden. Insbesondere bei eigenem Bildmaterial sind Farb- und Helligkeitskorrekturen natürlich vom jeweiligen Material abhängig. Vergleichbar gilt dies auch für Bilder von unterschiedlicher Größe, bei vielen Werkzeugen beziehen sich die Parameter auf eine bestimmte Pixelzahl, z.b. eine weiche Auswahlkante, dies variiert natürlich bei unterschiedlich großen Bildern. Voraussetzungen: Sicherer Umgang mit Ebenen, Auswahlen, Retuschewerkzeugen. Farbwähler, Verlaufswerkzeug, Ebenenmasken SmartObjekte: Beim Skalieren der Objekte ist es sinnvoll die jeweilige Ebene als SmartObjekt anzulegen und erst, wenn Sie mit dem Composing fertig sind zu rastern, so können Sie jederzeit erneut ohne Qualitätsverluste skalieren. Ebenso können Sie Ebenen für SmartFilter vorbereiten und danach die Filter nicht destruktiv einsetzen. Diese Arbeitsweise ermöglicht während der Versuchsphase eine größere Flexibilität. Weiterhin ist es oft ratsam, Zwischenschritte zu erhalten indem die Ebenen dupliziert werden du somit als Backup dienen. Skribble: Lassen Sie beim nacharbeiten eines Tutorials nicht außer Acht, dass die Planungsphase eines Bildes und das Ausprobieren verschiedener Perspektiven, Größen usw. entfällt, da Sie ja das fertige Ergebnis vor Augen haben. Im vorliegenden Beispiel sollten Sie zu Beginn einige Scribble auf Papier anlegen und dann versuchen Ihr favorisiertes Bild nach zu bauen. Richten Sie sich dabei dann nach dem primären Bildelement, hier die Postkarte und bauen Sie die sekundären Elemente erst danach. Bedenken Sie, dass sich die Perspektive der Postkarte an den Fugen des Tisches ausrichten muss. Wenn Sie also zuerst den Tisch anlegen, engen Sie sich in der Positionierung der Postkarte ein. ] Dipl Photoingenieur mail@towi.de Seite- 2 - Photoshop 2723 virtuelle Postkarte

3 ] Dipl Photoingenieur Seite- 3 - Photoshop 2723 virtuelle Postkarte

4 01 Neue Datei Zu Beginn legen wir eine neue Datei in einer sinnvollen Größe an. Dabei hängen die Größe und die anderen Parameter vom späteren Verwendungszweck an. Achten Sie bei der Bildgröße darauf, dass Sie sich genügend Reserven erhalten. Die aktuelle Standardgröße meiner Bilddateien ist 1200x800 Pixel, dabei ist die Auflösung egal, RGB-Farbe, 8Bit Farbtiefe. Diese Größe reicht bei einer normalen Druckauflösung für ca. 8x10 cm. Bei der Arbeit am Monitor ist es in der Regel so, dass bei einer 100% Darstellung das gesamte Bild zu sehen ist. DATEI/ NEU STRG+N] 02 Vorbereitungen für den Hintergrund Als Untergrund für die Positionierung der Karte bauen wir uns aus einem Stück Holz 2723 holzbretter.png (s.u.) eine Tischoberfläche. Eine neutrale Mauer dient uns als Hintergrund 2723 Herz Weiss png (s.u.). Bei der Mauer müssen Sie unter Umständen noch das Herz entfernen, das geht hervorragend mit der inhaltsbasierten Füllung, BEARBEITEN/ FLÄCHE FÜLLEN INHALTSBASIERT. Abbildung 02: die Ausgangsbilder für den Hintergrund 03 Der Unter/ Hintergrund TRANSFORMIEREN Sie BEARBEITEN/ TRANSFORMIEREN/ VERZERREN die Bretter so, dass der Tisch eine Perspektive erhält. Orientieren Sie sich dabei an der Skizze zu Anfang des Tutorials. Bei der Positionierung der Postkarte müssen wir uns an der Perspektive ] Dipl Photoingenieur mail@towi.de Seite- 4 - Photoshop 2723 virtuelle Postkarte

5 des Tisches orientieren. Wenn Sie die Bretter als SMARTOBJEKT anlegen EBENE/ SMARTOBJEKT/ IN SMART-OBJEKT KONVERTIEREN, können Sie die Transformation gegebenenfalls noch verlustfrei korrigieren. Abbildung 03: Der Hintergrund 04 Grundform der Postkarte Die Postkarte legen wir zuerst als VEKTORFORM an, so dass wir sie in der Perspektive und Positionierung noch beliebig anpassen können. Als Basis legen wir zwei weiße RECHTECKFORMEN an und verzerren diese über das DIREKTAUSWAHL-WERKZEUG. Die untere Hälfte der Postkarte müssen wir streng an der Perspektive ausrichten. Bei der oberen Hälfte hängt die Perspektive davon ab, wie schräg die Karte aufgeklappt sein soll. Die langen Kanten der Postkarte müssen sich bei einer korrekten Perspektivischen Darstellung an einer Stelle am Horizont treffen. Da sich Papier oder besser gesagt Pappe aber verbiegen lässt, haben wir einen gewissen Spielraum. Rechteck Werkzeug (U) Direkt-Auswahl-Werkzeug (A) Abbildung 04: Die Postkarte 05 Verzerrung der Postkarte Um der Postkarte einen etwas organischeren Touch zu verleihen, transformieren wir den Pfad über BEARBEITEN/ PFAD TRANSFORMIEREN/ VERKRÜMMEN. Heben Sie dabei die rechte vordere Ecke etwas an, dort bauen wir dann später noch einen kleinen Schatten drunter. ] Dipl Photoingenieur mail@towi.de Seite- 5 - Photoshop 2723 virtuelle Postkarte

6 Abbildung 05: die verzerrte Postkarte 06 Papierdicke Noch ist die Postkarte sehr dünn. Damit das Ganze etwas steifer wirkt geben wir der Karte an den sichtbaren Kanten noch ein wenig Dicke. Laden Sie die Auswahl aus der unteren Seite der Postkarte indem Sie bei gedrückter STRG-Taste auf das entsprechende EBENENTHUMBNAIL klicken. Legen Sie nun eine neue Ebene EBENE/ NEU/ EBENE unter der Postkartenebene an und füllen Sie die Kontur über BEARBEITEN/ KONTUR FÜLLEN mit Farbe, 50% Grau bei einer Dicke von 5 Pixeln gewählt. Da die Ebene unter der Postkarte liegt, können wir die Dicke durch einfaches Verschieben später noch verringern. Die Füllung links, rechts und oben löschen wir, z. B. mit dem Radiergummi. Radieren Sie die Kante vorne links und rechts senkrecht und nicht schräg, dass passt sonst nicht zur Papierdicke. Später, wenn wir die Lichtrichtung festgelegt haben, passen wir die Helligkeit der Kante noch an. Verfahren Sie mit der Oberkante ebenso. Radiergummi-Werkzeug (E) Abbildung 06: Papierdicke 07 Ordnung halten Ich habe die Einzelteile in Gruppen sortiert, so dass ich einen Gruppen für den Hintergrund und inzwischen einen Gruppen für die Postkarte habe. Das macht das Ganze übersichtlicher, besonders dann, wenn wir versuchen mit diversen einzelnen ] Dipl Photoingenieur mail@towi.de Seite- 6 - Photoshop 2723 virtuelle Postkarte

7 Ebenen uns verschiedene Optionen offen zu halten. Eine leere Gruppe erzeugen Sie über EBENE/ NEU/ GRUPPE. Tipp: Wenn Sie die Ebenen vorher markieren, dann können Sie über EBENE/ NEU/ GRUPPE AUS EBENEN, die markierten Ebenen direkt in eine neue Gruppe überführen. 08 Das Motiv grob anpassen Bevor wir uns nun Gedanken über Licht und Schatten machen, bauen wir grob das Motiv auf die Postkarte. Öffnen Sie dazu die Motivdatei 2723 Bretagne psd, in meinem Fall das Bild mit der Mauer an der Küste und fügen Sie es als SmartObjekt in die Postkarte ein. Tipp: Einfügen als SMART OBJEKT. Am Einfachsten ziehen Sie das Bild direkt in Ihre Photoshop-Datei. Dann wird es automatisch als SMART OBJEKT eingefügt. Sie können das Bild aber auch öffnen, mit STRG+A alles markieren, dann kopieren STRG+C und in dem Composing einfügen. Die so entstandene Ebene wandeln Sie über EBENE/ SMARTOBJEKTE/ IN SMARTOBJEKT in ein Smartobjekt um. Passen Sie nun über BEARBEITEN/ TRANSFORMIEREN/ SKALIEREN das Motiv grob an die Postkarte an. Stellen Sie die EBENENDECKKRAFT dazu etwas herunter, so dass Sie beide Ebenen sehen können. Orientieren Sie sich beim SKALIEREN des Motivs am Horizont, der muss unbedingt mit dem Knick zwischen der Ober- und Unterseite der Karte übereinstimmen. Als Orientierung habe ich mir eine Hilfslinie an den Horizont gelegt. Leider gibt es in Photoshop keine schrägen Hilfslinien, so dass ich mir eine Linie mit dem LINIENZEICHNER-WERKZEUG anlegen musste. Linienzeichner-Werkzeug (U) Abbildung 08: Die Postkarte mit dem grob angepassten Motiv 09 Motiv final positionieren und Nacharbeiten Wenn Sie sich für die Position des Motives entschieden haben, rastern Sie das SmartObjekt EBENE/ RASTERN/ SMART OBJEKT. Vom aktuellen Motiv kann ich einige Bereiche nicht gebrauchen. Den Himmel möchte ich aus einem anderen Bild mit deutlicheren Wolken nehmen, rechts die Küstenlinie soll verschwinden, dort hätte ich lieber nur Sand. Zuerst markieren wir nun den Himmel und blenden ihn über eine Maske aus. Markieren Sie den Himmel mit dem SCHNELLAUSWAHL-WERKZEUG. Dann legen Sie über EBENE/ EBENENMASKE/ AUSWAHL AUSBLENDEN eine Maske an, die den markierten Bereich ausblendet. Laden Sie zusätzlich das untere Postkartenelement als Auswahl MAUSKLICK BEI GEDRÜCKTER STRG-TASTE AUF DAS EBENENTHUMBNAIL] und maskieren Sie damit das Motiv MASKE AKTIVIEREN UND BEARBEITEN/ FLÄCHE FÜLLEN WEIß ], so dass wir das Motiv nur in dem Bereich der Postkarte sehen. Alternativ könnten wir auch eine Schnittmaske erstellen, dazu müssten wir allerdings die beiden Postkartenelemente zusammenrechnen und würden die Bearbeitungsmöglichkeiten verlieren. ] Dipl Photoingenieur mail@towi.de Seite- 7 - Photoshop 2723 virtuelle Postkarte

8 Schnellauswahl-Werkzeug (W) Abbildung 09: Motiv auf die Postkarte beschränkt 10 Retusche, Feinarbeiten Füllen Sie nun den Bereich der Küste mit etwas Sand und Gras. Ich habe dabei auf einer neuen Ebene gestempelt und den gestempelten Bereich dann etwas verkleinert, damit ich die Perspektive zum Horizont erhalte. Danach habe ich diesen Bereich dupliziert und verschoben, so dass sich alles mit Sand füllt. Legen Sie über der Ebene mit dem Motiv eine neue Ebene an EBENE/ NEU/ EBENE]. Wählen Sie das Kopierstempel-Werkzeug und stellen Sie in den WERKZEUGOPTIONEN AUFNEHMEN: AKTUELLE EBENEN UND DARUNTER ein. Nun stempeln Sie den Sand in den freien Bereich. Kopierstempel-Werkzeug (S) Optionen des Kopierstempels Abbildung 10: Nachgearbeitet und retuschiert 11 ein neuer Himmel Als Vorlage nehmen wir das Panoramabild eines Wolkenhimmels Wolken Panorama Bretagne png, allerdings ohne die unschönen Streifen. Zuerst habe ich es mit Retusche probiert, das sah aber nicht so schön aus. Dann habe ich mich zu einer anderen Vorgehensweise entschlossen. ] Dipl Photoingenieur mail@towi.de Seite- 8 - Photoshop 2723 virtuelle Postkarte

9 Duplizieren Sie sicherheitshalber die Ebene mit dem Himmel und legen unter dem Duplikat eine neue, leere Ebene an. Füllen Sie diese Ebene mit einem Verlauf über die Himmelsfarben aus dem Original. Öffnen Sie die Vordergrundfarbe und nehmen Sie mit der Pipette aus dem oberen Bereich des Himmels die Farbe auf. Öffnen Sie nun die Hintergrundfarbe und nehmen Sie den Farbton aus dem unteren Himmelsbereich auf. Ziehen Sie nun mit dem Verlaufswerkzeug einen Linearen Verlauf über die beiden Farben von Oben nach Unten. Blenden Sie nun aus der oberen Ebene die dunklen Bereiche aus, schon haben Sie einen sauberen Himmel. Dazu gehen Sie über EBENE/ EBENENSTIL/ FÜLLOPTIONEN und ziehen Sie die beiden Regler bei gedrückter ALT-TASTE auseinander. Verlaufswerkzeug (G) Pinselwerkzeug (B) Abbildung 11: Ebenenstil Fülloptionen Allerdings sieht der Verlauf noch etwas künstlich aus. In einer neuen Ebene über dem Verlauf malen wir nun mit einer großen, weichen Pinselspitze und weißer Farbe, bei geringer Deckkraft etwas ungleichmäßigen Dunst zum Horizont. Ebenso malen wir mit etwas dunklerem Blau als an der Oberkante des Himmels, einige Abschattungen an die oberen Ecken. Fassen Sie die Ebenen in einem Ordner zusammen ohne sie zusammen zu rechnen. Abbildung 11: Der Himmel, vorher und nachher ] Dipl Photoingenieur mail@towi.de Seite- 9 - Photoshop 2723 virtuelle Postkarte

10 12 Himmel anpassen Fügen wir nun den Himmelsordner hinter der Mauer ein und passen ihn über BEARBEITEN/ TRANSFORMIEREN in der Größe an. Achten Sie dabei darauf, dass die Wolken links und rechts über die Postkarte stehen, das ist ja ein Effekt den wir haben wollen. Weiterhin sollte der Himmel zum Horizont passen, daher schieben Sie ihn so weit wie möglich nach oben. Nun müssen wir das Himmelsblau außerhalb der Postkarte ausblenden. Dazu maskieren wir zuerst den eingefügten Himmelshintergrund und den eingemalten Dunst, nicht die Wolken und begrenzen diese Elemente so auf die Postkarte. Klicken Sie bei gedrückter STRG-TASTE auf des EBENENTHUMBNAIL der oberen Postkartenhälfte. Sie erhalten so die entsprechende AUSWAHL. Aktivieren Sie die Ebene mit dem Himmelsverlauf und geben Sie der Ebene über EBENE/ EBENENMASKE/ AUSWAHL EINBLENDEN eine Maske, dann verfahren Sie mit der Dunstebene ebenso. Tipp: Sie können die Maske bei gehaltener ALT-Taste auch auf die zweite Ebene duplizieren. Geben Sie der Ebene mit den Wolken nun eine LEERE MASKE über EBENE/ EBENENMASKE/ ALLE EINBLENDEN und entfernen Sie die Wolken, die Sie nicht haben wollen, indem Sie diese in der Maske mit einem SCHWARZEN PINSEL maskieren. Abbildung 12: Die Wolken fliegen aus dem Bild heraus 13 Möwe einfügen Nun wird es Zeit die Möwe in das Bild ein zu fügen, danach kümmern wir uns um das Licht und die Schatten. Wählen Sie in der Datei Bretagne Möwe png die Möwe sauber aus. Fügen Sie die Möwe als SmartObjekt ein und positionieren Sie sie, als wenn die Möwe auf der Mauerspitze landen möchte. Lassen Sie ruhig die Möwe etwas über den Rand der Postkarte überstehen. Alternativ: Möwe freigestellt Bretagne Möwe freigestellt.png ] Dipl Photoingenieur mail@towi.de Seite- 10 -Photoshop 2723 virtuelle Postkarte

11 Abbildung 13: mit Möwe 14 Licht Die Möwe gibt die Lichtrichtung für unser Composing vor. Bei ihr sehen wir, dass das Licht irgendwo von rechts kommt. Also legen wir die Lichtposition rechts oben fest. 15 Schatten unter die Postkarte Für den Schatten an der Postkartenvorderseite, legen wir eine neue Ebene an SHIFT+STRG+N, wählen die Postkartenvorderseite mit dem SCHNELLAUSWAHLWERKZEUG aus, füllen diese Auswahl mit 50% Grau BEARBEITEN/ FLÄCHE FÜLLEN 50% GRAU und stellen die Ebene in den Modus MULTIPLIZIEREN. Über BEARBEITEN/ TRANSFORMIEREN/ VERKRÜMMEN passen Sie die Form des Schattens der Papierkante an. Liegt das Papier direkt auf dem Holz, ist der Schatten schmal und kaum zu sehen, je weiter das Papier sich vom Untergrund abhebt, desto deutlicher und weiter nach vorne ist der Schatten. Eine leichte weiche Kante kann auch nicht schaden, die lässt sich gut mit dem WEICHZEICHNER WERKZEUG realisieren. Schnellauswahl Werkzeug (W) Weichzeichnen Werkzeug Abbildung 15: Schatten unter der Postkarte ] Dipl Photoingenieur mail@towi.de Seite- 11 -Photoshop 2723 virtuelle Postkarte

12 16 Kanten aufhellen und abdunkeln Entsprechend der Lichtposition, müssen wir die vordere Kante der Karte abdunkeln und die an der Oberkante aufhellen. Zum Abdunkeln nehmen wir den NACHBELICHTER, zum Aufhellen der ABWEDLER. 17 Auch die Postkarte und die Mauer Nachbelichter Werkzeug (O) Abwedler Werkzeug (O) auf der Postkarte werfen Schatten. Zeichnen Sie auf einer neuen Ebene mit dem POLYGONLASSO grob den Umriss des Schattens den die Mauer und die Postkarte werfen. Dann addieren Sie den Bereich der Mauer der auch im Schatten liegt und füllen Sie die Auswahl mit 50% Grau. Polygon Werkzeug (U) Abbildung 17: Schatten 18 Schatten nacharbeiten Stellen Sie die Ebene nun auf MULTIPLIZIEREN. Indem Sie mit dem PINSEL und WEIßER FARBE in dem Schatten malen, können Sie die Oberkante der Büsche und die Spitze der Mauer etwas aus dem Schatten nehmen. Über eine EINSTELLUNGSEBENE/ FARBTON- SÄTTIGUNG, als SCHNITTMASKE zum Schatten, färben wir den Schatten nun etwas WÄRMER ein indem wir die Option FÄRBEN aktivieren und den Regler FARBTON in den gelben Bereich verschieben. Gleichzeitig können wir so über die Helligkeit auch die Intensität anpassen, dies ginge aber auch über die TRANSPARENZ der Ebene. Schnittmaske. Über Ebene/ Schnittmaske definieren Sie die oben liegende Ebene eines Ebenenpaares als Schnittmaske zu der darunter liegenden Ebene. Bei zwei normalen Pixel-Ebenen sorgt eine Schnittmaske dafür das der Inhalt der oberen Ebene nur dort sichtbar ist, wo die untere Ebene Pixel hat. Bei einer Einstellungs- oder Korrekturebene, können Sie in dem dazu gehörigen Dialogfenster im unteren Bereich diese Ebene als Schnittmaske definieren, so dass sie nur auf die darunter liegende Ebene wirkt. ] Dipl Photoingenieur mail@towi.de Seite- 12 -Photoshop 2723 virtuelle Postkarte

13 Abbildung 18: Schatten an der Mauer 19 mehr Tiefe Der Übergang am Horizont gefällt mir noch nicht. Um dort ein wenig mehr Tiefe ins Bild zu bekommen, malen wir frei nach Uli Staiger etwas Haze (Dunst) ins Bild. Wählen Sie eine relativ KLEINE PINSELSPITZE mit einer WEICHEN KANTE und malen Sie mit GERINGER DECKKRAFT etwas Dunst an den Horizont. Variieren Sie die Pinselgröße, so dass der Dunst ungleichmäßig wird. Wenn Sie zuvor eine Auswahl erstellen, malen Sie nur dort wo Sie es wollen, sonst müssen Sie hinterher radieren oder maskieren. 20 noch ne Wolke Oben links auf unserer Postkarte ist noch ein wolkenloses Stück Himmel, das möchte ich ändern. Aus der Datei Bretagne JPG nehmen wir die Wolke und fügen diese in unser Composing ein. Dazu markiere ich die Wolke großzügig mit dem Lasso und kopiere sie in unser Bild. Über die Ebeneneigenschaften entfernen wir wie gehabt die dunklen/blauen Bereiche. Klappt leider nicht! Es bleibt ein unsauberer, blauer Bereich unter der Wolke sichtbar. Also anders Über AUSWAHL/ FARBBEREICH AUSWÄHLEN, erstellen wir eine Auswahl des blauen Bereiches, die wir über die Toleranz justieren. Daraus entsteht eine Maske, das klappt. Abbildung 20: die fertige Postkarte ] Dipl Photoingenieur mail@towi.de Seite- 13 -Photoshop 2723 virtuelle Postkarte

14 2013 Dipl. Ing. - mail@towi.de Kopie, Nachdruck und Weiterverbreitung, auch auszugsweise, nur mit Genehmigung. ] Dipl Photoingenieur mail@towi.de Seite- 14 -Photoshop 2723 virtuelle Postkarte