Webstandard & Webdesign - CSS, HTML

 

Photoshop Tutorial - Wallpaper im Apple-Style

Photoshop Tutorial - Die umfassenden Funktionen und die durchaus vorhandene Komplexität von Adobe Photoshop macht den Umgang mit dieser Anwendung insbesondere für Einsteiger oftmals nicht sehr einfach. Das heutige 17 Schritte umfassende Step-by-Step Tutorial einer Fotowand soll daher insbesondere den Einsteigern in diese Software, aber auch dem geübten Nutzer, ähnlich dem hier bereits veröffentlichten Photoshop-Tutorial "Welcome to the jungle", einige Tricks und Kniffe für die Gestaltung von Grafiken ( u.a. Spiegelung und Biegung von Objekten, Perspektivisch verzerren, zuweisen von Ebenen-Effekten ), wie dem hier vorgestellten "Wallpaper im Apple-Style", mit an die Hand geben.

Step 1: Datei anlegen

Die hier angelegte Datei beträgt 1920 px Breite auf 1200 px Höhe, 72 RGB, 8 Bit mit weißem Hintergrund. Wählen Sie das Auswahlrechteck-Werkzeug (M) und ziehen eine Fläche von 400x260 Pixel auf. Anschließend füllen Sie die Auswahl mit schwarz (SHIFT + F5).

Abb. 1 - Datei anlegen

Step 2: Duplikat erstellen

Erstellen Sie ein Duplikat der Ebene, indem Sie sie auf das "neue Ebene erstellen" Icon ziehen. Wichtig: Bevor Sie die neue Ebene verschieben rufen Sie über Befehls-/ STRG + T den Transformations-Rahmen auf.

Abb. 2 - Duplikat erstellen

Step 3: Rahmen verschieben

Ziehen Sie nun den zweiten Rahmen an die gewünschte Stelle und bestätigen mit ENTER.

Abb. 3 - Rahmen verschieben

Step 4: Automatische Duplikate in gleichem Abstand

Mit der Tastenkombination: Befehls-/STRG + ALT + SHIFT + T wird in gleichem Abstand wieder ein Duplikat erstellt. Wiederholen Sie diesen Schritt. Anschließend wählen Sie alle vier Ebenen aus und fassen Sie sie über "Ebene > Auf eine Ebene reduzieren" (Befehls-/STRG + E) zusammen.

Abb. 4 - ...

Step 5: Senkrechte Rahmen erstellen

Wiederholen Sie die Schritte nun für die Senkrechte und fassen die 3 Ebenen abschließend wieder auf eine Ebene zusammen.

Abb. 5 - Senkrechte Rahmen erstellen

Step 6: Bild einfügen

Ziehen Sie per Drag and Drop ihr Motiv in die PSD-Datei und wählen dann die Rahmen-Ebene aus. Klicken Sie mit dem Zauberstab (W) auf den ersten Rahmen um die Auswahl zu laden. Anschließend wählen Sie wieder das Motiv und weisen eine Ebenenmaske zu (roter Kreis).

Abb. 6 - Bild einfügen

Step 7: Ausschnitt wählen

Lösen Sie die Verbindung zwischen Ebenenmaske und Ebene um das Motiv mit dem Verschieben-Werkzeug (V) frei zu platzieren. Die Ebenenmaske dient jetzt als Passepartout.

Abb. 7 - Ausschnitt wählen

Step 8: Alle Bilder platzieren

Platzieren Sie wie in Schritt 7 die restlichen Bilder und fassen dann alle Ebenen zusammen. Nun erstellen Sie ein Duplikat.

Abb. 8 - Alle Bilder platzieren

Step 9: Spiegelung

Das Duplikat über "Bearbeiten > Transformieren > vertikal spiegeln", die Deckkraft auf 20% reduzieren und entsprechend platzieren. Anschließend fassen Sie beide Ebenen mit Befehls -/STRG + E zusammen.

Abb. 9 - Spiegelung

Step 10: Perspektivisch verzerren

Rufen Sie über Befehls-/STRG + T den Transformations-Rahmen auf und verzerren Sie durch ziehen am unteren Eckpunkt mit gedrückter Befehls-/STRG Taste die Ebene perspektivisch.

Abb. 10 - Perspektivisch verzerren

Step 11: Bildbreiten anpassen ( optional )

Die rechten Bilder sind durch das verzerren nun sehr langgezogen - dies können Sie mit der Verkrümmen-Transformation wie folgt anpassen. Ziehen Sie eine Hilfslinie ein und wählen "Bearbeiten > Transformieren > Verzerren". Ziehen Sie nun wie abgebildet die Anfasser links oben und unten, sowie die Miite der linken Senkrechte entsprechend nach rechts und bestätigen mit ENTER. Die Bilder haben nun eine einheitliche Breite.

Abb. 11 - Bildbreiten anpassen ( optional )

Step 12: Biegung

Erzeugen Sie ebenfalls mit "Verkrümmen" die Biegung der Bilder. Ziehen Sie dazu wie abgebildet die Waagrechte nach oben.

Abb. 12 - Biegung

Step 13: Bilder hinzufügen

Schieben Sie die transformierten Bilder etwas nach rechts und platzieren Sie links drei weitere Bilder, die sich optisch in die Reiche einfügen. Erstellen Sie wie in Schritt 9 eine Spiegelung der drei Bilder und ziehen Sie anschließend die drei Ebenen auf das "Neue Gruppe erstellen" Icon.

Abb. 13 - Bilder hinzufügen

Step 14: Spiegelung absoften

Damit die Spiegelung sanft ausläuft weisen Sie der zusammengefassten Ebene eine Ebenenmaske zu und malen mit einem großen weichen Pinsel mit schwarzer Farbe. Die unteren Bildbereiche werden so ausgeblendet - sollten Sie zu weit in die oberen Bilder gemalt haben, können Sie mit einem weißen Pinsel wieder gegensteuern.

Abb. 14 - Spiegelung absoften

Step 15: Hintere Bilder abschwächen

Wie im vorherigen Schritt erstellen Sie nun für die Gruppe eine Ebenenmaske und ziehen einen grau-weiß Verlauf von links nach rechts. Die linken Bilder, die sich weiter hinten befinden werden so blasser.

Abb. 15 - Hintere Bilder abschwächen

Step 16: Ebeneneffekt zuweisen

Wählen Sie die Bilder-Ebene aus und weisen Sie einen "Schlagschatten", sowie einen "Schein nach außen" mit folgenden Werten zu. Die Bilder wirken nun wesentlich plastischer.

Abb. 16 - Ebeneneffekt zuweisen

Step 17: finale Gestaltung

Um die Räumlichkeit zu verstärken wurde in den Vordergrund eine Silhouette eingefügt, die einen hellen "Schein nach außen" zugewiesen bekommen hat. FERTIG!

Abb. 17 - finale Gestaltung

Stefan Hüglin, Gastautor dieses Step-by-Step Photoshop-Tutorials ist Grafikdesigner der ccvision GmbH, einem Online-Portal für Grafik, Design und Werbung. Zu empfehlen ist auch der Weblog der interessante Artikel und sehenswerte Tutorials zu Photoshop und Illustrator beinhaltet.

Ähnliche Artikel zu diesem Thema:

• Grunge-Photoshop-Tutorial - Welcome to the jungle
• Illustrator Tutorial - Wikinger-Logo
• Illustrator Tutorial - Feuerwerk