Students Save 30%! Learn & create with unlimited courses & creative assets Students Save 30%! Save Now
Advertisement
  1. 3D & Motion Graphics
  2. Workflow
Cgi

Come Creare Effetti di Testo guidati dalle Espressioni

by
Difficulty:IntermediateLength:ShortLanguages:

Italian (Italiano) translation by Emanuele Ravera (you can also view the original English article)

What You'll Be Creating

In questo tutorial, vorrei mostrarvi come creare alcuni effetti di testo utilizzando solamente una singola espressione.

Fase 1

Creare una nuova composizione.

Fase 2

Creare un nuovo Livello di Testo e digitare il contenuto.

Fase 3

Attivare il menu a discesa con le opzioni di Testo.

Fase 4

Cliccare sulle opzioni Anima, scegliere Colore di Riempimento, poi RGB.

Questo viene fatto per creare l'animazione del colore, come potete vedere dal video di anteprima.

Fase 5

Ora aprite le opzioni di Animatore 1 fate clic su Aggiungi poi Selettore e poi Espressione. Inseriremo la nostra espressione qui, piuttosto che utilizzare il Selettore intervallo.

Expression_Driven_Text_FX_Untitled2

Fase 6

Ora è possibile vedere il Selettore Espressione 1 così possiamo eliminare il Selettore Intervallo perché non ne abbiamo bisogno.

Fase 7

Quando aprite le opzioni di Selettore Espressione, potete vedere i parametri Quantità.

Fase 8

Inserire questa espressione nel parametro Quantità.

maxDelay = 0; seedRandom(textIndex,true); myDelay = random(maxDelay); t = time - myDelay; if (t >= 0){ freq =0; amplitude = 0; decay = 0; s = amplitude*Math.cos(freq*t*2*Math.PI)/Math.exp(decay*t); [s,s] }else{ value }

Ci sono alcuni elementi e variabili da spiegare.

  1. maxDelay = Questo valore ritarderà il tempo dell'effetto all'inizio.
  2. freq = Questo valore regola la velocità dell'effetto. Non si noterà nei cambiamenti di colore, ma sarà ben visibile con tutto ciò che gestisce il movimento.
  3. amplitude = questa variabile si occupa della dimensione dell'effetto. La vedrete nelle prossime fasi.
  4. decay = Questo rappresenta quanto velocemente l'effetto dovrebbe terminare. Un valore più alto indica che l'effetto finisce più velocemente.

Fase 9

Cambiamo qualche valore per vedere cosa succede al nostro testo.

Fase 10

Come potete vedere, abbiamo due colori sul testo, che passerà al bianco nel tempo. Ho cambiato il colore dal rosso al giallo.

Fase 11

Duplichiamo Animatore 1 e scegliamo un colore diverso.

Fase 12

Cambiamo leggermente i valori di maxDelay, freq, amplitude & decay e vedremo questo effetto in azione.

Ricordate che l'Animatore in basso dovrebbe sempre avere un valore minore per maxDelay perché il colore in fondo appare sempre in primo piano e quindi dovrebbe svanire più veloce del colore in alto colore, altrimenti si noterà solo il colore di fondo, perché avrebbero gli stessi valori.

Fase 13

Nel video di anteprima è possibile vedere più di due colori che sfumano nel bianco. Duplichiamo gli Animatori a 5 colori.

Fase 14

Ora cambiamo i valori di ognuno di essi. Quelli superiori dovrebbero sempre avere un valore maggiore rispetto a quelli di fondo per il maxDelay.

Fase 15

Si dovrebbe vedere qualcosa di simile. Diversi colori mutano verso il bianco nel corso del tempo.

Fase 16

Penso che abbiamo visto abbastanza per ciò che riguarda i colori. Giochiamo con alcune altre opzioni. Aggiungiamo un Animatore Sfocatura al testo.

Expression_Driven_Text_FX_Untitled3

Fase 17

Aggiungiamo a questo il Selettore Espressione ed eliminiamo il Selettore Intervallo.

Expression_Driven_Text_FX_Untitled4

Fase 18

Inserire la stessa espressione di nuovo per Quantità e diamo un valore a Sfocatura.

Fase 19

Si otterrà il seguente risultato.

Fase 20

Ripeteremo la stessa procedura in tutte le opzioni dell'Animatore. Aggiungiamo un Animatore Scala al testo. Aggiungiamo a questo il Selettore Espressione ed eliminiamo il Selettore Intervallo.

Impostare il valore di Scala a Zero così che il testo si animerà da 0 a 100.

Fase 21

Inserire l'espressione in Quantità.

Notate che ho dato maggior valore per amplitude e un valore più basso per il decay. Se si aumentasse la frequency, le lettere si muoverebbero troppo velocemente, quindi è importante dare un giusto valore.

Fase 22

Si dovrebbe vedere qualcosa di simile.

Expression_Driven_Text_FX_image018

Se si aumenta il valore di decay allora si noterà la riduzione dell'effetto del testo che rimbalza, e le lettere si animeranno direttamente da 0 a 100. Il valore di decay più piccolo darà maggiore profondità.

Fase 23

Disattiviamo tutti gli animatori.

Fase 24

Aggiungiamo un Animatore di Posizione e inseriamo i seguenti valori.

Expression_Driven_Text_FX_image024

Mantenete la frequency bassa o vedrete un movimento troppo veloce.

Fase 25

Ho cambiato solo la Posizione dell'asse Y così potrete vedere qualcosa di simile. Le lettere devono muoversi in modo casuale sull'asse Y.

Fase 26

Modificare il valore del solo asse X .

Fase 27

Vedrete il movimento sull' asse X solo perché ho impostato il valore dell'asse Y a 0.

Fase 28

Aggiungere un Animatore Rotazione.

Fase 29

Inserire l'espressione in Quantità e provate i seguenti valori.

Fase 30

Si dovrebbe vedere qualcosa di simile.

Disattivare tutti gli Animatori tranne la Rotazione. Le lettere si muoveranno casualmente attorno la loro posizione centrale.

Fase 31

Proviamo lo stesso effetto con Inclinazione. Aggiungere un Animatore Inclinazione.

Fase 32

Utilizzare l'espressione con i seguenti valori..

Fase 33

Si otterrà il seguente risultato..

Fase 34

Così si può vedere ogni Animatore dà un effetto unico. È possibile effettuare combinazioni di diversi animatori per ottenere i risultati divertenti, come si può vedere dalla anteprima.

Riattiviamo tutti gli Animatori sullo stesso livello di testo.

Fase 35

Potete vedere tutti gli effetti che si svolgono a caso sullo stesso testo in base al loro valore di tempo e di posizione.

Fase 36

Ho anche creato una sequenza di titoli che è possibile scaricare con il tutorial per darvi un'idea di ciò che si può realizzare.

Note: I livelli testo dovrebbero sempre cominciare all'inizio della composizione perché gli effetti avvengono secondo il tempo della timeline. Se si desidera utilizzare più di un testo su diversi periodi di tempo, è importante effettuare una nuova composizione per ogni livello di testo. È quindi possibile regolare tutte le composizioni nella timeline di conseguenza, come si può vedere da queste ultime tre immagini

Conclusione

Abbiamo finito con il tutorial. Ricordiamo che maxDelay svolge un ruolo importante nelle combinazioni di colore, mentre amplitude e frequency sono importanti in Animatori di movimento come Posizione, Scala e Rotazione. decay vi permetterà di regolare la tempistica degli effetti. È sempre possibile modificare le impostazioni per ottenere risultati migliori. Spero abbiate imparato qualcosa di utile da questo tutorial. Grazie per aver lavorato su questo tema con me!

Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.