Come creare un'animazione per YouTube in CrazyTalk Animator 3

Cosa starai creando

Quando crei i video di YouTube, a volte una registrazione pura non è abbastanza accattivante. Puoi arricchirlo aggiungendo speciali elementi animati. Ad esempio, un personaggio animato potrebbe aiutarti a rimanere anonimo, fornendo comunque qualcuno con cui identificarti. Puoi anche presentare un concetto che non può essere registrato nella realtà o porre l'accento visivo su alcuni elementi del video.

Se vuoi provare questo, ma non sei sicuro di come, questo tutorial è solo per te! CrazyTalk Animator 3 consente agli utenti di creare animazioni in modo facile e diretto. Puoi semplicemente creare qualcosa in Photoshop e poi importarlo per l'animazione. Quindi è possibile aggiungere movimenti automatici e manuali, modificare le espressioni facciali, aggiungere suoni e così via.

In questo tutorial, ti mostrerò alcuni trucchi utili che puoi usare per i tuoi video: come creare una versione animata "chibi" del presentatore, come incorporare un video all'interno dell'animazione, come sincronizzare il labiale con l'audio e come aggiungere espressioni facciali e movimenti ad esso. Ti mostrerò anche come aggiungere oggetti di scena ed effetti sonori animati. Userò il mio video, ma puoi usare qualcosa di tuo proprio con uno scopo simile.

E una volta che hai imparato a creare la tua animazione di YouTube, puoi inviarla al Concorso Animation At Work!

1. Come preparare le risorse per l'animazione

Passo 1

Se vuoi creare un personaggio per la tua animazione, prima devi progettarlo. Disegnalo e pianifica i colori, quindi aprilo in Photoshop o Illustrator e abbassalo Opacità.

Se non sai come progettare un personaggio del genere, prova questo tutorial:

Passo 2

Crea gli occhi usando forme vettoriali su livelli separati. Se sei nuovo in questa tecnica, puoi imparare come creare semplici vettori in Photoshop in questo rapido tutorial:

Puoi anche imparare a creare personaggi in Illustrator da questi tutorial:

Passaggio 3

Crea il viso e alcuni capelli basici. Puoi sfumarlo in modo semplice aggiungendo una sfumatura radiale in cima, ritagliata alla forma dei capelli. Tenere separate le parti anteriore e posteriore del taglio di capelli.

Passaggio 4

Finisci il corpo, costruisci tutto da forme semplici e poi rimodellandole.

Passaggio 5

Per rendere il nostro personaggio veramente umano, dobbiamo dargli delle espressioni facciali. Crea varianti degli occhi per:

  • sorriso, sorridere
  • Occhi chiusi
  • Occhi ben chiusi
  • Occhi socchiusi
  • Occhi con iride speciale

Passaggio 6

Crea anche varie bocche:

  • Bocca aperta in un sorriso
  • Bacio
  • Labbra aperte
  • Mostrando i denti
  • Bocca spalancata

Passaggio 7

Perché vogliamo che il nostro personaggio parli, abbiamo bisogno di creare altre varianti delle forme della bocca, ognuna progettata per un suono diverso:

  • Ah, io
  • Oh
  • EE
  • U
  • Corteggiare
  • F, V
  • L, N, D, Th
  • C, D, S, K, Z

Passaggio 8

Potresti anche aver bisogno di altri elementi che desideri includere nel tuo video. Ad esempio, puoi visualizzare un video all'interno del tuo video posizionandolo su uno schermo falso del laptop. Puoi scaricarlo su Envato Elements e rimuovere lo schermo in Photoshop con Strumento bacchetta magica (W).

2. Come preparare le risorse per l'importazione

Passo 1

CrazyTalk Animator 3 è progettato per funzionare con risorse create in Photoshop, ma devono essere preparate appositamente per questo. Se hai creato il tuo personaggio altrove, copialo ora su Photoshop, tenendo separati questi elementi:

Non è necessario trascinare le parti in questo modo, è solo per lo spettacolo!

Passo 2

Scarica un pacchetto speciale di modelli, estrailo e vai a 01_Templates> Human_Front_Full_Template. Posiziona entrambe le finestre una accanto all'altra, seleziona tutti i livelli nel modello e trascinali nella finestra con il carattere.

Passaggio 3

Ridimensiona (Control-T) il contenuto dei livelli per adattare le dimensioni del modello al tuo personaggio.

Passaggio 4

Per far sapere a CTA3 quali parti del corpo sono, devi posizionare i livelli nelle cartelle corrispondenti. Rimuovi gli strati fittizi da loro e sostituiscili con i tuoi.

Passaggio 5

Metti anche gli elementi per la testa nella cartella Head_Image.

Passaggio 6

Gli occhi e la bocca hanno altre cartelle all'interno, per tutte le varianti che abbiamo creato in precedenza. Per la bocca, posiziona ogni espressione e suono separatamente:

Passaggio 7

Per gli occhi, nel Normale cartella, posizionare l'iride e il bianco dell'occhio separatamente.

Posiziona le altre espressioni nel EyeWhite cartella.

Passaggio 8

Infine, devi far sapere a CTA3 come appare lo scheletro del tuo personaggio. Nella cartella RL_Bone_Human, troverai dei marcatori speciali per ogni parte del corpo. Mettili nelle articolazioni. Puoi usare il modello come riferimento.

Passaggio 9

Anche gli elementi del viso hanno bisogno dei loro indicatori. Qui non si tratta di giunture, ma di posizionamento. Troverai questi indicatori RL_TalkingHead> HeadBone.

3. Come importare un personaggio da Photoshop a CrazyTalk Animator 3

Passo 1

Apri CrazyTalk Animator 3. Vai a Render> Render video e cambia il Dimensione della cornice a quello che vuoi che il video sia. Non premere Export - basta premere il tasto X.

Passo 2

Innanzitutto, trascina l'immagine del laptop nella scena (assicurati che sia un'immagine .png). Selezionare Puntello.

Passaggio 3

Ridimensiona l'immagine per riempire la cornice.

Passaggio 4

Ora trascina il video (senza audio) sulla scena. Alcuni formati potrebbero non essere supportati. In caso di problemi, converti il ​​tuo video in .avi. Ridimensiona il video per riempire lo schermo.

Passaggio 5

Come puoi vedere, il video è ora davanti allo schermo, che non sembra molto convincente. Fortunatamente, CTA3 supporta la terza dimensione! Basta trascinare la piccola freccia in basso per spostare il video sul retro.

Passaggio 6

Ridimensiona nuovamente il video e assicurati che nulla di importante venga tagliato dalla cornice del laptop. Puoi trascinare l'indicatore sulla timeline per vedere il video, ma assicurati di ridimensionarlo sempre sul primo fotogramma, altrimenti verrà registrato come un cambiamento animato!

Passaggio 7

Aggiungiamo il personaggio ora. Clic Crea Gone Free Bone Actor.

Vedrai il tuo personaggio insieme a una sovrapposizione di scheletri, proprio come lo hai progettato

Passaggio 8

Potresti notare che alcuni livelli sono nell'ordine sbagliato. Puoi sistemarlo andando a Layer Manager....

... e trascinando gli strati dove vuoi che siano.

Passaggio 9

Per vedere se il tuo scheletro funziona correttamente, clicca Anteprima e gioca con le ossa. Controlla se il corpo si muove senza problemi più grandi mentre muovi le ossa.

Passaggio 10

Puoi anche testare il tuo personaggio usando Calibrazione:

Passaggio 11

Hai trovato qualcosa di sbagliato, qualcosa che ti piacerebbe aggiustare? Basta selezionare Avvia all'Editor PSD esterno. Il tuo personaggio verrà aperto in Photoshop, dove potrai modificare ciò che desideri. Appena Salvare il file quando si desidera sincronizzarlo.

Passaggio 12

Tutto fatto? Ritornare a Modalità Stage.

Passaggio 13

Ridimensiona e posiziona il tuo personaggio dove vuoi che sia. Assicurati di farlo nel primo fotogramma!

4. Come aggiungere la sincronizzazione labiale all'animazione

Passo 1

Facciamo parlare il nostro personaggio! Selezionalo e fai clic Crea script.

Passo 2

Selezionare Wave File e scegli il tuo audio.

Passaggio 3

Se giochi ora l'animazione, vedrai che funziona già!

Tuttavia, poiché tutto è automatico, non è una sincronizzazione perfetta. Risolviamolo! Apri il Timeline Editor (F3) e fare clic Viso.

Passaggio 4

Aperto Voice Clip per vedere sia la traccia audio che le espressioni labiali ad essa assegnate.

Passaggio 5

Se fai doppio clic sul suono, vedrai un elenco di tutti i suoni e le loro espressioni. Puoi facilmente passare da quello attuale a qualcosa di meglio. È inoltre possibile regolare l'intera traccia manualmente, copiando i suoni, rimuovendoli e inserendone di nuovi. Un buon risultato può richiedere del tempo, a seconda della precisione della sincronizzazione automatica e del tuo stile.

5. Come aggiungere animazioni facciali

Passo 1

Il nostro personaggio sembra un po 'strano, parla senza espressioni facciali. Cambiamolo! Seleziona il personaggio e clicca Face Puppet.

Passo 2

In questo editor, puoi giocare con varie espressioni facciali che vengono create automaticamente. stampa Spazio e muovi il cursore per testarlo.

Passaggio 3

Facciamo muovere il capo mentre parliamo, ma senza guardarsi attorno. Cancella selezione per deselezionare tutti gli elementi del viso.

Passaggio 4

Ora seleziona solo entrambi i tipi di rotazione.

Passaggio 5

stampa Disco e poi Spazio o accedere per registrare il movimento. Muovi la testa per sottolineare i suoni pronunciati. Puoi anche aggiungere lampi occasionali facendo clic con il tasto sinistro del mouse. 

Passaggio 6

Possiamo aggiungere un altro tipo di animazione semplice: fai in modo che il personaggio guardi le cose mostrate nel video. Per fare ciò, torna di nuovo al primo fotogramma e scegli una faccia generale. Quindi disattivare entrambi i tipi di rotazione della testa.

Passaggio 7

stampa Disco e osserva cosa succede nel video per guidare di conseguenza gli occhi del personaggio.

6. Come animare un personaggio in CrazyTalk Animator 3

Passo 1

Va bene, la faccia è animata, ma il resto del corpo sembra molto rigido. Possiamo cambiarlo facilmente aggiungendo alcune animazioni automatiche. 

Vai al primo fotogramma e apri Content Manager> Animazione> Motion> 1_G3_Human> Elastic Folks Front> Idle & Talk. Scegli alcune animazioni che sembreranno belle e senza distrazioni. Puoi utilizzarne quanti ne vuoi, in qualsiasi configurazione, ma tieni presente che quelli contrassegnati da S, L ed E devono essere usati insieme.

Passo 2

Ma queste erano solo animazioni automatiche. Il tuo video potrebbe richiedere che il personaggio si muova in un modo speciale, il che è anche possibile! Seleziona il personaggio e clicca Movimento.

Questo aprirà una timeline per tutte le animazioni. Potresti vedere punti grigi posizionati dove iniziano le animazioni automatiche. Questi punti (fotogrammi chiave) indicano un cambiamento di posa e puoi posizionarli manualmente premendo V. Per assicurarti che le tue modifiche non influiscano sulle modifiche precedenti / successive, circonda sempre l'animazione con altri due fotogrammi chiave che salveranno la posa prima e dopo di essa.

Passaggio 3

Ad esempio, facciamo in modo che il personaggio muova il braccio in un saluto. Per spostare manualmente le ossa, apri il Editor di tasti di movimento 2D.

Passaggio 4

Come ti ho mostrato prima, crea due fotogrammi chiave, sposta l'indicatore della timeline tra di loro e cambia la posa del tuo personaggio.

Puoi copiare e incollare la posa per farla durare più a lungo. Se la trovi confusa, ecco una rapida spiegazione:

  1. Questo è lo stato salvato di ciò che accade prima di questa animazione.
  2. Qui inizia l'animazione automatica.
  3. Questo è lo stato salvato di ciò che accade dopo questa animazione.
  4. Questa è la posa cambiata.
  5. Questa è la posa cambiata copiata.

Innanzitutto, il personaggio sposta la sua mano dalla posa 1 alla posa 4. Quindi, tra 4 e 5, non cambia nulla, quindi non c'è animazione. Successivamente, il personaggio sposta la sua mano dalla posa 5 alla posa 3. Quindi inizia l'animazione automatica (2).

Passaggio 5

Puoi cambiare il tempo della transizione di tasto destro del mouse il secondo fotogramma chiave di un movimento e selezionando Curva di transizione.

Qui puoi testare varie varianti del movimento. Gioca con loro per vedere cosa sembra più naturale.

Passaggio 6

Usa lo stesso metodo per aggiungere tutte le animazioni di cui hai bisogno. 

7. Come aggiungere puntelli all'animazione

Passo 1

L'animazione è terminata, ma possiamo ancora vivacizzarla. Ad esempio, possiamo fare in modo che il personaggio punta un dito verso qualcosa, invece di mostrare una mano aperta. Per fare ciò, seleziona il personaggio ed entra Modalità compositore.

Passo 2

Lanciarlo a Photoshop.

Passaggio 3

In Photoshop, aggiungi una mano con un dito puntato alla cartella con la mano. Mettilo sotto quello predefinito e nascondilo. Salvare il file per sincronizzare il personaggio.

Ho usato questa opportunità per cambiare la direzione dei pollici, per far sì che il personaggio mostri i palmi delle mani in un modo più accogliente.

Passaggio 4

Ritornare a Modalità Stage e sposta l'indicatore della timeline nel punto in cui vuoi che avvenga la modifica. Aperto Sprite Editor.

Passaggio 5

Qui hai la lista di tutti gli sprite disponibili per ogni parte del corpo. Basta selezionare il dito puntato per cambiare la mano.

Passaggio 6

Dopo aver apportato questa modifica, lo sprite rimarrà in questo modo finché non lo cambierai di nuovo. Basta spostare l'indicatore della timeline per impostare il tempo per esso.

Passaggio 7

Ma possiamo anche fare altre cose, ad esempio aggiungere alcuni elementi che aiuteranno nella spiegazione. Nel mio video, il personaggio parla di "bordi frastagliati", ma non sono realmente visibili a questa distanza. Aggiungiamo una lente di ingrandimento per mostrarli.

Vai a Content Manager> Puntelli> Bonus-Simboli iconici> Colore> Lente di ingrandimento e trascina la lente di ingrandimento sulla scena.

Passaggio 8

Vai a Modalità compositore e lanciare la lente d'ingrandimento di Photoshop. Qui puoi aggiungere un'immagine dei bordi sfocati e irregolari che vogliamo mostrare. Uniscilo con la lente di ingrandimento, quindi salva il file.

Passaggio 9

Vogliamo che la lente di ingrandimento sia visibile solo in una sezione del video, non sempre. Clic Visibile...

... quindi vai al primo frame, tasto destro del mouse esso e selezionare Visibile / Invisibile.

Quindi vai nel punto in cui dovrebbe essere visibile e ripeti. Sposta l'indicatore della timeline dove vuoi che sparisca, e fallo di nuovo. Una linea tra due punti dovrebbe apparire dove è visibile la visibilità.

Passaggio 10

Ci sono animazioni speciali che possono essere usate per un oggetto come questo. Vai a Movimento elastico trovarli. Nel 1_Entrance troverai fantastiche animazioni per introdurre un oggetto, e in 3_Exit quelli che ti aiutano a sbarazzartene. Scegli qualcosa per il tuo ingranditore, posizionando le animazioni nel breve periodo di visibilità.

Passaggio 11

Nel Puntelli> Icona di base, troverai una freccia che può essere utilizzata anche nel nostro video. Trascinalo sulla scena ...

... e ridimensiona.

Passaggio 12

Vai a Movimento elastico per scoprire cosa puoi usare per rendere questa freccia più interessante. Annulla ogni animazione dopo averla testata, non vogliamo ancora applicare nulla.

Passaggio 13

Puoi assegnare le animazioni all'oggetto tramite tasto destro del mouse e selezionando Action Menu Editor.

Passaggio 14

Qui puoi aggiungere le animazioni che ti sono piaciute in precedenza.

Passaggio 15

Salviamo questa freccia con animazioni incluse come oggetti di scena personalizzati.

Passaggio 16

Ora puoi trascinare la freccia dove vuoi che sia ...

... e quando vuoi animarlo, semplicemente tasto destro del mouse e selezionare le azioni dal menu. Non dimenticare di modificare separatamente la visibilità per ciascuna freccia!

8. Come aggiungere effetti sonori all'animazione

Passo 1

Infine, aggiungiamo alcuni suoni per rendere il tutto più coinvolgente. Nel Progetto livello, fare clic Musica.

Passo 2

Trascina qui la tua musica di introduzione. Ho usato una parte di questo suono.

Passaggio 3

Per modificare il volume del suono, fai clic sull'icona della nota.

Passaggio 4

Qui puoi cambiare il volume, così come il Dissolvenza in entrata e Su effetti.

Passaggio 5

Questo livello di musica può essere utilizzato come qualsiasi altro livello. Puoi inserire un nuovo effetto sonoro qui, purché tu abbia spazio. Ho aggiunto musica outro alla fine.

Passaggio 6

Puoi anche aggiungere altri effetti sonori. Clic Suono FX1 per aprire il suo strato.

Passaggio 7

Inserisci qui un suono del clic del mouse.

Passaggio 8

Per tagliare solo il suono essenziale, puoi dividere la clip. Basta selezionarlo e premere Control-B. Puoi spostare ed eliminare le parti come preferisci. Copia il suono e posizionalo lungo la timeline, ovunque venga mostrato un clic.

Passaggio 9

Hai bisogno di spazio per più suoni? Puoi aprire Suono FX2.

Ho deciso di inserire un suono di digitazione qui e assegnarlo ai momenti in cui la digitazione viene mostrata nel video.

Buon lavoro!

Ora sai come creare un'animazione per il tuo canale YouTube! 

Se vuoi saperne di più sulla creazione di animazioni in CrazyTalk Animator 3, consulta le nostre altre esercitazioni: