Slik lager du en animasjon for YouTube i CrazyTalk Animator 3

Hva du skal skape

Når du oppretter YouTube-videoer, er det noen ganger ikke en ren opptak som er fengslende nok. Du kan krydre det ved å legge til spesielle animerte elementer. For eksempel kan et animert tegn hjelpe deg med å være anonym, mens du fremdeles gir noen til å identifisere med. Du kan også presentere et konsept som ikke kan registreres i virkeligheten, eller legge visuell vekt på noen av elementene i videoen.

Hvis du vil prøve dette, men du er ikke sikker på hvordan, er denne opplæringen bare for deg! CrazyTalk Animator 3 lar brukerne lage animasjoner på en enkel, grei måte. Du kan ganske enkelt lage noe i Photoshop og deretter importere det til animasjon. Deretter kan du legge til automatiske og manuelle bevegelser, endre ansiktsuttrykk, legge til lyder og så videre.

I denne opplæringen vil jeg vise deg noen nyttige triks som du kan bruke til videoene dine: Hvordan lage en animert "chibi" -versjon av presentatøren, hvordan å legge inn en video inne i animasjonen, hvordan å leppe synkronisere lyden og hvordan legge til ansiktsuttrykk og bevegelser til det Jeg vil også vise deg hvordan du legger til animerte rekvisitter og lydeffekter. Jeg vil bruke min egen video, men du kan bruke alt av ditt eget med en tilsvarende hensikt.

Og når du har lært hvordan du oppretter YouTube-animasjonen din, kan du sende den til animasjonskonkurransen!

1. Slik forbereder du eiendeler for animasjon

Trinn 1

Hvis du vil lage et tegn for animasjonen, må du først designe det. Skiss det og planlegg fargene, og åpne det i Photoshop eller Illustrator og senk det opacity.

Hvis du ikke vet hvordan du skal tegne et slikt tegn, kan du prøve denne opplæringen:

Steg 2

Lag øynene ved hjelp av vektorformer på separate lag. Hvis du er ny i denne teknikken, kan du lære å lage enkle vektorer i Photoshop i denne korte opplæringen:

Du kan også lære om å lage tegn i Illustrator fra disse veiledningene:

Trinn 3

Lag ansiktet og litt grunnleggende hår. Du kan skygge det på en enkel måte ved å legge en radial gradient på toppen, klippet til formen på håret. Hold foran og bak deler av hårklippet separat.

Trinn 4

Fullfør kroppen, bygg alt ut av enkle former og deretter omforme dem.

Trinn 5

For å gjøre vår karakter virkelig menneskelig, må vi gi det noen ansiktsuttrykk. Lag varianter av øynene for:

  • Smil
  • Øyne lukket
  • Øynene tett lukket
  • Øyne skrikende
  • Øyne med spesiell iris

Trinn 6

Lag forskjellige munn også:

  • Munn åpen i et smil
  • Kysse
  • Lepper åpne
  • Viser tenner
  • Munn åpen

Trinn 7

Fordi vi vil at vår karakter skal snakke, må vi lage noen flere varianter av munnformene, hver designet for en annen lyd:

  • Ah, jeg
  • Åh
  • EE
  • U
  • Woo
  • F, V
  • L, N, D, Th
  • C, D, S, K, Z

Trinn 8

Du kan også trenge andre elementer du vil inkludere i videoen din. For eksempel kan du vise en video i videoen din ved å plassere den på en falsk bærbar PC. Du kan laste den ned på Envato Elements og fjerne skjermen i Photoshop med Magic Wand Tool (W).

2. Slik utarbeider du eiendelene for import

Trinn 1

CrazyTalk Animator 3 er utviklet for å fungere med eiendeler som er opprettet i Photoshop, men de må være spesielt forberedt på dette. Hvis du opprettet din karakter andre steder, kopier den til Photoshop nå, og hold disse elementene skille:

Du trenger ikke å dra dine deler rundt som dette-det er bare for show!

Steg 2

Last ned en spesiell pakke med maler, pakk den ut og gå til 01_Templates> Human_Front_Full_Template. Plasser begge vinduene side om side, velg alle lagene i malen, og dra dem til vinduet med tegnet.

Trinn 3

Endre størrelse (Kontroll-T) innholdet i lagene for å justere størrelsen på malen til karakteren din.

Trinn 4

For å la CTA3 vite hvilke kroppsdeler som er, må du legge lagene i tilsvarende mapper. Fjern dummy lagene fra dem og erstatt dem med din egen.

Trinn 5

Plasser elementene for hodet også i mappen Head_Image.

Trinn 6

Øynene og munnen har andre mapper inne, for alle varianter vi har opprettet tidligere. For munnen, plasser hvert uttrykk og lyd separat:

Trinn 7

For øynene, i Normal mappe, plasser iris og det hvite i øyet separat.

Plasser de andre uttrykkene i EyeWhite mappe.

Trinn 8

Til slutt må du la CTA3 vite hva skjelettet til karakteren din ser ut. I mappen RL_Bone_Human, Du finner spesielle markører for hver kroppsdel. Plasser dem i leddene. Du kan bruke malen som referanse.

Trinn 9

Elementene i ansiktet trenger også sine egne markører. Her handler det egentlig ikke om ledd, men om plassering. Du finner disse markørene i RL_TalkingHead> HeadBone.

3. Slik importerer du en karakter fra Photoshop til CrazyTalk Animator 3

Trinn 1

Åpne CrazyTalk Animator 3. Gå til Render> Render Video og endre Rammestørrelse til hva du vil at videoen skal være. Ikke trykk Eksporter - bare trykk på X.

Steg 2

Først drar du ditt bærbare bilde inn i scenen (sørg for at det er et .png-bilde). Å velge Rekvisitt.

Trinn 3

Endre størrelsen på bildet for å fylle rammen.

Trinn 4

Dra nå videoen din (uten lyd) til scenen. Noen formater støttes kanskje ikke. Hvis du har problemer, konverter videoen til .avi. Endre størrelsen på videoen for å fylle skjermen.

Trinn 5

Som du kan se, er videoen nå foran skjermen, som ikke ser veldig overbevisende ut. Heldigvis støtter CTA3 den tredje dimensjonen! Bare dra den lille pilen på bunnen for å flytte videoen til baksiden.

Trinn 6

Endre størrelsen på videoen igjen og sørg for at ingenting som er viktig, blir kuttet av rammen på den bærbare datamaskinen. Du kan dra markøren på tidslinjen for å se videoen, men sørg for at du alltid endrer størrelsen på den første rammen ellers blir den registrert som en animert endring!

Trinn 7

La oss legge til tegnet nå. Klikk Lag G3 Free Bone Actor.

Du ser din karakter sammen med et skjelettoverlegg, akkurat som du har designet det

Trinn 8

Du kan legge merke til at noen av lagene er i feil rekkefølge. Du kan fikse det ved å gå til Layer Manager....

... og dra lagene der du vil at de skal være.

Trinn 9

For å se om skjelettet ditt fungerer riktig, klikk Forhåndsvisning og lek med beinene. Sjekk om kroppen beveger seg uten større problemer når du beveger beinene.

Trinn 10

Du kan også teste karakteren din ved å bruke kalibrering:

Trinn 11

Fant du noe galt, noe du vil fikse? Bare velg Start til ekstern PSD-editor. Din karakter åpnes i Photoshop, hvor du kan justere hva du ønsker. Bare Lagre filen når du vil synkronisere den.

Trinn 12

Ferdig? Gå tilbake til Scenemodus.

Trinn 13

Endre størrelsen og plasser karakteren din der du vil at den skal være. Pass på at du gjør det i den første rammen!

4. Hvordan legge til Lip Sync til din animasjon

Trinn 1

La oss lage vår karaktertale! Velg den og klikk Lag skript.

Steg 2

Å velge Wave File og velg lyden din.

Trinn 3

Hvis du spiller animasjonen nå, ser du at den allerede fungerer!

Likevel, siden alt er automatisk, er det ikke en perfekt synkronisering. La oss fikse det! Åpne Tidslinjeditor (F3) og klikk Ansikt.

Trinn 4

Åpen Stemmeklipp for å se både lydsporet og leppeuttrykkene som er tildelt det.

Trinn 5

Hvis du dobbeltklikker på lyden, vil du se en liste over alle lydene og deres uttrykk. Du kan enkelt bytte den nåværende til noe bedre. Du kan også justere hele sporet manuelt, kopiere lydene, fjerne dem og plassere nye. Et godt sluttresultat kan ta litt tid, avhengig av nøyaktigheten av den automatiske synkroniseringen og stilen din.

5. Hvordan legge til ansikts animasjoner

Trinn 1

Vår karakter ser litt rar ut, snakker uten ansiktsuttrykk. La oss endre det! Velg tegnet og klikk Face-marionett.

Steg 2

I denne redaktøren kan du spille med ulike ansiktsuttrykk som er opprettet automatisk. trykk Rom og flytt markøren rundt for å teste den.

Trinn 3

La oss få vår karakter til å flytte hodet mens du snakker, men uten å se deg rundt. Klart valg å avvelge alle elementer i ansiktet.

Trinn 4

Velg bare begge typer rotasjon.

Trinn 5

trykk Ta opp og så Rom eller Tast inn å ta opp bevegelsen. Beveg hodet for å stresse lydene som blir snakket. Du kan også legge til sporadisk blinker ved å klikke på venstre museknapp. 

Trinn 6

Vi kan legge til en annen type enkel animasjon - få karakteren til å se på tingene som vises i videoen. For å gjøre dette, gå tilbake til den første rammen igjen og velg et generelt ansikt. Slå deretter av begge typer rotasjon på hodet.

Trinn 7

trykk Ta opp og observer hva som skjer i videoen for å lede tegnets øyne tilsvarende.

6. Slik animerer du et tegn i CrazyTalk Animator 3

Trinn 1

Ok, ansiktet er animert, men resten av kroppen ser veldig stiv ut. Vi kan endre det enkelt ved å legge til noen automatiske animasjoner. 

Gå til den første rammen, og åpne Innholdsbehandling> Animasjon> Bevegelse> 1_G3_Human> Elastic Folks Front> Idle & Talk. Velg noen animasjoner som ser bra ut og ikke-distraherende. Du kan bruke så mange av dem som du ønsker, i en hvilken som helst konfigurasjon, men husk at de som er merket med S, L og E, må brukes sammen.

Steg 2

Men disse var bare automatiske animasjoner. Videoen din kan kreve at tegnet beveger seg på en spesiell måte, som også er mulig! Velg tegnet og klikk Bevegelse.

Dette åpner en tidslinje for alle animasjonene. Du kan se at grå prikker blir plassert der de automatiske animasjonene starter. Disse punktene (nøkkelrammer) indikerer en endring av posen, og du kan plassere dem manuelt ved å trykke V. For å sikre at endringen din ikke påvirker forrige / senere endringer, omgir du alltid animasjonen med to andre nøkkelrammer som vil lagre posisjonen før og etter den.

Trinn 3

Som et eksempel, la oss få tegnet flytte armen opp i en hilsen. For å flytte beinene manuelt, åpne 2D Motion Key Editor.

Trinn 4

Som jeg viste deg før, opprett to nøkkelrammer, flytt tidslinjemarkøren mellom dem, og det endrer stillingen av karakteren din.

Du kan kopiere og lime inn posen slik at den varer lenger. Hvis du finner det forvirrende, er det en rask forklaring:

  1. Dette er den lagrede tilstanden til hva som skjer før denne animasjonen.
  2. Dette er hvor noen automatiske animasjoner starter.
  3. Dette er den lagrede tilstanden til hva som skjer etter denne animasjonen.
  4. Dette er den forandrede stillingen.
  5. Dette er den kopierte endrede posen.

Først flytter tegnet sin hånd fra pos 1 til å stille 4. Da, mellom 4 og 5, endres ingenting, så det er ingen animasjon. Senere flytter tegnet sin hånd fra pose 5 til pose 3. Deretter begynner den automatiske animasjonen (2).

Trinn 5

Du kan endre tempoet for overgangen ved høyreklikke den andre keyframe av en bevegelse og valg Overgangskurve.

Her kan du teste forskjellige varianter av bevegelsen. Spill med dem for å se hva som synes mest naturlig.

Trinn 6

Bruk samme metode for å legge til alle animasjonene du trenger. 

7. Hvordan legge til rekvisitter til animasjonen

Trinn 1

Animasjonen er ferdig, men vi kan fortsatt krydre den opp. For eksempel kan vi få karakteren til å peke en finger mot noe, i stedet for å vise en åpen hånd. For å gjøre dette, velg tegn og gå inn Komponist modus.

Steg 2

Start den til Photoshop.

Trinn 3

I Photoshop legger du en hånd med en pekefinger i mappen med hånden. Sett det under standard en og gjem det. Lagre filen for å synkronisere tegnet.

Jeg brukte denne muligheten til å endre retningen på tommelen, for å få karakteren til å vise sine palmer på en mer innbydende måte.

Trinn 4

Gå tilbake til Scenemodus og flytt tidslinjemarkøren til hvor du vil at endringen skal skje. Åpen Sprite Editor.

Trinn 5

Her har du listen over alle sprites tilgjengelig for hver kroppsdel. Bare velg pekefingeren for å bytte hånd.

Trinn 6

Etter at du har gjort denne endringen, vil sprite forbli slik før du endrer den igjen. Bare flytt tidslinjemarkøren for å angi tiden for den.

Trinn 7

Men vi kan også gjøre andre ting, for eksempel, legg til noen elementer som vil hjelpe i forklaringen. I videoen snakker karakteren om "ragged edges", men de er ikke veldig synlige på denne avstanden. La oss legge til en forstørrelsesglass for å vise dem.

Gå til Innholdsbehandling> Props> Bonus-ikoniske symboler> Farge> Forstørrere og dra forstørrelsen til scenen.

Trinn 8

Gå til Komponist modus og lanseringen forstørrelsen til Photoshop. Her kan du legge til et bilde av de zoome, ragged kantene vi vil vise. Slå sammen den med forstørrelsesglasset, og lagre filen.

Trinn 9

Vi vil at forstørrelsen bare skal vises i en del av videoen, ikke hele tiden. Klikk Synlig...

... deretter gå til den første rammen, Høyreklikk det, og velg Synlig / usynlig.

Deretter går du til stedet der det skal begynne å være synlig, og gjenta. Flytt tidslinjemarkøren der du vil at den skal forsvinne, og gjør dette igjen. En linje mellom to punkter skal vises hvor synligheten er på.

Trinn 10

Det er spesielle animasjoner som kan brukes til et objekt som dette. Gå til Elastisk bevegelse å finne dem. I 1_Entrance Du finner flotte animasjoner for å introdusere et objekt, og i 3_Exit de som hjelper deg med å bli kvitt det. Velg noe for forstørrelsen din, og plasser animasjonene i løpet av kort sikt.

Trinn 11

I Props> Grunnleggende ikon, Du finner en pil som også kan brukes i videoen vår. Dra den til scenen ...

... og endre størrelse.

Trinn 12

Gå til Elastisk bevegelse for å finne ut hva du kan bruke til å gjøre denne pilen mer interessant. Løsne hver animasjon etter at du har testet det - vi vil ikke bruke noe enda.

Trinn 13

Du kan tilordne animasjonene til objektet av høyreklikke det og velge Handlingsmeny Editor.

Trinn 14

Her kan du legge til animasjonene du likte tidligere.

Trinn 15

La oss lagre denne pilen med animasjoner inkludert som en tilpasset prop.

Trinn 16

Du kan nå dra pilen hvor du vil at den skal være ...

... og når du vil animere det, bare Høyreklikk det og velg handlingene fra menyen. Ikke glem å endre synligheten for hver pil separat!

8. Hvordan legge til lydeffekter til animasjonen

Trinn 1

Til slutt, la oss legge til noen lyder for å gjøre hele greia mer engasjerende. I Prosjekt lag, klikk Musikk.

Steg 2

Dra din intro musikk her. Jeg brukte en del av denne lyden.

Trinn 3

For å endre lydstyrken, klikk på notatikonet.

Trinn 4

Her kan du endre volumet, så vel som Fade inn og Ute effekter.

Trinn 5

Dette musikklaget kan brukes som et annet lag. Du kan legge inn en ny lydeffekt her, så lenge du har plass. Jeg lagde outro musikk på slutten.

Trinn 6

Du kan også legge til andre lydeffekter. Klikk Sound FX1 å åpne laget.

Trinn 7

Legg en museklikk her.

Trinn 8

For å kutte bare den grunnleggende lyden, kan du dele klippet. Bare velg det og trykk Kontroll-B. Du kan flytte og slette delene som du vil. Kopier lyden og plasser den hele tidslinjen, uansett hvor det vises et klikk.

Trinn 9

Trenger du plass til flere lyder? Du kan åpne Sound FX2.

Jeg bestemte meg for å legge inn en lyd for å skrive her og tildele det til øyeblikkene hvor skriving blir vist i videoen.

Godt jobbet!

Nå vet du hvordan du lager en animasjon for YouTube-kanalen din! 

Hvis du vil lære mer om å lage animasjoner i CrazyTalk Animator 3, sjekk ut våre andre opplæringsprogrammer: