[HowTo] Glanzanimation über Schrift (mit Adobe's PhotoShop)
So, Kinderchen
In diesem How-To werden wir Schritt für Schritt die Vorgehensweise bei der Erstellung der Schriftanimation in meiner Sig durchgehen.
Ich mache das mit Photoshop CS und Image Ready CS; es funktioniert aber auch mit älteren Versionen (wie alt sie sein dürfen kann ich nicht sagen das findet ihr schon selber raus).
Schritt 1 - Photoshop
Ihr habt eine Schrift ob stinknormal oder mit Effekten ist euch überlassen (auf Effekte werde ich hier nicht eingehen). Es ist nicht wichtig, ob es nun eine reine Schrift, oder die Schrift Bestandteil eines Bildes ist sie muss allerdings eine eigene Ebene haben!
Die Schrift sollte links und rechts noch etwas Abstand zu den Bildenden haben (muss nicht sein erleichtert aber später die Arbeit etwas).
Über diese Schrift legt ihr eine neue Ebene an und wählt das Verlaufswerkzeug 1.
Dort wählt ihr den Verlauf Vordergrund zu Transparent 2 und stellt auf reflektierter Verlauf um 3.
Als Vordergrundfarbe habe ich irgendein Grau genommen.
Ihr könnt natürlich mit den Farben rumspielen das ändert natürlich auch das Endprodukt.
Schritt 2
Nun müsst ihr darauf achten, dass die Ebene oberhalb des Textes ausgewählt ist 1.
Hier könnt ihr einen Verlauf ziehen, wie es euch passt wenn ihr noch nicht so oft mit dem Verlaufswerkzeug gearbeitet habt, dann probiert ein wenig herum. Ich habe einen leicht diagonalen Verlauf genommen 2; waagrecht, senkrecht spiegelverkehrt alles möglich, darauf kommt es nicht an.
Schritt 3
Hier kommt nun das einzige Geheimnis bei der ganzen Sache. Wer diesen Tastaturbefehl bzw. die Möglichkeit eines solchen Effektes nicht kennt, hat kaum eine Chance den Schrifteffekt zu erstellen.
Das Geheimnis lautet [Strg]+[G].
Die Ebene mit dem Verlauf sollte aktiv sein und sie muss sich unmittelbar oberhalb der Textebene befinden also achtet darauf, falls euer Bild mehrere Ebenen hat!
Nun könnt ihr sehen, dass im Ebenenfenster bei der Schriftebene ein kleiner Pfeil aufgetaucht ist 1 und sich der Verlauf auf einmal reduziert hat 2.
Der Tastaturbefehl hat eine so genannte Schnittmaske erstellt dadurch wirkt der Verlaufseffekt nur auf die direkt darunter liegende Ebene.
Schritt 4
Der normale Verlauf über der Schrift sieht ja ziemlich langweilig aus deshalb müsst ihr den Ebenenstil umstellen ich habe ihn auf Strahlendes Licht 1 gestellt, da mir das in diesem Fall am besten gefiel 2.
Je nach Schriftgröße und Farbe, sowie Verlaufsgröße und Farbe, kann ein anderer Ebenenstil schöner sein da müsst ihr halt rumprobieren.
Nun sind wir mit Photoshop fertig und es wird Zeit das Kunstwerk zu Speichern, um später einen anderen Verlauf, eine andere Farbe etc. einfügen zu können.
Ganz wichtig (besonders für Morph der jpg/gif-Verliebte ) ist es, dass ihr im Photoshopformat speichert (*.psd)!
Schritt 5 ImageReady
Ihr könnt PS schließen und IR öffnen oder ihr wechselt einfach mit [shift]+[strg]+[m] oder einem Klick auf
Hier öffnet ihr das Bild und aktiviert das Animations-Fenster, falls es nicht da ist.
Nun müsst ihr die Ebene mit dem Verlauf (muss aktiviert sein) mit dem Verschiebewerkzeug [v] so weit nach links schieben, dass der Effekt auf der Schrift nicht zu sehen ist.
Wenn ihr das getan habt, dann sollte das Animationsfenster wie folgt aussehen und ihr könnt auf neuen Frame klicken 1.
Schritt 6
Der 2te Frame sollte nun ausgewählt sein (passiert automatisch), ebenso die Ebene mit dem Verlauf!
Wenn beide aktiviert sind, dann müsst ihr wieder mit dem Verschiebewerkzeug die Verlaufsebene verschieben diesmal so weit nach rechts, dass der Effekt nicht mehr auf den Text wirkt!
(Natürlich ist es euch überlassen, ob der Verlauf von links nach rechts erfolgt oder ihr andere Ideen habt es bleibt euch überlassen)
Wenn ihr dies erfolgreich hinter euch gebracht habt, dann klickt ihr auf dazwischen einfügen 1 und stellt ca. 5-10 Frames ein (je mehr Frames, desto sanfter erfolgt der Übergang und umso langsamer kann man das Ganze laufen lassen allerdings erhöht sich auch die Bildgröße). Wenn der text recht lang sein sollte, dann kann man natürlich auch mehr Frames einstellen.
Schritt 7
Nun müsst ihr die Animationseigenschaften aufrufen 1 und dort alle Frames markieren.
Nun ändert ihr über einen Klick auf 2 die Verzögerung auf ca. 0,1s.
Anschließend wählt ihr den ersten Frame und stellt hier die Verzögerung auf ca. 3s.
Nun könnt ihr das Ganze über Datei > optimierte Version speichern abspeichern.
(Die Kompression lässt sich über Fenster -> Optimierung einstellen. Die Ergebnisse der Einstellungsänderungen könnt ihr auch gleich sichtbar machen, indem ihr in den Reitern über dem Bild von Original auf Optimiert umschaltet )
Frohes Schaffen!
Lobreden, Fragen, Probleme und weitere Tips zum diesem Howto können hier gepostet werden!
____________________