En animerad glittertext ger din design en glamorös och dynamisk känsla - perfekt för sociala medieinlägg, inbjudningar eller digital konst. Med Photoshop kan du enkelt skapa denna effekt genom att kombinera lagerstilar, glittereffekter och tidslinjeanimation. I denna handledning visar jag steg för steg hur du skapar en glittrande text och får den att lysa genom animation. Låt oss börja och få din text att röra på sig!
1. Nytt dokument
Vi börjar med att skapa ett nytt dokument med dimensionerna 574 px x 319 px.
Sedan tar vi gradientverktyget och fyller bakgrunden med färgerna #29108c till #152869.
Vi drar gradienten från övre vänster till nedre höger.
2. Skapa text och lägg till glitzereffekt
Vi väljer en typsnitt och skriver texten. Här har jag använt "Franklin Gothic Heavy" i storlek 235 px och färgen #8e5ade.
Vi duplicerar lagren genom att trycka 2x på Ctrl+J. Nu har vi 3 identiska lager.
För den första glitzereffekten lägger vi till brus på det första lagret under Filter>Brusfilter>Lägg till brus och väljer en nivå på 20%. När vi blir ombedda att rasta lagret, bekräftar vi med OK.
Vi gör samma sak för det andra lagret. Men med en styrka på 21%.
Och igen för det tredje lagret med en nivå på 22%. Nu har vi en annan brusuppträdande för varje av de tre lagren.
3. Skapa glitter
Sedan skapar vi en tom yta över varje textlager för att placera olika stjärnmönster på.
Stjärnpenslar finns också på PSD-Tutorials.de, och med din valda stjärnpensel placerar du många stjärnor på det undre lagret. Variera även lite i penselstorleken så att stjärnorna är snyggt slumpvis placerade.
Gör samma sak med de återstående två stjärnlagen för att få olika stjärnmönster.
4. Animera glittret
Nu kommer den spännande delen, nämligen att animera vårt skapade glitter. För detta går vi till Fönster>Animation …
Vi klickar sedan på symbolen för Bildvisning längst ned till höger i det fönster som visas …
Därefter klickar vi två gånger på det lilla torg-liknande symbolen längst ned för att skapa två ytterligare bilder.
Sedan markerar vi det första bilden och visar det första textlagret, matchat med det motsvarande stjärnlager.
Därefter klickar vi på den andra bilden och visar därefter det andra paret med text- och stjärnlager …
Och på den tredje bilden visar vi de två sista lagren.
Därefter markerar vi alla tre bilder samtidigt med Skift-tangenten nedtryckt, …
… klickar bredvid sekundantalet på den lilla pilen och ställer in värdet av 0,2 sekunders speltid per bild.
Och för att inte animationen ska spelas bara en gång, utan flera gånger i rad, ställer vi, som visas nedan, obegränsat in.
När vi sedan trycker på Play-knappen, spelas vår animation upp.
5. Spara animationen
För att spara vår animation går vi till Fil>Spara för webben och enheter.
Och behöver bara välja GIF i det fönster som dyker upp. Sedan klickar vi på Spara och vår animation är sparad.
Ofta är det så att animationer som öppnas med bildvisare inte spelas upp. Bara en enda bild visas. För att kunna granska animationen behöver man bara dra och släppa bildfilen i ett webbläsarfönster med Drag&Drop. Då spelas den också upp.
Jag hoppas att ni har haft roligt med handledningen. Här ser ni nu vårt slutresultat:
