All Articles After Effects
Progettare terzi inferiori in After Effects, Stile Documentario
Richard Lainhart on Tue, August 23rd | 0 comments
Lower third titles have become synonymous with a multitude of genres. With so many different styles available, Richard Lainhart shows how to create a typical animated documentary-style title.

"Terzo inferiore" è il termine comune video broadcast per qualcosa che avete visto centinaia di volte: un elemento grafico animato che appare nella parte inferiore del fotogramma video (di solito nel terzo inferiore dello schermo, da cui il nome), contenente testo che spiega e identifica l'azione sullo schermo. Li vedi regolarmente telegiornali o documentari, in cui si identificano un altoparlante, e in genere costituiti da un elemento più alto con il nome di chi parla, e un elemento più piccolo inferiore con maggiori informazioni sul speaker: "Charles Morris" in alto , e "direttore vendite" sotto di essa, per esempio. Ricerca di "terzo inferiore" su YouTube rivelerà molti esempi e mostrare l'enorme varietà di stili in uso oggi.

In questo tutorial Feature, stiamo per mostrarvi come mettere insieme una fondamentale novità in stile animato terzo inferiore in After Effects . Cominciamo.


Fase 1 - Impostazione del progetto di After Effects

In primo luogo, creare una 640x480 di 10 secondi composizione, con uno sfondo grigio per rendere più facile vedere i nostri elementi:

gray background


(Stiamo andando a lavorare a questa risoluzione standard più bassa qui per rendere le nostre schermate un po 'più gestibile, ma si può facilmente scalare quello che sto per mostrarvi in ​​qualsiasi formato HD.)

Assicurarsi di attivare il Titolo / Azione guida sicura per il comp, abbiamo bisogno di mantenere il nostro testo terzo inferiore all'interno dell'area del titolo di sicurezza per garantire la si vedrà:

Turn on Title/Action safe guides


Fase 2 - Aggiungere il primo elemento

Successivamente, creare un nuovo solido, 450 x 50 pixel, e ne fanno un rosso scura (è possibile utilizzare qualsiasi colore che ti piace, ovviamente, ma non dovrebbe essere troppo chiari o brillanti):

Create a new solid, 450x50 pixels


Posizionare il solido nel terzo inferiore del telaio, ben al di sopra della guida di sicurezza interna del titolo, e allinearlo al lato sinistro del telaio:

align to left side of frame


Fase 3 - Maschera Il primo elemento

Prossima andremo ad aggiungere una semplice maschera per la barra rossa per tagliare un angolo nella sua avanguardia, questo ci darà più di un senso di movimento quando si animano i bar. Così, con il solido selezionato, fare doppio clic lo strumento Rettangolo:

Double-click rectangle tool


Questo aggiunge una maschera rettangolare al solido intero. Quindi selezionare lo strumento Penna (G), e fare clic su sul bordo inferiore della maschera, forse 50 pixel dal bordo destro della maschera, per aggiungere un altro punto per la maschera:

Adding another point to the mask


Scegliere il nuovo strumento di selezione (V), fare clic sul punto più basso della maschera a destra, e ha colpito Elimina per rimuovere quel punto - il solido avrà ora un vantaggio angolato anteriore:

The lower-third now has an angled edge


Infine, selezionare il solido nel pannello Livello, tipo T a Opacità solista, e impostare l'opacità del solido al 60%. Vogliamo fare in modo che possiamo vedere il video sottostante tramite il terzo inferiore:

Set the opacity to 60%


Fase 4 - Animare il primo elemento

Prossima andremo ad animare il solido sullo schermo. Tipo P per solista posizione del solido

Ora selezionare i due fotogrammi chiave di posizione appena creata, Ctrl-clic su uno, e scegliere Assistente fotogramma chiave

[Video id = "8352"]


Fase 5 - Animare il primo elemento di testo

Il nostro prossimo passo è quello di animare nel nostro primo elemento di testo, il nome del nostro soggetto, per cui useremo un predefinito di animazione. Quindi, selezionare il tipo di strumento orizzontale (Comando-T), e nella palette Carattere, scegliete una forte sans-serif, rendono bianco o grigio chiaro, e

Using an Animation preset


Quindi, aprire o anticipare gli effetti

[Video id = "8356"]


Ora, per impostazione predefinita, la Smooth Move In animazione è un po 'troppo lento, quindi cerchiamo di regolare le velocità in fotogrammi chiave di tutto. Con il livello del testo selezionato, al tipo U solista tutti i suoi fotogrammi chiave animata. Selezionare i fotogrammi chiave secondo (quelli a 2:20) per Start, Posizione, Scala, Inclina, e Opacità (tutte le proprietà sotto Selettore intervallo 1) trascinando un rettangolo di selezione intorno a loro, quindi trascinare tutti verso sinistra per circa il 01:15 punto nella timeline. Anteprima, e si dovrebbe vedere una animazione di testo molto più veloce:

[Video id = "8354"]


Fase 6 - Aggiunta di un'ombra esterna agli Elementi

Quindi, solo per aggiungere una profondità poco per l'animazione, stiamo per aggiungere un'ombra esterna sia per il solido e il testo. Così, con il solido selezionato, scegliete Effetto

[Video id = "8353"]


Fase 7 - Creazione di elementi secondari terzo inferiore

Va bene, siamo nel inning finale del nostro tutorial Lower Third. L'ultima cosa che dobbiamo fare è creare gli elementi secondari della nostra animazione e completa il nostro terzo inferiore. Per fare questo, piuttosto che partire da zero, ci limiteremo a duplicare e modificare i nostri elementi esistenti. Quindi, selezionare sia il testo e livelli solidi e digitate Comando-D per duplicare loro. Per ora, spegnere la visibilità del livello di testo duplicato.

Avanti, selezionate il livello duplicato solido e scegliete Livello

Changing the duplicated lower third's solid settings


Ora spostare il CTI avanti a 00:20, posizione da solista per il solido duplicata (che ho intenzione di chiamare lo strato arancione da ora in poi), e regolare sia i valori X e Y per il solido in modo che sia appena sotto il rosso strato, e il suo angolo linea bordo con il bordo angolare dello strato rosso:

Adjust X and Y values for the orange layer


Notare il valore della proprietà Y, a questo punto, il mio è 389. Prossimo spostare il CTI indietro alle 00:00, e impostare il valore Y in quel fotogramma chiave a 389 (o qualunque sia il vostro valore deve essere, in modo che il movimento orizzontale sarà su una linea retta di nuovo), e trascinare il valore X in modo che il strato arancione è appena fuori della cornice visibile. Se anteprima, si dovrebbe ora vedere un'animazione dello strato di colore arancione in movimento alla stessa velocità e il tempo come lo strato rosso, ma solo qui sotto:

[Video id = "8355"]


Ora fissare il testo secondario. Riaccenderlo di nuovo, spegnere il livello originale del testo, e con lo strumento Testo, selezionare il testo secondario e cambiarlo in qualcos'altro. Io sto usando "Director of Sales". Ora spostare il CTI in 01:15, che è dove finisce il testo di animazione, tipo P alla posizione da solista per il testo, e trascinare il valore di Y in modo che il testo secondario si trova sulla parte superiore dello strato di colore arancione. Accendere il testo originale di nuovo, e regolare la posizione orizzontale del testo secondario per allinearla con l'originale, ma tutto dovrebbe essere simile a questa:

The final look of the Lower-Third


Fase 8 - regolare il tempo di animazione

Ed ecco il passo finale: abbiamo bisogno di regolare la temporizzazione degli strati secondari in modo da inserire un po 'più tardi rispetto agli elementi primari. Visivamente, questo aiuta solo a sottolineare gli elementi primari, ed è uno standard inferiore terzo tecnica.

Quindi, selezionate il livello arancione e il direttore del testo strato di vendita, spostare il CTI a 00:20, e trascinare le barre strato rosso nella linea temporale per cui la loro inizi inizio alle 00:20 (assicuratevi di trascinare i corpi delle barre stessi, non l'inizio dei bar, o ti taglio gli strati anziché spostarli):

Adjusting the animation timing of both layers


Ora abbiamo ritardato le animazioni per gli elementi secondari, e il vostro risultato finale dovrebbe essere simile a questo (ho aggiunto l'immagine di un ragazzo in modo da vedere la trasparenza negli elementi terzo inferiore):

[Video id = "8357"]


E il gioco è fatto! Come ho già detto, c'è una varietà infinita di terzi inferiori: sport, notizie, la realtà, meteo e moreand questo è stato molto di base. La maggior parte dei terzi inferiore in questi giorni, infatti, contengono elementi animati all'interno delle barre di sfondo e così prendere un po 'di più da configurare. Ma spero che anche questo semplice tutorial ha aiutato a iniziare a progettare la grafica e l'animazione ufficio. E, come sempre, sperimentare e divertirsi in After Effects !

Comments (0)

You must be logged in to comment. Login Now

Feedback
Course Advisor
Don't Know Where To Start?
Ask A Course Advisor
Ask Us!
Copy the link below and paste it into an email, forum, or Facebook to share this with your friends.
Make money when you share our links
Become a macProVideo.com Affiliate!
The current affiliate rate is: 50%
Classes Start Next Week!
Live 8-week Online Certification Classes for: