Der Anfängerleitfaden für Toon Boom

Was Sie erstellen werden

Jeder hat eine Geschichte zu erzählen, und Animation ist eines der vielen großartigen Medien, die genau dies tun. Mit der Animation können Sie Szenen direkt aus Ihrer Fantasie erstellen! In diesem Tutorial lernen wir, eine animierte Szene in Toon Boom zu erstellen.

1. Lernen Sie Toon Boom kennen

Schritt 1

Erstellen Sie eine neue Szene, indem Sie beim Öffnen des Programms diese Felder ausfüllen:

(1) Name: Nennen Sie Ihre Szene hier.

(2) Ort: Geben Sie an, wo Sie die Datei Ihrer Szene speichern möchten, indem Sie auf klicken Durchsuche…

(3) Kameragröße: Hier können Sie eine Standardkameragröße auswählen oder Ihre Einstellungen anpassen, indem Sie Ihre bevorzugten Werte in die Felder für eingeben Breite, Höhe, Bildrate, und Sichtfeld

(4) Szene erstellen: Sie können auf diese Schaltfläche klicken, wenn alle oben genannten Einstellungen vorgenommen wurden.

Wenn Sie sich dazu entschließen, Ihre Einstellungen zu ändern, nachdem Sie Ihre Szene erstellt haben, können Sie dies einfach durch Klicken auf tun Szene> Szeneneinstellungen. Hier können Sie Ihre einstellen Auflösung und Bilder pro Sekunde.

Schritt 2

Machen Sie sich mit der Benutzeroberfläche vertraut.

Im Folgenden werden die wichtigsten Elemente beschrieben, die wir in diesem Lernprogramm häufig verwenden werden.

(1) Kameraansicht: Dies ist der Zeichenbereich. Beachten Sie, dass sich im grauen Bereich ein Rechteck befindet. Dies ist die Größe der Kamera und im Grunde die Bühne, auf der die Animation stattfindet. Alles außerhalb der Grenzen wird in den gerenderten Ausgaben nicht angezeigt.

(2) Zeitleiste: Hier erstellen und ändern wir Ebenen und Rahmen und bearbeiten die Länge der Animation.

(3) Werkzeugleiste: Alle wichtigen Tools, die später einzeln aufgeführt werden, finden Sie hier.

(4) Werkzeugeigenschaften: Hier können Sie die Eigenschaften und / oder Einstellungen Ihres Werkzeugs anpassen (falls verfügbar).

(5) Farbpalette: Hier können Sie Farben erstellen, auswählen und ändern, die in Ihrer Szene angezeigt werden.

Schritt 3

Machen Sie sich mit den Werkzeugen vertraut.

(1) *Wählen: Zum Drehen, Ändern der Größe und Neupositionierung eines ausgewählten Objekts in Ihrem Zeichenbereich.

(2) *Kontur-Editor: Zum Einstellen Vektorpunkte in deinen Zeichnungen.

(3) Bürste und (4) Bleistift: Wird zum Zeichnen verwendet.

(5) Text: Wird zum Einfügen von Text verwendet.

(6) Radiergummi: Wird zum Löschen verwendet.

(7) *Farbe: Zum Füllen von Zeichnungen mit Farbe.

(8) *Linie: Wird zum Erstellen von Linien verwendet.

(9) Tropfer: Hilft bei der Suche nach einem Farbfeld, wenn eine Farbe aus einer Zeichnung ausgewählt wird.

(10) Zeichnungspunkt: Ermöglicht das Festlegen von Drehpunkten in Ihren Zeichnungsobjekten.

(11) Morphing: Erzeugt Zeichnungen zwischen Vektoren.

(12) *Hand: Wird zum Navigieren im Zeichenbereich verwendet. Tastenkombinationen sind jedoch im Vergleich zu diesem Tool möglicherweise bequemer. Die Abkürzungen lauten wie folgt:

  • Hand: Drücken Sie die Leertaste während Sie klicken und ziehen.
  • Hineinzoomen: Drücken Sie 1.
  • Rauszoomen: Drücken Sie 2.
  • Ansicht drehen: Drücken Sie Control-Alt während Sie klicken und ziehen.

(13) Animieren: Aktivieren Sie dies immer, wenn Sie das verwenden Verwandeln Werkzeug zum Animieren

(14) Verwandeln: Zum Erstellen einiger grundlegender Animationen wie Neuskalieren, Neupositionieren und Drehen.

(fünfzehn) Zwiebelhaut zeigen: Aktiviert, um vorherige und nächste Zeichnungen während der Animation anzuzeigen.

Hinweis: Werkzeuge mit einem gekennzeichnet (*) haben ein kleines Dreieck an der rechten unteren Seite, sodass bei längerem Klicken mehr Optionen verfügbar sind.

Nun ist es an der Zeit, diese Tools und Funktionen zum Erstellen einer animierten Szene zu verwenden!

In den nächsten Schritten lernen wir, einen Himmel mit funkelnden Sternen und sich bewegenden Wolken zu erstellen.

2. So erstellen Sie den Hintergrund

Schritt 1

Zunächst möchten wir ein Rechteck erstellen. Verwendung der Rechteckwerkzeug, Bewegen Sie den Mauszeiger etwas außerhalb der Ränder der Kamera.

Schritt 2

Fülle das Rechteck. Verwendung der Werkzeug malen, Klicken Sie in die Form.

Schritt 3

Auf der Farbpalette, Doppelklick die Farbe, mit der das Rechteck gefüllt wird. In diesem Fall ist der Standardwert Schwarz wurde benutzt.

Das Farbwähler Als Ergebnis erscheint ein Feld, in dem die Farben bearbeitet werden. Ich finde das Mehrfachradmodus bequemer und einfacher zu steuern, wechseln Sie in diesen Modus, indem Sie auf die angegebene Schaltfläche klicken.

Schritt 4

In dem Multiwheel-Farbe Registerkarte auswählen Gradient anstatt Solide. Daraufhin erscheint ein Spektrum mit zwei Knoten darunter.

Schritt 5

Stellen Sie sicher, dass der linke Knoten des Spektrums ausgewählt ist, und wählen Sie dann einen violetten Farbton aus Ihrem Farbkreis.

Jetzt haben wir einen grundlegenden Gradienten!

Schritt 6

Wir möchten, dass der Farbverlauf vertikal statt horizontal ist. Wir können die Ausrichtung mit dem bearbeiten Verlaufs- / Texturwerkzeug bearbeiten, die durch langes Anklicken des gefunden werden kann Kontur-Editor(weißes Pfeilsymbol).

Wählen Sie mit diesem Werkzeug einfach das Rechteck aus und drehen Sie die Formfüllung.

Schritt 7

Zurück zu unseren Farbverläufen möchten wir, dass die violette Farbe in ein Gelb-Orange übergeht.

Auf der Multiwheel-Farbe Wählen Sie auf der Registerkarte den rechten Knoten des Spektrums aus und wählen Sie den gewünschten Farbton aus dem Farbkreis aus.

Schritt 8

Fügen Sie dem Spektrum eine weitere Farbe hinzu, indem Sie auf den Bereich rechts zwischen den vorhandenen Knoten klicken. Eine neue Farbe wird angezeigt, und wählen Sie, während sie ausgewählt ist, einen rosa Farbton aus dem Farbkreis.

Schritt 9

Sie können den Verlauf weiter bearbeiten, indem Sie die Knoten entlang des Spektrums nach links und rechts ziehen. Jetzt haben wir einen schönen Farbverlauf, der als Himmelshintergrund dient!

Schritt 10

Verlasse den Multiwheel-Farbe.

Wir können uns besser organisieren, indem wir die Farb- und Zeichenebene umbenennen. Einfach Doppelklick den Text neben der Verlaufsfarbe und benennen Sie ihn um Himmel. Dann Doppelklick den Text auf der Zeichnungsebene und benennen Sie ihn um Sky_gradient.

Schritt 11

Beachten Sie auf der Timeline, dass Sie beim Ziehen der Abspielkopf (der rote Balken) Am Ende der Szene verschwindet der Himmelsverlauf. Wir möchten das letzte Bild auf der Zeichnungsebene auswählen (in diesem Fall Bild) 60) und dann F5. Dies verlängert einfach die Belichtung der Zeichnung.

Nun, da wir mit dem fertig sind Himmelsverlauf, Lasst uns Sperren die Ebene, damit wir sie nicht versehentlich ändern, wenn wir mit den nächsten Schritten fortfahren.

Klicken Sie einfach auf das Symbol, das wie eine Sperre auf der Zeichnungsebene aussieht.

3. Probieren Sie verschiedene Zeichentechniken aus

Schritt 1

Erstellen Sie eine neue Zeichnungsebene, indem Sie auf klicken (+) Symbol auf der Timeline. Wählen Zeichnung aus der Dropdown-Liste.

Benennen Sie im Popup-Feld die Ebene Wolken und klicken Sie dann auf Hinzufügen und schließen.

In der Timeline wird eine neue Ebene angezeigt.

Hinweis: Um eine Ebene zu löschen, wählen Sie sie aus und klicken Sie auf die Schaltfläche (-) Symbol.

Schritt 2

Es gibt verschiedene Möglichkeiten, Zeichnungen auf Toon Boom zu erstellen. Wenn Sie ein Grafiktablett haben, können Sie das verwenden Bürste und Bleistift mit Leichtigkeit.

Testen Sie sie und zeichnen Sie mit dem Pinsel und dem Stift einige Wolken.

Schritt 3

Sie können Zeichnungen auch mit erstellen Polylinie. Dieses Tool ist hilfreich für Benutzer von Grafiktabletts. Es ist dem ähnlichStiftwerkzeug in Adobe Photoshop oder Illustrator.

Klicken Sie dazu einfach auf einen Punkt auf der Zeichenfläche und ziehen Sie, um die Kurve zu beeinflussen. Klicken wieder zu einem anderen Punkt und dann Ziehen. Ohne den Punkt loszulassen, Alt-Ziehen um die Richtung der nächsten Kurve zu ändern.

Wiederholen: Klicken Sie auf, ziehen Sie, ziehen Sie die Alt-Taste bis Sie Ihre Zeichnung schließen möchten. Klicken Sie dazu auf den nächsten Punkt am Startpunkt.

Schritt 4

Eine andere Möglichkeit, Zeichnungen zu erstellen, ist die Verwendung von Formwerkzeuge und dasCutter.

Verwendung der Ellipse und Linie, Erstellen Sie eine allgemeine Wolkenform. Klicken Sie lange auf die Wählen (schwarzes Pfeilsymbol), um das Symbol zu finden und auszuwählen Cutter.

Unter dem Werkzeugeigenschaften Auf der rechten Seite stellen Sie sicher, dass Sie auswählen Runden für die Tip Style. Zieh den Cutter über die Zeilen, die Sie loswerden möchten.

Schritt 5

Vergleichen wir jede Zeichenmethode und sehen Sie, welche Sie bevorzugen!

Die erste Wolke, erstellt mit Bürste Werkzeug, ist für Grafiktablettbenutzer geeignet. Seine Striche sind auf beiden Seiten aus Vektorpunkten zusammengesetzt, was es schwierig macht, sie mit zu ändern Kontur-Editor. Ich finde es toll, um grobe Skizzen und Animationen zu erstellen.

Die zweite Wolke, erstellt mit Bleistift, ist auch für Grafiktablettbenutzer geeignet. Aber nicht wie Bürste Schläge, Bleistift Striche bestehen aus einem einzigen Pfad aus Vektorpunkten, so dass sie leichter mit der Kontur-Editor.

Ich finde es toll, um klare Linienkunst zu schaffen.


Die dritte Wolke, erstellt mit Polylinie, Damit haben Sie die vollständige Kontrolle über die Anzahl der Vektorpunkte, die Sie in Ihrer Zeichnung verwenden möchten.

Ich finde es hervorragend, um saubere Strichzeichnungen zu erstellen, und es ist nützlich für Leute, die keine Grafiktabletts verwenden.

Die vierte Wolke, erstellt mit Formwerkzeuge und Cutter, ist auch gut für Nichtbenutzer von Grafiktabletts.

Es ist nicht so einfach, mit der Kontur-Editor, Diese Methode eignet sich jedoch hervorragend zum Erstellen geometrischer Designs.

4. So animieren Sie mit dem Transformationswerkzeug

Schritt 1

Zuerst erstellen wir die Zeichnung, die wir animieren werden.

Wählen Sie die Standardfarbe Weiß aus Ihrer Palette und zeichnen Sie eine Wolke mit Bleistift oder Ihr bevorzugtes Werkzeug. Füllen Sie es mit Farbe Werkzeug.

Wählen die wolkenzeichnung und dann Kopieren und Einfügen und positionieren Sie sie nebeneinander. Wenn Sie drei gleichgroße Kopien der Wolke haben, wählen Sie sie alle aus und positionieren Sie sie im Kamerabereich, sodass der gesamte Boden mit der Zeichnung gefüllt ist.

Schritt 2

Wir möchten die Belichtung der Zeichnung verlängern, indem Sie zum Rahmen gehen 60 auf der Wolken Schicht und Pressen F5.

Setzen Sie dann Keyframes auf das Bild 1 und 2 durch Drücken F6 während diese Frames ausgewählt sind.

  • F6 erstellt Keyframes.
  • F7 löscht Keyframes.

Schritt 3

Aktivieren Sie die Zwiebelhaut Klicken Sie auf die unterste Schaltfläche in der Symbolleiste links. Auf diese Weise können Sie den vorherigen und den nächsten Frame Ihrer Animation sehen.

Schritt 4

Das aktuelle Aussehen der Kameraansicht ist im Wesentlichen das, was unser erster Keyframe aussieht. Es ist der zweite Keyframe, den wir ändern werden.

Stellen Sie nun sicher, dass auf der Timeline die Abspielkopf ist im Rahmen 2 wo sich der zweite Keyframe befindet.

Wähle aus Verwandeln Werkzeug, das direkt über dem Zwiebelhaut Taste. Die Zeichnungen auf der Wolken Ebene werden in rosa hervorgehoben.

Schritt 5

Suchen Sie die Mitte der Auswahl (das kleine gelbe Quadrat) und klicken Sie dann auf und ziehen Sie nach rechts. Stellen Sie sicher, dass Sie drücken Verschiebung so dass sich die Zeichnung nur horizontal bewegt.

Wenn Sie die Zeichnung nach rechts verschieben, wird eine rote Version der Wolke dahinter sichtbar. Dies ist eine Ansicht der vorherigen Position oder der Wolke der Zeichnung 1 im Bild unten angegeben.

Im aktuellen Frame wollen wir Cloud platzieren 2 sehr nah an der Position der Wolke 1 im vorherigen Frame, aber nicht vollständig überlappt. Wir möchten es nur ein paar Stöße links von der vorherigen Zeichnung setzen.

Schritt 6

Schau dir die Zeitleiste an.

Auf der Wolke Ziehen Sie den zweiten Keyframe aus dem Frame 2 einrahmen 60. Dies schafft Zwischenzeiten zwischen dem ersten und dem zweiten Keyframe.

Zwischenzeiten sind wie Übergangsbilder; Sie helfen, eine Illusion zu erzeugen, dass der erste Keyframe sich nahtlos in den nächsten Keyframe verwandelt.

Mehr Zwischenzeiten Machen Sie den Übergang langsamer, und machen Sie die Animation langsamer. Weniger Zwischenzeiten macht die Animation schneller.

Schritt 7

Wir können jetzt eine Vorschau anzeigen, wie die resultierende Animation aussieht.

Aktivieren Sie die Kamera-Maske um die Teile auszublenden, die ausgeblendet werden sollen. Es ist das Rechtecksymbol / die dritte Schaltfläche auf dem kleinen Feld zwischen dem Kamerabereich und der Zeitleiste.

Aktivieren Sie die Schleife und klicken Sie auf abspielen. Diese befinden sich direkt über dem Ebenenbereich.

Als Ergebnis erhalten wir eine nahtlose Loop-Animation von Panning-Clouds.

Abgesehen von der Animation eines einfachen Pan können Sie auch die Verwandeln Mit diesem Werkzeug können Sie ein Objekt drehen, vergrößern, verkleinern, streichen und strecken.

5. Wie man Frame für Frame animiert

Schritt 1

Deaktivieren Sie die Wolke Klicken Sie auf das Symbol, das wie Cartoon-Augen aussieht. Dadurch werden die Cloud-Zeichnungen vorübergehend aus der Ansicht entfernt.

Erstellen Sie eine neue Ebene und benennen Sie sie Star.

Schritt 2

Bei der Einzelbildanimation zeichnen wir ein Bild nach dem anderen, damit es sich bewegen kann.

Wichtige Tasten zum Erinnern sind F und G.

  • F wird verwendet, um zum vorherigen Bild zu gelangen.
  • G wird verwendet, um zum nächsten Frame zu gelangen.

Um einen funkelnden Stern zu animieren, zeichnen Sie mit dem Stift (oder Ihrem bevorzugten Werkzeug) einen kleinen Diamanten auf das erste Bild der Sternebene.

Zeichne den Diamanten für die nächsten Frames, bis er auseinander bricht und verschwindet.

Schritt 3

Die Animation soll abgespielt werden auf zwei, Das bedeutet, wir möchten, dass die Zeichnungen jeweils zwei Frames belichten.

Abgesehen vom Klicken, Ziehen oder Drücken F5, Wir können die Bildbelichtung durch Drücken von verlängern Verschiebung-+.

Gehen Sie zur Sternebene und drücken Sie Verschiebung-+ einmal in jedem Frame.

Schritt 4

Bearbeiten Sie die Position und Drehung der Animation.

Klicken Sie lange auf die Wählen Werkzeug (schwarzes Pfeilsymbol) und klicken Sie auf Alle Zeichnungen neu positionieren.

Ziehen Sie die Zeichnung an die gewünschte Position und drehen Sie sie. Diese Änderung wird automatisch auf alle Zeichnungen der ausgewählten Ebene angewendet.


Jetzt haben wir eine Frame-für-Frame-Animation eines Sterns!

6. Wie vervollständige ich deine Szene?

Schritt 1

Wir haben jetzt einen Hintergrund, animierte Wolken und einen animierten Stern. Jetzt müssen wir nur noch den Himmel mit mehr Sternen füllen und die Szene beenden!

Um eine Kopie der Sternanimation zu erstellen, klicken Sie mit der rechten Maustaste auf Star schichten und klicken Ausgewählte Ebenen duplizieren.

Verwenden Sie die Alle Zeichnungen neu positionieren Werkzeug zum Neupositionieren, Skalieren und Drehen des doppelten Sterns, der das ist Star_1 Schicht.

Ziehen Sie auf der Zeitleiste die Frames auf Star_1 nach rechts, um verschiedene Timings zu erstellen.

Schritt 2

Nun wollen wir die Bühne mit Variationen der Sternanimation füllen und über die gesamte Szenendauer verteilen.

Erstellen Sie weitere Ebenenduplikate, positionieren Sie die Zeichnungen neu, ziehen Sie Rahmen und kopieren und fügen Sie Rahmen in verschiedenen Bereichen der Timeline ein.

Schritt 3

Aktivieren Sie die Sichtbarkeit der Wolken Klicken Sie erneut auf das Cartoon-Augensymbol.

Früher in der Cloud-Animation dachte ich, dass sich die Wolken zu schnell bewegen. Um dies zu beheben, verlängern Sie die Szenenlänge, indem Sie die rote Klammer auf der Timeline vom Rahmen ziehen 60 zu 120.

Wählen Sie die letzten Bilder in der Wolken und Sky_gradient Schichten und drücken Sie F5 um die Belichtung zu verlängern.

Auf der Wolken ziehen Sie den letzten Keyframe aus dem Bild 60 einrahmen 120. Dies erhöht die Zwischenzeiten und verlangsamt daher die Animation.

Schritt 4

Kopieren Sie die Sternanimationen und fügen Sie sie ein.

Wählen Sie alle Sternanimationen aus, indem Sie auf klicken Rahmen 1 auf der Star Schicht, drücken Verschiebung, und dann auf Rahmen klicken 60 auf Star_1 Schicht.

Kopieren Sie die Framesund auf Rahmen einfügen 61 des Star Schicht.

Schritt 5

Wir möchten, dass sich die Wolken im Vordergrund befinden. Ziehen Sie die Wolkenebene daher im Ebenenfenster an die Spitze aller anderen Ebenen.

7. So exportieren Sie Ihre Animation

Wenn Sie mit der Animation zufrieden sind, können Sie mit dem Exportieren fortfahren.

Gehe zu Datei> Exportieren> Film…  Klicken Durchsuche… um Ihre Ausgabedatei zu benennen und Ihren Speicherort auszuwählen. In dem Bereich exportieren, Sie können wählen, um auszuwählen alles oder geben Sie die zu exportierenden Bilder an. Klicken OK.

Warten Sie, bis Ihr Film den Export beendet hat, und Sie haben es! Sie haben jetzt eine MOV-Datei Ihrer animierten Szene, die Sie mit Videobearbeitungssoftware wie z. B. in andere Videoformate konvertieren können Adobe Premiere Pro.

Viel Spaß beim Animieren!

Während Toon Boom noch viele weitere fortschrittliche Werkzeuge und Funktionen bietet, die erforscht werden können, kann das Anfangen mit den einfachsten Techniken immer noch spektakuläre Ergebnisse bringen.

Ihr Programm und Ihre Materialien können Sie nur dazu bringen, gute Kunst zu schaffen - der Rest hängt von Ihnen und Ihrer Kreativität ab!

Ich hoffe, Sie haben viel gelernt und haben Spaß beim Animieren!


Auf der Suche nach weiteren Toon Boom-Tutorials? Warum probieren Sie diese nicht: