Ein animierter Glitzertext verleiht deinen Designs eine glamouröse und dynamische Ausstrahlung – perfekt für Social-Media-Beiträge, Einladungen oder digitale Kunstwerke. Mit Photoshop kannst du diesen Effekt ganz einfach gestalten, indem du Ebenenstile, Glitzereffekte und die Zeitleisten-Animation kombinierst. In diesem Tutorial zeige ich dir Schritt für Schritt, wie du einen funkelnden Glitzertext erstellst und ihn durch Animation zum Strahlen bringst. Lass uns starten und deinen Text in Bewegung setzen!
1. Neues Dokument
Wir fangen an, indem wir uns ein neues Dokument erstellen mit den Maßen 574 Px x 319 Px.
Dann nehmen wir das Verlaufswerkzeug und füllen den Hintergrund mit den Farben #29108c bis #152869.
Den Verlauf ziehen wir von links oben nach rechts unten auf.
2. Text erstellen und mit Glitzereffekt versehen
Wir wählen eine Schriftart aus und schreiben den Text. Hier habe ich die "Franklin Gothic Heavy" verwendet in 235 Px Größe und in der Farbe #8e5ade.
Wir duplizieren die Ebenen, indem wir 2x Strg+J drücken. Nun haben wir 3 identische Ebenen.
Für den ersten Glitzereffekt fügen wir der ersten Ebene ein Rauschen hinzu unter Filter>Rauschfilter>Rauschen hinzufügen und wählen einen Wert von 20%. Auf die Frage, ob wir die Ebene rastern wollen, bestätigen wir mit OK.
Das Gleiche machen wir bei der zweiten Ebene. Allerdings mit einer Stärke von 21%.
Und noch einmal für die dritte Ebene und einem Wert von 22%. Nun haben wir ein unterschiedliches Rauschverhalten für jede der drei Ebenen.
3. Glitzer erstellen
Dann erstellen wir über jeder Textebene eine leere Ebene, um darauf jeweils unterschiedliche Sternenmuster zu setzen.
Sternenpinsel findet ihr auch unter PSD-Tutorials.de, und mit eurem ausgewählten Sternenpinsel setzt ihr auf der unteren Ebene viele Sterne. Variiert auch ein wenig in der Größe des Pinsels, dass die Sterne schön zufällig gesetzt sind.
Das Gleiche macht ihr mit den restlichen beiden Stern-Ebenen, sodass man ein unterschiedliches Sternenmuster erhält.
4. Glitzer animieren
Nun kommt der spannende Teil, und zwar werden wir jetzt unser erstelltes Glitzer animieren. Dazu gehen wir auf Fenster>Animation …
Wir klicken dann im darauf erscheinenden Fenster unten rechts auf das Symbol für die Frame-Ansicht…
Danach klicken wir unten auf das kleine Abrissblock-Symbol 2x drauf, um zwei weitere Frames zu erstellen.
Wir markieren dann den ersten Frame und blenden dafür die erste Textebene ein, passend mit der dazugehörigen Stern-Ebene.
Danach klicken wir auf den zweiten Frame und blenden demnach das zweite Paar mit Text- und Stern-Ebene ein …
Und beim dritten Frame blenden wir die beiden letzten Ebenen ein.
Danach markieren wir mit gedrückt gehaltener Shift-Taste alle drei Frames auf einmal, …
… klicken neben der Sekundenzahl auf das kleine Dreieck und stellen einen Wert von 0,2 Sekunden Abspieldauer pro Frame ein.
Und damit die Animation nicht nur einmal abgespielt wird, sondern mehrmals am laufenden Band, stellen wir, wie unten gezeigt, unbegrenzt ein.
Wenn wir dann den Playbutton betätigen, spielt sich unsere Animation ab.
5. Animation speichern
Um unsere Animation zu speichern, gehen wir auf Datei>Für Web und Geräte speichern.
Und brauchen im darauf erscheinenden Fenster nur GIF auszuwählen. Dann klicken wir auf Speichern und unsere Animation ist gespeichert.
Nun kommt es meist oft vor, dass Animationen, die mit Bildbetrachtern geöffnet werden, nicht abgespielt werden. Es wird nur ein Frame angezeigt. Um die Animation jedoch begutachten zu können, reicht es, wenn man die Bilddatei einfach in ein Browserfenster per Drag&Drop hineinzieht. Dann wird sie auch abgespielt.
Ich hoffe, euch hat das Tutorial Spaß gemacht. Hier seht ihr nun unser Endergebnis:
