Een geanimeerde glittertekst geeft jouw ontwerpen een glamoureuze en dynamische uitstraling - perfect voor social media berichten, uitnodigingen of digitale kunstwerken. Met Photoshop kun je dit effect heel eenvoudig creëren door laageffecten, glittereffecten en tijdlijnanimatie te combineren. In deze tutorial laat ik je stap voor stap zien hoe je een sprankelende glittertekst maakt en deze laat stralen door animatie. Laten we beginnen en jouw tekst in beweging zetten!
1. Nieuw document
We beginnen door een nieuw document te maken met de afmetingen 574 Px x 319 Px.
Vervolgens gebruiken we het verloopgereedschap en vullen we de achtergrond met de kleuren #29108c tot #152869.
We trekken het verloop van linksboven naar rechtsonder.
2. Tekst maken en van glittereffect voorzien
We kiezen een lettertype en schrijven de tekst. Hier heb ik het lettertype "Franklin Gothic Heavy" gebruikt in grootte 235 Px en in de kleur #8e5ade.
We dupliceren de lagen door 2x op Ctrl+J te drukken. Nu hebben we 3 identieke lagen.
Voor het eerste glittereffect voegen we aan de eerste laag ruis toe onder Filter>Ruisfilter>Ruis toevoegen en kiezen een waarde van 20%. Wanneer we gevraagd worden of we de laag willen rasteren, bevestigen we met OK.
Detzelfde doen we voor de tweede laag. Echter met een sterkte van 21%.
En nogmaals voor de derde laag met een waarde van 22%. Nu hebben we een verschillend ruisonderzoek voor elk van de drie lagen.
3. Glitters maken
Vervolgens maken we boven elke tekstlaag een lege laag om daarop verschillende stermotieven te plaatsen.
Sterrenpenselen zijn ook te vinden op PSD-Tutorials.de, en met jullie geselecteerde sterrenpenseel plaatsen jullie veel sterren op de onderste laag. Varieer ook een beetje in de grootte van de penseel, zodat de sterren mooi willekeurig geplaatst zijn.
Detzelfde doen jullie met de overige twee sterlagen, zodat je een verschillend stermotief krijgt.
4. Glitters animeren
Nu komt het spannende deel, namelijk we gaan onze gecreëerde glitters nu animeren. Hiervoor gaan we naar Venster>Animatie...
Daarna klikken we in het venster dat verschijnt rechtsonder op het symbool voor de Frame-Weergave...
Vervolgens klikken we onderaan tweemaal op het kleine bloksymbool om twee extra frames te maken.
We markeren dan het eerste frame en tonen daarvoor de eerste tekstlaag, passend bij de bijbehorende sterlaag.
Vervolgens klikken we op het tweede frame en laten dus het tweede paar met tekst- en sterlaag zien...
En bij het derde frame laten we de laatste twee lagen zien.
Vervolgens markeren we met de toets Shift ingedrukt alle drie frames tegelijkertijd,...
... klikken naast het aantal seconden op de kleine driehoek en stellen een waarde van 0,2 seconden afspeelduur per frame in.
En om te voorkomen dat de animatie slechts één keer wordt afgespeeld, maar keer op keer, stellen we, zoals hieronder getoond, onbeperkt in.
Als we vervolgens op de Afspeelknop drukken, wordt onze animatie afgespeeld.
5. Animatie opslaan
Om onze animatie op te slaan, gaan we naar Bestand>Opslaan voor web en apparaten.
En hoeven in het vervolgscherm alleen maar GIF te kiezen. Vervolgens klikken we op Opslaan en onze animatie is opgeslagen.
Vaak gebeurt het dat animaties die met een beeldviewer worden geopend niet worden afgespeeld. Er wordt slechts één frame weergegeven. Om de animatie toch te kunnen bekijken, volstaat het om het beeldbestand eenvoudigweg naar een browservenster te slepen met Drag&Drop. Dan wordt het wel afgespeeld.
Ik hoop dat jullie plezier hebben gehad in deze tutorial. Hier zien jullie nu ons eindresultaat:
