Probabilmente hai visto terzi inferiori su quasi tutti i video di YouTube che hai guardato, quei banner che ti chiedono di iscriverti o seguire i loro social o aggiungere fatti divertenti sul video.
I terzi inferiori sono facili da creare e aggiungono un'aria di professionalità a qualsiasi video se fatto bene. In questo tutorial, ti mostriamo come creare un semplice terzo grafico inferiore e come animarlo in Adobe After Effects.
Che cos'è un terzo inferiore?
I terzi inferiori sono vari elementi grafici che appaiono all'interno del terzo inferiore dello schermo video nei video e in televisione. Non devono occupare l'intero terzo inferiore dello spazio, ma qualsiasi elemento grafico che appare in questa sezione inferiore si qualifica come terzo inferiore.
I terzi inferiori possono essere sottotitoli, banner informativi, loghi o messaggi interattivi. In genere, fornisce informazioni allo spettatore, ma potrebbe anche essere utile per l'intrattenimento. Se non vuoi creare tu stesso un terzo elemento grafico inferiore in After Effects, puoi farlo
trova elementi grafici animati usando Jitter.Come creare un terzo inferiore in After Effects
Inizia creando una nuova composizione. Vai a Composizione > Nuova composizione e imposta la dimensione del video; il valore predefinito è 1920 x 1080 px. Clic OK quando hai fatto.
Attiva la trasparenza facendo clic Attiva/disattiva griglia di trasparenza nel pannello di composizione. Poiché il terzo inferiore si sovrappone al metraggio video, è necessario renderizzarlo con uno sfondo trasparente quindi il filmato può essere visibile, ma puoi progettare con uno sfondo colorato e attivare la trasparenza in un secondo momento.
Vai a Strato > Nuovo > Solido per aggiungere una tinta unita. Scegli un colore per il tuo terzo grafico inferiore. Clic OK. L'intera composizione avrà un colore solido che appare anche come livello nella timeline. Puoi cambiare il colore di questa grafica in qualsiasi momento selezionando la grafica e andando su Strato > Impostazioni solide.
Fare clic e trascinare gli angoli per ridimensionare il colore solido a una dimensione più adatta. Una volta che ha le dimensioni di un banner grafico, spostalo nel terzo inferiore dello schermo, hai indovinato.
Accendi il Titolo/Azione sicuro guide premendo l'apostrofo sulla tastiera (‘) che ti aiuta ad allineare il tuo terzo inferiore, in modo che non venga tagliato. Non deve essere centrato, quindi posizionalo dove preferisci all'interno della sezione inferiore della tua composizione, ma tienilo lontano dalle linee guida di sicurezza.
Come animare un terzo inferiore in After Effects
Un terzo inferiore deve essere animato per passare agevolmente dentro e fuori dall'inquadratura. Sulla timeline, apri le proprietà del livello solido e apri Trasformare. Utilizzeremo il Posizione opzione per animare il terzo banner inferiore dentro e fuori dallo schermo. Dovrebbe essere una transizione relativamente semplice per non distrarre lo spettatore dal resto del contenuto video.
Sposta l'indicatore del tempo su 00:02s e seleziona il Cronometro accanto al Posizione per attivare i fotogrammi chiave Posizione. Funzionando all'indietro, questo aggiunge un nuovo fotogramma chiave sulla timeline per indicare la posizione finale dell'elemento grafico.
Quindi riportare l'indicatore del tempo su 00:00 e cambia il Asse X accanto al Posizioneoppure è possibile fare clic e trascinare l'elemento grafico fuori dalla cornice. Sposta il terzo inferiore completamente fuori dal fotogramma nel punto in cui desideri che l'elemento grafico entri.
Ora hai due fotogrammi chiave nella timeline. Evidenzia i fotogrammi chiave facendo clic e trascinandoli sopra per selezionarli entrambi contemporaneamente. Quindi fare clic Editor grafico nella parte superiore della sequenza temporale. Questo ti dà una rappresentazione visiva di come i fotogrammi chiave spostano la tua animazione.
Nel grafico, evidenzia tutti i fotogrammi chiave per i quali desideri modificare le impostazioni. Sulla destra, sotto la timeline, troverai le opzioni su come reagiscono i movimenti. Qui troverai Facile facilità. Easy Ease aggiunge una curva sottile a ogni movimento, quindi non è così brusco. Un fotogramma chiave Easy Ease si trasforma in una clessidra sulla timeline.
Puoi anche fare clic con il pulsante destro del mouse su un fotogramma chiave e scegliere Velocità fotogramma chiave. Qui puoi inserire gli importi sia per la velocità in entrata che per quella in uscita. Un ingresso in entrata di 80 e un ingresso in uscita di 20 porterà rapidamente la grafica ma la sistemerà lentamente.
Per visualizzare in anteprima le modifiche ai fotogrammi chiave, sposta l'indicatore del tempo su 00:00 e premere Barra spaziatrice per avviare e interrompere la riproduzione. Dopo aver impostato i fotogrammi chiave di ingresso, selezionali tutti. Copia i fotogrammi chiave—Ctrl + C (Finestre) o cmd + C (Mac)—e incollali qualche secondo dopo nella timeline—Ctrl + v (Finestre) o cmd + v (Mac).
Riorganizzare i fotogrammi chiave incollati in modo che siano l'inverso dell'ordine originale. Questo crea movimenti in uscita per il tuo terzo inferiore in modo opposto, quindi il banner si sposta fuori dallo schermo invece di entrare.
Aggiungi dettagli al tuo terzo inferiore
Molti vlogger di YouTube utilizzano un terzo grafico inferiore per incoraggiare le persone a iscriversi al proprio canale o a seguire le proprie maniglie dei social media. Quindi facciamolo.
Seleziona il Tipo Strumento—Ctrl + T (Finestre) o cmd + T (Mac) e digita i tuoi handle di social media. Se non è già aperto, vai a Finestra > Carattere per aprire il Carattere pannello. Quindi evidenziare il testo per modificare il carattere tipografico, il colore o la dimensione.
Una volta che il testo è formattato come preferisci, usa il Strumento di selezione (v) per trascinare il testo sopra il colore a tinta unita. Posizionalo come vuoi; non deve essere centrato se questo non è il tuo stile.
Dato che hai già impostato l'animazione Posizione per il colore a tinta unita, puoi facilmente allegare il testo da spostare con le stesse attribuzioni.
Se vuoi che il testo rimanga in cima al blocco colore e passi con esso, cambia lo sfondo principale del testo nel livello di colore pieno. Ciò mantiene il testo e il colore solido come livelli separati, ma li raggruppa insieme per scopi di animazione. Non è necessario aggiungere fotogrammi chiave al livello di testo.
Utilizzeremo anche il Traccia Matte caratteristica. Fare clic con il pulsante destro del mouse Nome sorgente sopra i livelli e scegli Colonne > Modalità.
Sul livello a tinta unita, fare clic Traccia Matte. Puoi scegliere una qualsiasi delle opzioni per vari effetti, ma stiamo andando con Mascherino alfa invertito. Questo inverte il colore del testo, il che, se stai utilizzando uno sfondo trasparente, significa che il testo è trasparente. Premere Barra spaziatrice per visualizzare in anteprima il nuovo effetto. Puoi fare un simile animazione di testo mascherato con Canva.
Seleziona il livello di colore solido e copialo e incollalo (Ctrl + C e Ctrl + v per Windows, o cmd + C e cmd + v per Mac). Seleziona il livello di colore inferiore, quindi vai a Strato > Impostazioni solide per cambiare il colore in un colore accento. Passa a Track Matte su Nessuna traccia opaca su questo strato.
Puoi aggiungere altri elementi al tuo terzo inferiore allo stesso modo, oppure puoi lasciarlo così com'è. Puoi anche importa la grafica di Illustrator per animare in After Effects o fare il possibile e sincronizza il tuo terzo inferiore per reagire a una traccia audio per l'eccitazione visiva.
Renderizza la tua animazione con uno sfondo trasparente, quindi aggiungila come livello quando modifichi qualsiasi video su cui desideri utilizzarla.
Crea un grafico del terzo inferiore professionale con After Effects
Creare un terzo grafico inferiore è più semplice di quanto pensi. È iniziato con un rettangolo di colore e, se hai seguito questo tutorial, ora hai un fantastico banner animato da aggiungere ai tuoi video in After Effects.