Nozioni di base dopo Cartoon Effects: Monty Python Bocca Animazione

Sono sicuro che molti di voi hanno visto l'animazione stilizzata bocca fumetto popolare da Terry Gilliam in originale serie Monty Python. Ecco un buon esempio (anche se il video è di pessima qualità):

Il concetto è semplice: prendere un fermo immagine del volto di una persona, e creare una base in playback animazione muovendo la bocca dell'immagine su e giù nel tempo con la traccia audio. (Questo concetto è stato aggiornato di recente con grande effetto nel popolare Jib Jab-animazioni hai anche probabilmente visto.)

In questo tutorial, stiamo per mostrare le basi per creare il proprio stile Monty Python animazioni bocca in After Effects . Cominciamo.

Fase 1 - Assemblare il patrimonio

Per prima cosa, avrete bisogno di un'immagine e alcune audio con cui lavorare. Ho intenzione di utilizzare una scala-on colpo del mio viso, che mostra un sacco di denti, ma con la bocca chiusa altrimenti:

Un'immagine così sarà più facile da lavorare, almeno per il primo tentativo a questo. Avrete anche bisogno di un qualche tipo di audio voce fuori campo per sincronizzare la bocca per, qui è mio, ma è possibile registrare facilmente il proprio con quello del computer microfono incorporato:

Quando si registra l'audio, assicurarsi di registrare su un buon livello alto, e ridurre al minimo suono di sottofondo. In questo modo sarà più facile individuare le tue parole nella forma d'onda più tardi.

Passo 2 - impostare il progetto

Quindi, aprire After Effects, importare i file di origine nel nuovo progetto e creare una nuova composizione, qualcosa di simile:

Assicurati di rendere il vostro colore di sfondo nero, come noi vedremo che quando facciamo la nostra animazione. Questo sfondo nero crea l'illusione della parte interna della bocca come si apre e si chiude.

Fase 3 - Set Up Your Livelli

Successivamente, trascinare due copie della vostra immagine viso nel riquadro Livello della linea temporale, a partire dalla stessa ora e nella stessa posizione. Trascinare il livello audio anche:

Fase 4 - mascherare il livello della bocca

Il nostro prossimo passo è quello di mascherare i nostri due livelli per creare una bocca separato possiamo animare. Fondamentalmente, abbiamo bisogno di avere la parte della bocca da animare, come un livello separato, mentre nello strato dietro di esso, abbiamo bisogno di nero in quella zona in modo che come livello di bocca si muove il nero sarà rivelato, creando l'illusione di l'interno della bocca. Quindi, abbiamo bisogno di isolare solo la bocca su un livello separato, mentre il taglio un foro corrispondente del livello alle spalle. Potremmo farlo in Photoshop, ma è facile da fare in After Effects troppo, quindi lo faremo qui.

In primo luogo, fare doppio clic sul livello superiore per aprirlo in una finestra Layer proprio. Selezionare lo strumento Penna (G), e disegnare una maschera intorno alla parte inferiore della bocca per isolarlo dal resto dell'immagine. Si desidera che la parte superiore della maschera di allinearsi con la separazione tra i denti superiori ed inferiori, e il resto della maschera di delineare solo gli angoli della bocca e un po 'del labbro inferiore. La tua immagine varia, naturalmente, ma per il mio viso, ecco la maschera che sto utilizzando (ho ingrandito per renderlo più facile da vedere):

Non preoccuparti troppo di appianare i bordi della maschera, in questo tipo di cut-out animazione, linee rette fanno parte del look. Ho fatto fare il punto superiore maschera centro un punto Bzier trascinando il punto con lo strumento Penna quando l'ho messo, così ho potuto farla adattare la curva dei miei denti meglio, ma potrebbe non essere necessario o si desidera farlo, a seconda sulla vostra immagine.

Fase 5 - La maschera di livello di fondo

Poi abbiamo bisogno di mascherare il livello basso di fare un buco che rivelerà lo sfondo nero in cui si muove la bocca. Questa è una domanda facile, perché possiamo usare la maschera che abbiamo appena fatto. Quindi, chiudere la finestra Layer, e assicurarsi che la maschera appena creata è selezionata per rotolare giù per le proprietà per lo strato superiore e cliccando sul nome della maschera (che sarà "Maschera 1" a meno che hai modificato o reso altre maschere .)

Copiare la maschera, selezionare il livello inferiore, e incollare la maschera in esso. Si dovrebbe vedere solo la bocca isolato ora, dal momento che entrambi gli strati hanno la stessa maschera. Ora rotolare giù le proprietà per lo strato inferiore e fare clic sulla casella di controllo invertito per la maschera:

Ciò elimina ogni cosa all'interno dell'area della maschera, invece di fuori. Si dovrebbe vedere l'intera faccia

Fase 6 - Animare la Bocca

Quindi, stiamo andando ad animare la bocca e sincronizzare i suoi movimenti alla nostra traccia audio. In primo luogo, rotolare giù tutti i twirlies proprietà per il livello audio per rivelare la forma d'onda audio:

(Si noti che Ho fatto scivolare audio su poco più tardi nel tempo, in modo che non partono proprio all'inizio del clip.) Ora, se si dà un'occhiata la forma d'onda audio, si dovrebbe vedere la picchi di ampiezza where parli ogni sillaba, e il (relativamente) valli silenziose tra le sillabe. È anche possibile Comando trascinare l'indicatore di tempo corrente (CTI) lungo la linea temporale a macchia manualmente attraverso l'audio e identificare i picchi e valli. Ciò che stiamo per fare è semplicemente animare il livello della bocca verso il basso sulle cime, e torna di nuovo sulle valli.

Quindi, selezionate il livello bocca e P tipo di solista sua proprietà Position, poi posizionare il CTI appena prima l'audio inizia. Fare clic sulla proprietà position Time-Vary cronometro per impostare una posizione keyframe. Ora spostare il CTI avanti per il primo picco audio e trascinare la posizione valore Y di proprietà giù un po 'ad aprire la bocca:

Quanto si muove la bocca è a voi, naturalmente, ma dipenderà in parte sulla forma della maschera originale, l'immagine stessa bocca, e il modo esagerato l'effetto desiderato.

Quindi, spostare il CTI avanti verso la valle ampiezza successiva, selezionare il primo fotogramma chiave, copiarlo e incollarlo in al nuovo orario. Ora dovreste avere tre keyframesclosed, aperto, closedthat corrispondenti alla tua prima sillaba:

Da qui, è una questione relativamente semplice per completare l'animazione: selezionare i fotogrammi chiave seconda e la terza che hai appena fatto (aperto-chiuso). Copiarle, spostare il CTI al picco di ampiezza prossimo, e incollare i due fotogrammi chiave. Avrete probabilmente bisogno di regolare la posizione nel tempo del secondo (chiuso) fotogramma chiave, come le sillabe saranno di diverse lunghezze. Basta trascinare ognuno in modo che le linee con una valle ampiezza dopo averlo incollato. (E probabilmente sarà utile per ingrandire la timeline in cui si sta lavorando su questo.)

Anche

Per finire bisogna visualizzare in anteprima le lip-sync e la regolazione dei fotogrammi chiave nel tempo necessario, e quando hai finito, si dovrebbe vedere qualcosa di simile:

E questo è tutto! Come sempre, vi incoraggio a provare le varianti proprio su questa tecnica e, soprattutto, sperimentare e divertirsi!

Non c'è più dettagliata dopo l'animazione di formazione effetti disponibili:

After Effects CS5 302 - Nozioni di base Animazione Cartoon

After Effects CS5 303 - Più di base Animazione Cartoon

After Effects CS5 303 - Più di base Animazione Cartoon.