Spiegeleffekt mit Photoshop

Dieses Tutorial zeigt, wie man mit Hilfe von Adobe Photoshop Spiegelungseffekte, wie sie öfter auf Bartelme Design zum Einsatz kommen, erstellt.

Werfen wir am Beginn des Tutorials doch gleich einmal einen Blick auf das Ergebnis, welches wir am Ende erhalten wollen. In diesem Fall handelt es sich um ein iPod mini Icon, welches sich in der polierten Grundfläche spiegelt.

Das Ergebnis, ein iPod mini mit Spiegelung

In einem ersten Schritt erstellen wir in Photoshop eine neue Grafik und fügen das zu bearbeitende Icon in einer eigenen Ebene ein. Aus Gründen der Übersichtlichkeit habe ich die neue Ebene „Icon“ genannt.

Die neue Grafik in Photoshop

In einem nächsten Schritt muss die Ebene dupliziert werden, was am einfachsten über das Kontextmenü der entsprechenden Ebene erreicht werden kann. Nachdem die Ebene dupliziert worden ist, muss sie in weiterer Folge vertikal gespiegelt werden. Dies erreicht man, indem man entweder den Menüpunkt „Bearbeiten — Transformieren — Vertikal spiegeln“ wählt, oder über den Shortcut „Strg+T“ bzw. „Befehl+T“ in den Transformations-Modus wechselt und danach im Kontextmenü den entsprechenden Befehl wählt.

Die duplizierte Ebene wird vertikal gespiegelt

Nachdem die zweite Ebenen nun gespiegelt wurde, kann sie weiter nach unten verschoben werden, bis die Position in etwa jener in der Abbildung entspricht.

Die duplizierte Ebene wird nach unten verschoben

Nun müssen wir über den entsprechenden Button in der Werkzeugleiste in den Maskierungsmodus wechseln.

Über die Werkzeugpalette kommen wir in den Maskierungsmodus

Im Maskierungsmodus wählen wir nun das Verlaufswerkzeug und erstellen einen Verlauf, dessen Ursprung genau in der Mitte der beiden gespiegelten Grafiken liegt. Photoshop zeigt nun den ausgewählten Bereich transparent, und den nicht ausgewählten Bereich in einem leichten Rot an.

Erstellung der Selektion im Maskierungsmodus

Wir verlassen nun wieder den Maskierungsmodus, indem wir den Button links vom zuvor aktivierten Button in der Werkzeugpalette klicken. Die vorhin erstellte Selektion sollte nun mittels eines animierten Selektionsrahmens gekennzeichnet sein. Mit einem Klick auf die Entf-Taste wird der Selektierte Bereich gelöscht. Das Ergebnis sollte nun in etwa der folgenden Abbildung entsprechen.

Die Spiegelung ist fast fertig

Im Prinzip sind wir nun fertig. Um den Effekt noch ein wenig zu verstärken, können wir die Deckkraft, abhängig vom jeweiligen Icon bzw. Hintergrund, noch auf etwa 20% bis 40% reduzieren. Fertig.

Das Ergebnis nach der Reduzierung der Deckkraft.

2 comments so far

Skip to comment form

Andreas December 13, 2006 at 02:31 AM

Bei mir funktioniert das nicht, kann die Ebenen zwar vertikal spiegeln, dann erscheinen sie aber unterhalb des ursprünglichen Bildes nicht, Benutze Photoshop 4.0, da sieht auch das Menü anders aus als bei dir. Außerdem bringen mich Ebenen etc. durcheinander. Kann man nicht einfach das ganze Bild vertikal spiegeln und es dann auch am unteren Rand sehen. Wäre Dir für einen Tip dankbar.

Andy

Jan December 26, 2006 at 09:19 AM

Vielen Dank für das Tutorial. Ist ja recht easy.

Commenting is not available in this weblog entry.