Un testo sfavillante animato conferisce ai tuoi design un aspetto glamour e dinamico, perfetto per post sui social media, inviti o opere d'arte digitali. Con Photoshop puoi creare questo effetto facilmente combinando stili di livello, effetti di scintillio e animazione della timeline. In questo tutorial ti mostrerò passo dopo passo come creare un testo scintillante e farlo brillare attraverso l'animazione. Cominciamo e mettiamo il tuo testo in movimento!
1. Nuovo documento
Iniziamo creando un nuovo documento con le dimensioni 574 px x 319 px.
Poi prendiamo lo Strumento sfumatura e riempiamo lo sfondo con i colori #29108c a #152869.
Tiriamo la sfumatura da in alto a sinistra verso in basso a destra.
2. Creare il testo e aggiungere l'effetto brillante
Scegliamo un carattere e scriviamo il testo. Qui ho usato "Franklin Gothic Heavy" di dimensione 235 px e di colore #8e5ade.
Duplichiamo i livelli premendo 2 volte Ctrl+J. Ora abbiamo 3 livelli identici.
Per il primo effetto brillante, aggiungiamo del rumore al primo livello tramite Filtro>Altri filtri>Aggiungi rumore e selezioniamo un valore del 20%. Alla domanda se vogliamo rastremare il livello, confermiamo con OK.
Facciamo lo stesso con il secondo livello. Tuttavia con una Forza del 21%.
E ancora una volta per il terzo livello con un valore del 22%. Ora abbiamo un diverso comportamento del rumore per ciascuno dei tre livelli.
3. Creare lo sfarzo
Creiamo quindi un livello vuoto sopra a ciascun livello di testo per posizionarvi rispettivamente diversi motivi a stella.
Troverete pennelli a stella anche su PSD-Tutorials.de e con il pennello a stella selezionato posizionate molti stelle sul livello inferiore. Varia un po' anche le dimensioni del pennello in modo che le stelle siano disposte in modo casuale.
Fate lo stesso con gli altri due livelli di stelle in modo da ottenere un motivo a stelle diverso.
4. Animare lo sfarzo
Ora arriva la parte interessante, ovvero andremo ad animare lo sfarzo creato. Per farlo, andiamo su Finestra>Animazione…
Clicchiamo poi sull'icona per la Vista fotogramma… che appare nella parte inferiore destra della finestra.
Successivamente clicchiamo 2 volte sull'icona del foglio strappato in basso per creare altri due fotogrammi.
Selezioniamo quindi il primo fotogramma e facciamo apparire il primo livello di testo corrispondente insieme al livello di stelle.
Dopodiché passiamo al secondo fotogramma e facciamo apparire il secondo paio con testo e stelle…
E con il terzo fotogramma facciamo apparire gli ultimi due livelli.
Dopodiché selezioniamo contemporaneamente tutti e tre i fotogrammi tenendo premuto il tasto Maiusc, …
… clicchiamo accanto al numero dei secondi sulla piccola freccia e impostiamo un valore di 0,2 secondi di durata per fotogramma.
E affinché l'animazione non venga riprodotta solo una volta, ma più volte di seguito, impostiamo, come mostrato di seguito, illimitato.
Quando premiamo il pulsante di riproduzione, l'animazione si avvia.
5. Salvare l'animazione
Per salvare la nostra animazione, andiamo su File>Salva per Web e dispositivi.
E dobbiamo semplicemente selezionare GIF nella finestra che compare. Poi clicchiamo su Salva e la nostra animazione sarà salvata.
Spesso succede che le animazioni, quando aperte con visualizzatori di immagini, non vengano riprodotte. Viene mostrato solo un frame. Tuttavia, per poter visualizzare l'animazione basta trascinare il file immagine in una finestra del browser tramite Drag&Drop. In questo modo verrà riprodotta.
Spero che il tutorial vi sia piaciuto. Qui potete vedere il nostro risultato finale:
