X Course Advisor FREE Course Advisor
(Close)
Watch Tutorials
macProVideo.com
Close
Progettare terzi inferiori in After Effects, Stile Documentario
Tradotto da Google Translate

"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 !

Richard Lainhart

Richard Lainhart | Articles by this author

Richard Lainhart is an award-winning composer, filmmaker, and author. His compositions have been performed in the US, Europe Asia, and Australia, and recordings of his music have appeared on the Periodic Music, Vacant Lot, XI Records, Airglow Music, Tobira Records, Infrequency, VICMOD, and ExOvo labels. His animations and short films have been shown in festivals in the US, Europe, and Asia, and online at ResFest, The New Venue, The Bitscreen, and Streaming Cinema 2.0. He has authored over a dozen technical manuals for music and video hardware and software, served as Contributing Editor for Interactivity and 3D Design Magazines, and contributed to books on digital media production published by IDG, Peachpit Press, McGraw Hill, and Miller Freeman Books. Previously an Adobe Certified Expert in After Effects and Premiere, a demo artist for Adobe Systems, and co-founder of the official New York City After Effects User Group, he was, from 2000-2009, Technical Director for Total Training Productions, an innovative digital media training company based in New York and California.

Comments

You must be logged in to post a comment.
Create an Account  Login Now

What is macProVideo.com?

macProVideo.com is an online education community featuring Tutorial-Videos & Training for popular Audio & Video Applications including Adobe CS, Logic Studio, Final Cut Studio, and more.
© 2018 macProVideo.com
a division of NonLinear Educating Inc.
Link