Spiegeleffekt mit Photoshop
Dieses Tutorial zeigt, wie man mit Hilfe von Adobe Photoshop Spiegelungseffekte, wie sie öfter auf Bartelme Design zum Einsatz kommen, erstellt.
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.

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.

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.

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

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

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.

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.

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.

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.