Heute ein kleines aber sehr belibtes Photoshop CS4 Tutorial:

Populär wurde der “Mirror Effect” (oder zu deutsch “Spiegel Effekt”) der an Bildern oder Objekten angefügt wird, mit der Einführung von Apple’s IPOD. Auf der Website und in sonstigen Medien von Apple, gab es immer wieder Objekte zu sehen, die sich auf einer glänzenden Oberfläche wiederspiegelten – sah cool aus und inzwischen, ist es auch keine große Kunst mehr ein belibiges Bild mit diesen Effekt für sich selbst in Photoshop zu versehen. [Neue Version für CS5 oder CS5.5 -> Klick]

Iphone mit Spiegel Effekt

Schritt 1

Für das Tutorial, verwende ich ein Bild von meinem lieblings Model >Adriana Lima< Ihr könnt natürlich auch ein anderes Bild verwenden. Wichtig ist nur, dass der Hintergrund beim erstellen eines neuen Bildes in Photoshop größer sein muss als das eigentliche Bild. Man hat mehr Platz und mehr Spaß

Unser Testobjekt

Schritt 2

nach dem Einfügen des Adriana Bildes in das leere weiße Bild, erstellen wir erstmal eine Ebenenkopie des Adriana Bildes, das wir für die spätere Spiegelung nutzen. Dazu klicken ich auf die Adriana Ebene im rechten Ebenenfenster und zum kopieren, drücke ich die Tastenkombination [STRG + J]. Danach sollte die Ebene kopiert bzw. dupliziert sein.

Ebene kopieren

Schritt 3

Diese neue Ebene habe ich “Adriana Kopie (Spiegelung)” genannt und verschiebe sie unter unsere Hauptebene (Adriana). Falls das mit dem Verschieben der Ebene per Maus nicht klappen sollte, kann man auch einfach die Tastenkombination [STRG + #] verwenden.

Vertikal Spiegeln

Jetzt muss die neue Ebene vertikal gespiegelt werden (siehe Bild oben). Dazu markiert man die kopierte Ebene und drückt auf [STRG+T] oder Bearbeiten > Frei Transformieren. Dann mit rechter Maustaste auf das Bild klicken und “Vertikal Spiegeln” anwählen und mit der ENTER Taste bestätigen.

Verschieben der Spiegelung und Pipetten Punkt für später

Diese gespiegelte Ebene verschieben wir so weit nach unten, wie es oben im Adriana Bild zu sehen ist. Also praktisch um eins drunter verschoben.

Schritt 4

Jetzt müssen wir, um die Spiegelung realistischer wirken zu lassen einen Verlauf einbringen der sich nur auf die Ebene der Spiegelung auswirkt. Dazu wählen wir die gespiegelte Ebene an und klicken auf das “Ebenenmaske hinzufügen” Symbol (Viereck mit Kreis drin).

Ebenenmaske und Verlauf erstellen

Dann wählen wir das Verlaufswerkzeug an und überprüfen oben in der Leiste die Einstellungen, diese sollten wie mit dem unten zu sehenden übereinstimmen.

Verlaufseinstellungen

Jetzt zieht man mit dem Verlaufswerkzeug einen geraden strich von oben nach unten auf der gespiegelten Ebene, die Punkte sieht man auf dem unterem Bild.

Verlaufspunkte der Spiegelung

Ebenenfenster, Ebenenmaske mit Verlauf

Um diese Spiegelung nun realistischer aussehen zu lassen, verringern wir die Deckkraft auf 50%. Nach dem Ihr das getan habt, sollte das nun wie folgt aussehen:

Spiegelung mit Verlauf

Schritt 5

Jetzt ist die Spiegelung soweit erstellt. Um das Gesamtergebnis, jetzt noch optisch mehr aufzuwerten, erstellen wir jetzt noch einen zwei Hintergründe – einen für die Spiegelung und eine für das Hauptbild.

Also, erstmal erstellen wir eine neue Ebene, diese habe ich mal “Hintergrundebene Verlauf 1″ genannt. Diese setzen wir über die Hintergrundebene im Ebenenfenster mittels Drag&Drop oder [STRG + *] oder [STRG + #]

Dann wählen wir das Pipetten Werkzeug an und klicken auf die hellgrüne Stelle über den Fingern (diese hab ich auf Bild 3 ganz oben rot markiert), man kann auch eine andere dezente Farbe auswählen, diese muss nur zum Bild passen. Das alles dient übrigens um die Ebene zu färben!

Fläche füllen Einstellungen

Diese Ebene, müssen wir jetzt mit Farbe füllen und nach unten verschieben. Also wählen wir mit der Tastenkombi [STRG+A] alles von der Ebenmaske an und klicken dann obenen in der Leiste auf “Bearbeiten -> Fläche füllen” dann stellen wir im Optionsfenster ein “Vordergrundfarbe” und wählen als Deckkraft 30%.

Das verschieben von der gefärbten Ebene nach unten, erfolgt zuletzt mit den Pfeiltasten.

Füllung nach unten verschieben

Jetzt müsste das alles am Ende dann so aussehen:

Endposition und Form der Hintergrundfüllung 1

Schritt 6

Jetzt fügen wir dem Hintergrund einen Verlauf hinzu. Dazu erstellen wir wieder eine Ebenenmaske von der Ebene und fügen wie bereits von oben bekannt einen Verlauf hinzu (Verlaufspunkte s.u.).

Verlaufspunkte des Hintergrunds 1

Am ende müsste euer Resultat, dem Bild oben entsprechen.

Schritt 7

Jetzt machen wir das gleiche nochmal, nur für den oberen Bereich. Also, neue Ebene namens Hintergrund Verlauf 2 und plazieren diese über der Hintergrundebene. Dann markieren wir wieder alles mittels [STRG+A] und füllen diesen mit unserer Vordergrundfarbe aus (”Bearbeiten -> Fläche füllen -> Vordergrundfarbe”). Diesmal allerdings, reduzieren wir die Deckkraft im Optionsfenster auf 15%.

Um nun diesem Hintergrund wieder einen Verlauf zu geben, erstellen wir eine Ebebenmaske von der erstellten Hintergrundebene und fügen einen Verlauf hinzu wie wir das bereits oben mehrmals gemacht haben.

Verlaufspunkte des Hintergrunds 2

Das Resultat, müsste jetzt dem Bild oben entsprechen. Unser Spiegeleffekt ist jetzt im grundegenommen fertig und das Resultat, kann sich sehen lassen! Dennoch fehlt immernoch das typische “Apple Finish” so dass das Hauptbild einen leichten Aura-Schlagschatten hat. Diesen fügen wir im nächsten Schritt an.

Schritt 8

Also um das Apple Finish zu erzeugen, klicken wir auf die Adriana Ebene bzw. unserem Hauptbild. Dann klicken wir auf das “FX” Effekte Symbol im Ebenenfenster und wählen den Schlagschatten aus.

hinzufügen des Schlagschattens

Es öffnet sich ein Optionsfenster, wo wir dann die folgenden Werte korrekt übernehmen.

Schlagschatten Einstellungen

Je nach Bild, kann man diese Werte spezifisch anpassen!

Fertiges Apple Finish

Und fertig ist das “Apple Finish” !!! Unser Bild hat nun einen leichten Mac look, das meiner Meinung sehr interessant und cool aussieht.

Schritt 9

Nun klopft man sich auf die Schulter, für dieses tolle Adriana Lima Bild mit HD Spiegel Effekt.

Spiegel Effekt mit Apple Finish

Hier noch übrigens die einzelnen Files zum Downloaden

Das Tutorial ist OpenSource. Kopieren und Weitergeben erlaubt! Eine Quellenangabe auf www.SuperKato.net als Dankeschön, wäre allerdings sehr nett

Video Tutorial und neue Version der Anleitung