De beginnersgids voor Toon Boom

Wat je gaat creëren

Iedereen heeft een verhaal te vertellen, en animatie is een van de vele geweldige media om precies dat te doen. Met animatie kun je scènes rechtstreeks vanuit je verbeelding maken! Dus tijdens deze tutorial zullen we leren om een ​​geanimeerde scène te creëren in Toon Boom.

1. Maak kennis met Toon Boom

Stap 1

Maak een nieuwe scène door deze vakken in te vullen bij het openen van het programma:

(1) Naam: Geef je scène hier een naam.

(2) Plaats: Geef aan waar u het bestand van uw scène wilt opslaan door op te klikken Bladeren ...

(3) Cameragrootte: U kunt hier een standaardcameragrootte selecteren, of u kunt uw instellingen aanpassen door uw gewenste waarden in de vakken in te voeren Breedte, hoogte, framerate, en Gezichtsveld

(4) Maak scène: U kunt op deze knop klikken als al het bovenstaande is ingesteld.

Als u besluit uw instellingen te wijzigen nadat u uw scène hebt gemaakt, kunt u dit eenvoudig doen door op te klikken Scène> Scène-instellingen. Hier kunt u uw aanpassen Resolutie en Beelden per seconde.

Stap 2

Maak uzelf vertrouwd met de interface.

De volgende zijn de meer essentiële onderdelen die we vaak zullen gebruiken in deze tutorial.

(1) Cameraweergave: Dit is het tekengebied. Merk op dat er een rechthoek in de grijze ruimte is; dit is de grootte van de camera en in feite het stadium waarin de animatie plaatsvindt. Alles buiten de grenzen wordt niet weergegeven in gerenderde resultaten.

(2) Tijdlijn: Hier maken en wijzigen we lagen en frames en bewerken we de lengte van de animatie.

(3) Toolbar: Al onze essentiële hulpmiddelen, die een voor een later zullen worden opgesomd, zijn hier te vinden.

(4) Tool Eigenschappen: Hier kunt u de eigenschappen en / of instellingen van uw tool aanpassen (indien beschikbaar).

(5) Kleurenpalet: Hier kunt u kleuren maken, selecteren en wijzigen die in uw scène worden weergegeven.

Stap 3

Maak uzelf vertrouwd met de tools.

(1) * Selecteer: Wordt gebruikt voor het roteren, vergroten of verkleinen van de afmetingen van elk geselecteerd object in uw tekenruimte.

(2) *Contoureditor: Gebruikt om aan te passen Vector punten in je tekeningen.

(3) Borstel en (4) Potlood: Gebruikt voor tekenen.

(5) Tekst: Gebruikt om tekst in te voegen.

(6) Gom: Gebruikt voor wissen.

(7) *Verf: Gebruikt om tekeningen met kleur te vullen.

(8) *Lijn: Gebruikt voor het maken van lijnen.

(9) dropper: Helpt een kleurstaal te vinden wanneer een kleur uit een tekening wordt gepickt.

(10) Pivot tekenen: Hiermee kunt u draaipunten instellen voor uw tekenobjecten.

(11) Morphing: Genereert tekeningen tussen vectoren.

(12) *Hand: Gebruikt om door de tekenruimte te navigeren; maar sneltoetsen zijn misschien handiger in vergelijking met deze tool. De sneltoetsen zijn als volgt:

  • Hand: Druk de Spatiebalk tijdens het klikken en slepen.
  • In zoomen: Druk op 1.
  • Uitzoomen: Druk op 2.
  • Draai de weergave: Druk op Ctrl-Alt tijdens het klikken en slepen.

(13) animeren: Schakel dit altijd in bij gebruik van de Transformeren hulpmiddel om te animeren

(14) Transformeren: Wordt gebruikt om enkele basisanimaties te maken, zoals herschalen, herpositioneren en roteren.

(15) Toon Onion Skin: Ingeschakeld om vorige en volgende tekeningen te bekijken tijdens het animeren.

Notitie: Gereedschappen aangegeven met a (*) hebben een kleine driehoek rechtsonder, wat betekent dat er meer opties beschikbaar zijn als er lang op geklikt wordt.

Nu is het tijd om deze hulpmiddelen en functies te gebruiken om een ​​geanimeerde scène te maken!

In de volgende stappen leren we een lucht te creëren met fonkelende sterren en bewegende wolken.

2. Hoe de achtergrond te maken

Stap 1

Eerst willen we een rechthoek maken. De ... gebruiken Rechthoekgereedschap, sleep je cursor net buiten de randen van de cameraranden.

Stap 2

Vul de rechthoek. De ... gebruiken Paint Tool, klik in de vorm.

Stap 3

Op de Kleurenpalet, Dubbelklik de kleur die wordt gebruikt om de rechthoek te vullen. In dit geval is de standaardinstelling Zwart was gebruikt.

De Kleur kiezer box verschijnt als resultaat en dit wordt gebruikt om de kleuren te bewerken. Ik vind de Meerdere wielen modus handiger en gemakkelijker te besturen, dus schakel over naar die modus door op de aangegeven knop te klikken.

Stap 4

In de Meerdere kleuren tab, selecteer helling in plaats van Solide. Als gevolg hiervan verschijnt er een spectrum met twee knooppunten eronder.

Stap 5

Zorg ervoor dat het linkerknooppunt van het spectrum is geselecteerd en kies vervolgens een violette tint uit uw kleurenwiel.

Nu hebben we een basisgradiënt!

Stap 6

We willen dat het verloop verticaal is in plaats van horizontaal. We kunnen de oriëntatie bewerken met behulp van de Bewerk het gereedschap Verloop / Textuur, die te vinden is door langdurig op de te klikken Contoureditor(witte pijlsymbool).

Gebruik dit hulpmiddel, selecteer eenvoudig de rechthoek en roteer de vulling van de vorm.

Stap 7

Teruggaand naar onze gradiëntkleuren, willen we dat de violette kleur overgaat in een geeloranje.

Op de Multiwheel kleur tab, selecteer het juiste knooppunt van het spectrum en selecteer de gewenste tint in het kleurenwiel.

Stap 8

Voeg een andere kleur aan het spectrum toe door op het gebied rechts tussen de bestaande knooppunten te klikken. Er verschijnt een nieuwe kleur en terwijl deze is geselecteerd, kiest u een roze tint uit het kleurenwiel.

Stap 9

U kunt het verloop verder bewerken door de knooppunten links en rechts langs het spectrum te slepen. Nu hebben we een mooie gradiënt om te dienen als onze hemelachtergrond!

Stap 10

Verlaat de Meerdere kleuren.

We kunnen ons beter organiseren door de kleur en de tekenlaag te hernoemen. eenvoudigweg Dubbelklik de tekst naast de verloopkleur en hernoem de naam Hemel. Dan Dubbelklik de tekst op de tekenlaag en hernoem het naar Sky_gradient.

Stap 11

Bekijk op de tijdlijn dat als u de sleeptool sleept afspeelkop (de rode balk) tot het einde van de scène verdwijnt de luchtgradiënt. Wat we willen doen is het laatste frame op de tekenlaag selecteren (in dit geval frame 60) en druk vervolgens op F5. Dit verlengt eenvoudig de belichting van de tekening.

Nu dat we klaar zijn met de Hemel verloop, laten we Slot de laag zodat we deze niet per ongeluk wijzigen als we doorgaan naar de volgende stappen.

Klik eenvoudig op het symbool dat lijkt op een slot op de tekenlaag.

3. Probeer verschillende tekentechnieken uit

Stap 1

Maak een nieuwe tekenlaag door op te klikken (+) symbool op de tijdlijn. kiezen Tekening uit de vervolgkeuzelijst.

Geef de laag een naam in het pop-upvak wolken en klik vervolgens op Toevoegen en sluiten.

Een nieuwe laag verschijnt op de tijdlijn.

Notitie: om een ​​laag te verwijderen, selecteer deze en klik op (-) symbool.

Stap 2

Er zijn verschillende manieren om tekeningen te maken op Toon Boom. Als u een grafische tablet hebt, kunt u de Borstel en Potlood met gemak.

Test ze uit en teken wat wolken met de borstel en het potlood.

Stap 3

U kunt ook tekeningen maken met behulp van de polyline. Deze tool is handig voor niet-gebruikers van grafische tablets. Het is vergelijkbaar met dePen-hulpmiddel in Adobe Photoshop of Illustrator.

Om het te gebruiken, klikt u eenvoudig op een punt op de tekenruimte en sleept u om de curve te beïnvloeden. Klik opnieuw op een ander punt en dan Slepen. Zonder het punt los te laten, alt-Slepen om de richting van de volgende curve te wijzigen.

Herhaling: Klik, versleep, Alt-slepen totdat je je tekening wilt sluiten. Klik hiertoe op het volgende punt op het startpunt.

Stap 4

Een andere manier om tekeningen te maken, is door de Vorm gereedschappen en deSnijder.

De ... gebruiken Ellips en Lijn, maak een algemene wolkvorm. Klik lang op de kiezen hulpmiddel (zwarte pijlsymbool) om het te vinden en te selecteren Snijder.

Onder de Tool Eigenschappen aan de rechterkant, zorg ervoor dat je selecteert Ronde voor de Tipstijl. Sleept de Snijder over de lijnen die u wilt laten verdwijnen.

Stap 5

Laten we elke tekenmethode vergelijken en zien welke u verkiest!

De eerste cloud, gemaakt met behulp van de Borstel tool, geschikt voor grafische tabletgebruikers. De streken zijn aan beide zijden opgebouwd uit vectorpunten, waardoor het moeilijk is om te wijzigen met de Contoureditor. Ik vind het geweldig voor het maken van ruwe schetsen en animaties.

De tweede cloud, gemaakt met de Potlood, is ook geschikt voor gebruikers van grafische tablets. Maar niet zoals Borstel beroertes, Potlood streken worden gemaakt van een enkel pad met vectorpunten, waardoor ze gemakkelijker te wijzigen zijn met de Contoureditor.

Ik vind het geweldig voor het maken van zuivere lijntekeningen.


De derde wolk, gemaakt met de polyline, geeft je volledige controle over het aantal vectorpunten dat je op je tekening wilt hebben.

Ik vind het geweldig voor het maken van zuivere lijntekeningen, en het is handig voor mensen die geen grafische tablets gebruiken.

De vierde wolk, gemaakt met vormgereedschap en Snijder, is ook goed voor niet-gebruikers van grafische tablets.

Het is niet zo gemakkelijk om te wijzigen met de Contoureditor, maar deze methode is geweldig voor het maken van geometrische ontwerpen.

4. Hoe te animeren met de transformatietool

Stap 1

Laten we eerst de tekening maken die we gaan animeren.

Selecteer de standaard witte kleur uit uw palet en teken een wolk met behulp van de Potlood of uw voorkeurstool. Vul het met de Verf gereedschap.

kiezen de wolkentekening en dan Kopiëren en Pasta en verplaats ze naast elkaar. Zodra u drie gelijkmatige kopieën van de wolk hebt, selecteert u ze allemaal en plaatst u ze in de cameraruimte zodat de hele bodem is gevuld met de tekening.

Stap 2

We willen de belichting van de tekening uitbreiden door naar frame te gaan 60 op de wolken laag en drukken F5.

Stel vervolgens keyframes in op frame 1 en 2 door te drukken F6 terwijl die frames zijn geselecteerd.

  • F6 maakt keyframes.
  • F7 verwijdert keyframes.

Stap 3

Schakel de Uienhuid door op de onderste knop in de werkbalk aan de linkerkant te klikken. Als u dit doet, kunt u de vorige en volgende frames van uw animatie zien.

Stap 4

Het huidige uiterlijk van de cameraweergave is in feite hoe ons eerste keyframe eruit ziet. Het is het tweede keyframe dat we gaan wijzigen.

Zorg er nu voor dat op de tijdlijn de afspeelkop staat op frame 2 waar het tweede hoofdframe zich bevindt.

Selecteer de Transformeren hulpmiddel, dat zich direct boven de Uienhuid knop. De tekeningen op de wolken laag wordt roze gemarkeerd.

Stap 5

Zoek het midden van de selectie, het kleine gele vierkant, en klik en sleep naar rechts. Zorg ervoor dat u op drukt Verschuiving zodat de tekening alleen horizontaal beweegt.

Als u de tekening naar rechts verplaatst, ziet u een rode versie van de wolk erachter. Dat is een weergave van de vorige positie van de tekening of de wolk 1 aangegeven in de afbeelding hieronder.

Op het huidige frame willen we de cloud plaatsen 2 heel dicht bij de positie van de wolk 1 in het vorige frame, maar niet volledig overlappen. We willen het nog een paar keer klikken links van de vorige tekening.

Stap 6

Kijk naar de tijdlijn.

Op de Wolk laag, sleep het tweede keyframe uit het frame 2 inlijsten 60. Dit creëert In tussenpersonen tussen de eerste en tweede hoofdframes.

In tussenpersonen zijn als overgangsbeelden; ze helpen een illusie creëren dat het eerste keyframe soepel transformeert naar het volgende keyframe.

Meer In tussenpersonen maak de overgang langzamer, en maak de animatie dus langzamer. minder In tussenpersonen maak de animatie sneller.

Stap 7

We kunnen nu een voorbeeld bekijken van hoe de resulterende animatie eruit ziet.

Schakel de Cameramasker om de delen te blokkeren die verborgen zouden moeten zijn. Het is het rechthoeksymbool / de derde knop op het kleine paneel tussen de camera-ruimte en de tijdlijn.

Schakel de Lus knop en klik Spelen. Deze bevinden zich direct boven het lagenpaneel.

Als gevolg hiervan krijgen we een naadloze looping-animatie van panning clouds.

Afgezien van het animeren van een eenvoudige pan, kunt u ook de Transformeren hulpmiddel om een ​​voorwerp te laten draaien, op te schalen, af te lijnen, te pletten en uit te rekken.

5. Hoe beeld per frame animeren

Stap 1

Schakel de Wolk laag door op het symbool te klikken dat eruitziet als cartoonogen. Hiermee worden de tekeningen in de cloud tijdelijk uit beeld verwijderd.

Maak een nieuwe laag en geef deze een naam Ster.

Stap 2

In beeld-voor-beeld-animatie tekenen we het ene beeld na het andere om het te laten bewegen.

Belangrijke toetsen om te onthouden zijn F en G.

  • F wordt gebruikt om naar het vorige frame te gaan.
  • G wordt gebruikt om naar het volgende frame te gaan.

Gebruik voor het animeren van een fonkelende ster het potlood (of het gereedschap van uw voorkeur) om een ​​kleine diamant te tekenen op het eerste frame van de sterlaag.

Teken de diamantteelt voor de volgende paar frames totdat deze uit elkaar valt en verdwijnt.

Stap 3

We willen dat de animatie wordt afgespeeld op twee, wat betekent dat we willen dat de tekeningen elk twee frames bevatten.

Afgezien van click-dragging of pressing F5, we kunnen de kaderbelichting verlengen door op te drukken Verschuiving-+.

Ga naar de sterlaag en druk op Verschuiving-+ eenmaal op elk frame.

Stap 4

Laten we de positie en rotatie van de animatie bewerken.

Klik lang op de kiezen gereedschap (zwarte pijlsymbool) en klik Verplaats alle tekeningen opnieuw.

Sleep en roteer de tekening naar de gewenste positie. Deze aanpassing wordt automatisch toegepast op alle tekeningen op de geselecteerde laag.


Nu hebben we een frame-voor-frame animatie van een ster!

6. Hoe je je scène kunt voltooien

Stap 1

We hebben nu een achtergrond, geanimeerde wolken en een geanimeerde ster. Nu moeten we gewoon de lucht vullen met meer sterren en de scène voltooien!

Als u een kopie van de steranimatie wilt maken, klikt u met de rechtermuisknop op de Ster laag en klik Geselecteerde lagen dupliceren.

Gebruik de Verplaats alle tekeningen opnieuw hulpmiddel om de dubbele ster te herpositioneren, in te delen en te draaien, wat het is Star_1 laag.

Sleep op de tijdlijn de frames op Star_1 naar rechts, alleen om variëteit in timing te creëren.

Stap 2

Nu willen we het podium opvullen met variaties van de steranimatie en verspreiden over de hele scène.

Maak meer laagduplicaten, verplaats de tekeningen opnieuw, sleep frames en kopieer en plak frames in verschillende gebieden op de tijdlijn.

Stap 3

Schakel de zichtbaarheid van de wolken laag door nogmaals op het symbool voor cartoonogen te klikken.

Eerder in de cloud-animatie dacht ik dat de wolken te snel bewogen. Om dit te verhelpen, verlengt u de scènemaat door de rode haak op de tijdlijn van het frame te slepen 60 naar 120.

Selecteer de laatste frames op de wolken en Sky_gradient lagen en druk op F5 om de belichting te verlengen.

Op de wolken laag, sleep het laatste hoofdframe van het frame 60 inlijsten 120. Dit verhoogt de In tussenpersonen en daarom vertraagt ​​de animatie.

Stap 4

Kopieer en plak de steranimaties.

Selecteer alle steranimaties door op te klikken frame 1 op de Ster laag, drukken Verschuiving, en klik vervolgens op frame 60 op Star_1 laag.

Kopieer de framesen plak op frame 61 van de Ster laag.

Stap 5

We willen dat de wolken op de voorgrond staan, dus sleep in het lagenpaneel de wolkenlaag naar de top van alle andere lagen.

7. Hoe je je animatie kunt exporteren

Als u tevreden bent met de animatie, kunt u doorgaan met exporteren.

Ga naar Bestand> Exporteren> Film ...  Klik Bladeren ... om uw uitvoerbestand een naam te geven en uw bestandslocatie te selecteren. In de Exportbereik, je kunt kiezen om te selecteren allemaal of geef de frames op die u wilt exporteren. Klik OK.

Wacht tot je film klaar is met exporteren, en daar heb je het! U hebt nu een MOV-bestand van uw animatiescène, dat u kunt converteren naar andere videoformaten met behulp van videobewerkingssoftware zoals Adobe Premiere Pro.

Happy Animating!

Hoewel Toon Boom nog veel meer geavanceerde hulpmiddelen en functies heeft om te verkennen, kan het beginnen met de meest basistechnieken nog steeds spectaculaire resultaten opleveren.

Je programma en materialen kunnen je tot nu toe alleen maar in goede kunst brengen, de rest is aan jou en je creativiteit!

Ik hoop dat je veel hebt geleerd en veel plezier hebt aan het animeren!


Op zoek naar meer tutorials over Toon Boom? Waarom probeer je deze niet: