Whiteboard-Animation - Zeichnen der Löwengrafik

• April 19, 2024

Jetzt haben wir alle Grafiken für die Mygrafico-Whiteboard-Animation in Motion importiert und organisiert^R.können wir mit dem Erstellen des ersten Teils der Animation beginnen. In diesem Tutorial lernen wir, wie Sie einen Bezier-Pfad für die Handanimation zeichnen, der die Strichzeichnungen auf den Bildschirm zeichnet. Jetzt schwebt die Hand- / Armgrafik horizontal auf dem Bildschirm.

1. Wählen Sie die Handgrafik aus und drehen Sie den Arm, bis er auf dem Bildschirm gezeichnet werden kann. Sie möchten, dass sich die Grafik etwas unterhalb des unteren Bildschirmrandes befindet, damit das Ende des Arms nicht sichtbar ist.
   
   Wenn Sie zu diesem Zeitpunkt die Handgrafik auswählen, befindet sich der Ankerpunkt in der Mitte des Arms. Dieser Ankerpunkt folgt einem Bewegungspfad, um die Hand / den Arm zu animieren. Wir wollen nicht, dass sich die Mitte des Arms über die Strichzeichnungen bewegt, sondern die Spitze des Bleistifts. Wir brauchen diesen Ankerpunkt also, um über der Spitze des Bleistifts zu sein.
   
   
2. Wählen Sie mit dem Abspielkopf am Anfang der Zeitleiste die Handgrafik und das Ankerpunkt-Werkzeug aus. Verwenden Sie die blauen und roten Pfeile, um den Ankerpunkt über die Stiftspitze zu bewegen.
   
   
3. Deaktivieren Sie die Sichtbarkeit der Ebenen Text, Gesicht, Farbe und Anruf. Nachdem der Arm die Strichzeichnungen gezeichnet hat, soll sie sich ein wenig nach rechts bewegen und eine Pause einlegen, bevor wir wieder mit dem Zeichnen beginnen. Platzieren Sie die Handgrafik an dieser Stelle.
   
   
4. Wählen Sie das Bezier-Werkzeug. Stellen Sie im HUD das Beizer-Werkzeug auf eine Füllung aus Null, Umriss (Strich) aus Weiß (oder Ihrer Hintergrundfarbe) und Breite 10 ein. Setzen Sie mit dem Bezier-Werkzeug den ersten Ankerpunkt direkt über die Spitze des Stifts. Zeichnen Sie dann einen Pfad entlang des Umrisses der Löwenmähne. Zeichnen Sie immer noch denselben Bezier-Pfad und zeichnen Sie den Pfad entlang des Umrisses des Gesichts weiter. Fügen Sie nun einen weiteren Bezier-Punkt zu dem Pfad hinzu, auf dem der Arm anhalten soll. Versuchen Sie im Gegensatz zu Illustrator nicht, den Pfad zu schließen.
   
   
5. Um den Pfad festzulegen, wählen Sie das Auswahl- / Transformationswerkzeug. Im Ebenenbereich sollte eine neue Bezier-Pfadebene angezeigt werden. Sie können den Pfad nicht auf dem Bildschirm sehen, da er weiß ist, aber vorhanden ist. Benennen Sie die Bezier-Pfadebene in "Bezier_Lineart" um, da dies der Pfad für diesen Teil der Animation ist. Ziehen Sie die Ebene Bezier_Lineart unter die Grafikebene Hand.
   
   
6. Wählen Sie die Grafikebene Hand aus und fügen Sie ein Bewegungspfadverhalten hinzu (Bibliothek - Verhalten - Grundbewegung - Bewegungspfad). Sie sollten einen geraden Pfad am Arm sehen, der von der Stiftspitze ausgeht.
   
   
7. Wählen Sie den Bewegungspfad im Ebenenbereich aus. Stellen Sie im Inspektor - Verhalten - Bewegungspfad - Pfadform die Pfadform auf Geometrie ein. Deaktivieren Sie im selben Abschnitt des Inspektors das Kontrollkästchen für die Option An Form anhängen. Ziehen Sie den Pfad Bezier_Linear von seiner Position im Ebenenbereich in die Formquelle im Inspektor (kleines Feld unter dem Menü Pfadform).
   
   
8. Testen Sie die Animation, während sich der Abspielkopf noch im ersten Bild befindet. Wenn der Stift dem Pfad nicht direkt folgt, nehmen Sie den Ankerpunkt für die Hand nach Bedarf vor.
   
   
9. Sobald Sie mit der Animation zufrieden sind, arbeiten wir an der Dauer. Zehn Sekunden sind zu langsam. Wählen Sie sowohl den Bewegungspfad als auch die Ebene Bezier_Linear aus. Ziehen Sie den rechten Rand beider Ebenen auf ca. 2 Sekunden (02:00) in der Timeline.
   
   

Sichere deine Arbeit.

//www.mygrafico.com/

Video-Anleitungen: Wie man Animationsvideos macht (April 2024).