Slik animerer en Creative Reveal Animation i Toon Boom

Hva du skal skape

Lær hvordan du forvandler tegningen fra ett blikk til et annet i denne opplæringen. Med noen få tegninger og noen Toon Boom triks, gi karakteren din den fantastiske magiske avsløre!

1. Hvordan sette opp scenen

Trinn 1

La oss begynne med å starte opp Toon Boom.

Jeg liker å tilpasse oppløsningsinnstillingene ved å klikke på + knappen og fyll inn mine foretrukne dimensjoner. For dette prosjektet setter jeg Bredde og Høyde til 850, og Rammefrekvens til 12.

Når alle boksene er fylt ut, fortsett og klikk Skape.

Steg 2

Deretter lager du før og etter Bilder. Det er best at de har det samme. Her er forskjellen deres hår og antrekk.

Trinn 3

På din Tidslinje, lag din før bilde på et lag som heter pose1.

Deretter lager du etter bildet på et nytt lag som heter pose2.

Sørge for at pose2 er på toppen av pose1, og sørg for at de er perfekt tilpasset hverandre.

Trinn 4

Opprett et nytt lag, og merk det rough_path. Dette vil fungere som vår guide for effektene vi legger til senere.

For å animere banen, trekk sløyfer rundt karakteren fra topp til bunn.

Trinn 5

Spill animasjonen din.

Nå har vi en grov ide om hva vår produksjon vil se ut. Som vist nedenfor, resulterer større mellomrom mellom tegninger i raskere bevegelse, og smalere mellomrom fører til langsommere bevegelser.

2. Hvordan Mask Tegninger

Trinn 1

Deretter skal vi lage en maske for transformasjonseffekten fra pose1 til pose2.

Lag et nytt lag og navnet på det maske. Gå til rammen hvor tegningen fra rough_path laget først gjør kontakt med pose1 og pose2 lag - i dette tilfellet, ramme 4.

Steg 2

Bruker polylinje, lag en ny form. Bunnen av formen skal stemme overens med tegningen fra rough_path lag. Den øverste delen av formen skal kunne dekke resten av karakteren.

Bruker Maling verktøy, fyll på formen. Fargen som brukes er ikke viktig.

Trinn 3

Gjør det samme for de neste rammene, til pose1 og pose2 lagene er helt dekket.

Forleng den siste rammen ved å dra Spillehode til slutten av Tidslinje og trykke på F5.

Trinn 4

Opprett et nytt lag som heter mask2, og Kopiere og Lim inn rammene fra maske på dette laget.

Trinn 5

Nå går vi til Networkfane. For å finne det, klikker du bare på pil ned på høyre side, og velger Network fra rullegardinlisten.

Du ser en haug med noder som er oppkalt etter våre lag på Tidslinje, og disse noderne er koblet til et rektangel merket Sammensatte.

Trinn 6

Hvis noderne på nettverket ditt er klumpet i ett sted, velg bare alle noder og klikk på knappen med symbolet på tre rektangler. Hvis du ikke finner denne knappen på grensesnittet ditt, kan du gå til Windows> Verktøylinjer og sørg for scripting er sjekket.

Når knappen er klikket, vil den Bestill nettverksinnstillinger fanen dukker opp. Bare klikk OK, og noder vil bli jevnt fordelt.

Trinn 7

På panelet der kameravisningen din er, klikker du på pil ned og velger Modulbibliotek fra rullegardinmenyen.

Se etter cutter og dra den på Network.

Gjenta, slik at du får to cutter noder på Network.

Trinn 8

Ta en titt på Network.

For mer konsistens, Dobbeltklikk maske og omdøpe den til mask1.

Ordne nettverket ditt slik at mask1 og pose1 noder er ved siden av hverandre, og på samme måte med mask2 og pose2 noder. Dra deretter a cutter node rett under hvert par.

Trinn 9

Klikk på kabelen til mask2 og dra den til venstre side av cutter.

Klikk på kabelen til pose2 og dra den til høyre side av cutter.

Klikk på den nederste porten til cutter og dra kabelen til Sammensatte.

Klikk den gule boksen på cutter node. Når Lagegenskaper boksen dukker opp, kontroller at Inverted er avkrysningsboksen merket.

Trinn 10

Gjør det samme for mask1 og pose1 noder.

Lagegenskaper av cutter, sørg for at Inverted er avkryss av.

Trinn 11

Gå tilbake til kameravisningen og spill animasjonen. Nå, pose1 og pose2 er ordentlig maskert!

3. Hvordan legge til et uskarphet

Trinn 1

Gå til Modulbibliotek igjen og se etter Matte-Blur. Dra den på Network, og deretter tilbake til Kamera utsikt.

Steg 2

Deaktiver rough_path lag ved å klikke på merket som er justert under øyesymbolet.

Aktiver Render View ved å klikke på knappen som er angitt nedenfor. Dette gir deg en forhåndsvisning av hva rammen din vil se ut når du gjengis.

Trinn 3

På din Network, ta kabelen til mask2 og koble den til Matte-Blur. Koble til Matte-Blur til venstre side av cutter.

Trinn 4

Klikk den gule boksen på Matte-Blur knutepunkt for å hente ut Lagegenskaper innstillinger.

Gjør følgende endringer:

  • Blur Type: retnings~~POS=TRUNC
  • Radius: 70
  • Retningsvinkel: 90
  • Retningsfall: 1

Nå har du en uskarp effekt på animasjonen din!

Merk: Du kan bare se denne effekten på Render View eller når prosjektet ditt blir gjengitt til videoformat.

4. Hvordan lage en ring av gnister

Trinn 1

Animer tre variasjoner av gnister. Vi bruker bare disse om og om igjen.

For å animere en gnist begynner du med å tegne en liten prikk, og deretter utvide den til større og større form. Formen kan være en diamant, eller en åttespisset stjerne, eller hva du vil.

Deretter bryter du formen i flere mindre former. Gjør dem mindre og spre dem fra hverandre.

Steg 2

På tidslinjen lager du nye lag for gnist animasjoner, nemlig spark1, spark2, og spark3.

Sett de første tegningene av disse lagene på ramme 2.

Velg disse tre lagene, og klikk på Legg til Peg knappen angitt nedenfor. Dette vil legge til pinner til lagene dine, noe som bidrar til å gjøre animeringen enklere.

Trinn 3

Pass på at rough_path laget er aktivert igjen.

På rammen 2 av spark3 peg (eller spark3-p), bruke Forvandle verktøy for å dra tegningen til løkken fra rough_path guide.

Dette skaper en keyframe, som du kan se som en rød prikk som vises på pinnlaget.

Trinn 4

På slutten av animasjonen, som er på Ramme 8, bruk Forvandle verktøyet igjen for å dra tegningen langs styret.

Dette skaper en annen keyframe. Nå er det opprettet en animasjon mellom de to nøkkelbilder, hvor tegningene beveger seg fra første posisjon til andre.

Trinn 5

Gjør det samme spark2-p og spark1-p, og sett Keyframes på begynnelsen og slutten av animasjonene.

Du vil bare gjøre gnist animasjoner følger loop guider.

Trinn 6

spark3, kopiere og lime inn rammen animasjonen. I utgangspunktet velger du Ramme 2 til 8, trykk Kontroll-C, og deretter gå til Ramme 9 og trykk Kontroll-P.

Trinn 7

Siden animasjonen på rough_path er ganske inkonsekvent herfra, vi skal sette Keyframes en etter en.

Fra figur 9 drar du tegningen langs sløyfehåndboken. Deretter går du til neste ramme og drar igjen, og deretter fortsetter å gjenta.

Trinn 8

Kopiere og lim inn Ramme animasjonen igjen til slutten av scenen.


Trinn 9

Fortsett å tegne tegningen langs sløyfehåndboken.

Når du har nådd slutten av loopguide eller rough_path animasjon, dra gnist tegningen til forskjellige deler av scenen.

Trinn 10

Spill animasjonen. Her har vi noen animerte gnister på vår scene. 

Nå er målet å lage en hel ring av glitter rundt transformasjonen. 

Trinn 11

Beholde Kopiere og lime de tre variantene av gnist animasjonen på nye lag og holde innstillingen nøkkelbilder langs loop guide.

Dette er den mest kjedelige og repeterende prosessen. Bare vær kreativ med Forvandle verktøy, den Reposisjon Alle Tegninger verktøy, og Kopiere og lime. Så fortsett å fylle kurven på løkken med så mange glitrer som du klarer.

5. Hvordan sette bakgrunnsfargen

Klikk på + symbol på tidslinjen og velg Color-Card fra rullegardinlisten. En hvit farge kommer som standard ut.

Dobbeltklikk på Color-Card lag slik at Lagegenskaper fanen dukker opp. Klikk farge på fanen slik at et fargeskjul kommer opp. Velg fargen du liker, og lukk deretter fanene.

6. Slik eksporterer du scenen

Når du er fornøyd med animasjonen din, gå til Fil> Eksporter> Film. Bla gjennom hvor du vil lagre animasjonen, og klikk deretter OK.

Når animasjonen fullfører gjengivelsen, har du en. MOV-fil av scenen din.

Og vi er ferdige! Fantastisk jobb!

Håper du lærte noen fine triks fra denne opplæringen! Det er mye du kan gjøre når du har fått tak i noen grunnleggende og lærte noen kule teknikker.

Så fortsett å øve og eksperimentere for å frigjøre all den kreativiteten i deg!

Leter du etter flere opplæringsprogrammer? Hvorfor ikke prøve disse:

  • Begynnerveiledningen til Toon Boom

    Å komme inn i animasjon kan starte fra hvor som helst, fra en pute og en blyant til en datamaskin og en tegnebrett. Det første trinnet begynner alltid med ...
    Sofia Abellera
    animasjon
  • Hvordan animere flytende hår i Toon Boom

    Lær hvordan du kan animere karakterens hårramme etter ramme. Ved hjelp av Toon Boom ser du hvordan du kan gi en vindblåst effekt på kunstverket ditt!
    Sofia Abellera
    animasjon
  • Slik animerer en eksplosjon i Toon Boom

    Effekter animasjon kan være så fascinerende å se på. Fortsett å lese denne veiledningen for å få et glimt av hvordan du kan lage din egen!
    Sofia Abellera
    Toon Boom
  • Hvordan animere en Twirling Girl i Toon Boom

    I denne opplæringen vil vi gå gjennom trinnene i å animere et twirling-tegn ved hjelp av Toon Boom Stage 10. Vi lærer å tegne grove stillinger, hvordan ...
    Sofia Abellera
    Toon Boom