Spiegeleffekt
Anzeige Hier werben
1. Allgemeine Vorbereitungen
Bevor wir mit dem Spiegel-Effekt anfangen können, müssen wir einige Vorbereitungen treffen: Zunächst erstellen wir ein neues Bild oder fügen ein vorhandenes ein. Ich habe in meinem Beispiel einen simplen Text gewählt und zur Verschönerung noch einen Spiegeleffekt mit in den Text gelegt. Wie man solch einen erstellt, erfahren Sie im Tutorial "Buttondesign - Web 2.0".
2. Ebene kopieren
Anschließend duplizieren wir unsere Objekt- oder Textebene (Bild 1). Sollten mehrere Ebenen für unseren Spiegeleffekt benötigt werden, wie bei mir die Spiegelung im Text, sollte man die Ebenen zusammen duplizieren und sie anschließend zu einer Ebene reduzieren (Bild 2).
3. Spiegelung erstellen
Als nächsten Schritt erstellen wir die Spiegelung. Dafür wählen wir die eben neu erstellte Ebene mit der Kopie der Textebene aus und spiegeln diese vertikal. Danach wählen wir das Verschieben-Werkzeug und bewegen die gespiegelte Ebene mit der Pfeil-nach-unten-Taste direkt an die Unterkante der Ursprungsebene.
4. Verlauf erstellen
Damit die Spiegelung realer aussieht, legen wir noch einen Verlauf über diese. Dazu erstellen wir als erstes eine Ebenenmaske und wählen beim Verlaufswerkzeug einen linearen Schwarz-Weiß-Verlauf. Diesen ziehen wir dann so über unsere Ebene, dass sie nach unten an Fülle verliert.
5. Letzter Feinschliff
Zu letzt reduzieren wir die Deckkraft der Ebene. Hier müssen Sie selbst eine Einstellung finden, wie Sie Ihre Spiegelung am besten finden. So erhält man eine real aussehende Spiegelung eines Textes.
6. Weitere Möglichkeiten
Dieser Spiegelungseffekt lässt sich nicht nur bei Textebenen anwenden. Auch für andere Grafikobjekte, wie zum Beispiel Screenshots (siehe Beispiel), lässt sich dieses anwenden. Die Vorgehensweise ist parallel zum oben genannten Weg. Sollten Sie zum Beispiel einen Screenshot noch verzerren wollen, empfiehlt es sich beide Ebenen, die des Screenshots und der Spiegelung zum Schluss als letzten Schritt zu verzerren.
Diese Seite kann von jedem registrierten Benutzer bearbeitet werden. Bisher haben 2 Personen an der Seite "Spiegeleffekt" mitgewirkt.
Sie haben einen Fehler entdeckt oder möchten etwas ergänzen? Dann können Sie nach der Anmeldung "Spiegeleffekt" hier bearbeiten.
-
ist 21 Jahre alt und studiert im zweiten Semester Geotechnik und Bergbau an der TU Bergakademie Freiberg. In seiner Freizeit interessiert er sich neben Computern und dem Internet für die Suche und Förderung von Erdöl- und Erdgas. Seine Interessen im Internet liegen auf HTML und CSS.
-
hat keine Beschreibung angegeben. Eine Beschreibung kann man unter dem Punkt "Profil bearbeiten" im Kontrollzentrum eintragen.
..
Sch
Artikelicon
Schöner Grundlagenartikel. Evtl. kannst du noch ein Icon für den Artikel hochladen. Einfach eines der Resultatbilder unter Icon angeben. Das CMS schneidet es dann entsprechend zurecht, bzgl. skaliert das Bild.
Re: Artikelicon
Danke. Ich habe jetzt auch mal ein Icon hochgeladen. Hätte das auch schon eher gemacht, wusste allerdings nicht, dass das System da schon den Rahmen rumsetzt und den Screenshot zurecht schneidet.
nett
sehr interessant, es wäre nett wenn du eine sache näher beschreiben würdest, und zwar die sache mit den buchstben die unter der linie verlaufen, sprich: Webmaster -> p <- ro
den bei dem letzten bild, mit Webmasterpro sieht es nicht real aus, bzw. ka wie ich es beschreiben soll, aber das p reflektiert über den bereich wo es eigentlich nicht sein soll... ich hoffe man versteht mich was ich meine, damit hatten sicherlich viele zu tun gehabt, und bis jetzt habe ich mich nicht wirklich damit auseinandergesetzt und darüber nachgedacht wie man dieses problem am besten löst, es wäre nett wenn sich einer darum kümmern würde ;)
Re: nett
Ja, es sieht nicht toll aus, es geht da aber ja auch mehr um den Screenshot. Vor dem Problem stand ich auch noch etwas, habe nun aber eine Methode entwickelt, wie ich dem entgegen wirken kann, keine Ahnung ob das so richtig ist oder eher der dirty Weg.
Und zwar habe ich folgendes gemacht: die Ebene zur Spiegelung habe ich zwei Mal dupliziert, also sind es dann insgesamt vier Ebenen im oberen Beispiel, einmal die Text und dann die für den Spiegeleffekt im Text. Diese Ebenen werden jetzt noch nicht zusammengefügt, sondern bündig an die Buchstaben angefügt, anschließend werden die Textebenen gerastert und mittels dem Auswahlwerkzeug die doppelten entfernt. Nun werden die vier Ebenen als eine zusammengefügt und man kann die Ebenenmaske und den Verlauf hinzufügen.
Soll ich das einfach mal ins Tutorial mit einbinden?
Re: nett
gerne, aber bitte wenns geht mit ein paar bilder, damit man es besser versteht, da nicht jeder gutes know-how hat in photoshop :)
Re: nett
Hallo,
sorry das ich da bisher noch nicht zu gekommen, ich mache das aber! Ist nur wegen Abi alles zur Zeit etwas rar bei mir mit der Zeit.
Re: nett
Ja klar, ich auch nicht, keine Angst ;) Werde das heute abend mal machen, kann aber etwas dauern, da ich gleich noch weg muss.