Whiteboard Video Scribe Animation - Vorbereitung

• Kann 2, 2024

Wenn Sie daran interessiert sind, eine Whiteboard- oder Video-Scribe-Animation in Motion zu erstellen^R. und ich weiß nicht, wo ich anfangen soll, dieses Tutorial kann helfen. In einer Whiteboard-Animation werden zwei Arten von Simulationen verwendet. Eine ist eine Zeichnungssimulation und die andere ist eine Schreibsimulation. In diesem Tutorial erstellen wir eine sehr einfache Whiteboard-Animation, die eine Hand animiert, die ein Logo zeichnet und einen Firmennamen auf den Bildschirm schreibt.

Sie benötigen einige Grafiken, z. B. eine Hand- / Bleistiftgrafik. Dies kann ein Foto oder eine Illustration eines Arms sein, wobei die Hand einen Bleistift, einen Pinsel oder was auch immer hält. Die Grafik sollte auf einem transparenten Hintergrund sein. Sofern Sie nicht möchten, dass Ihre Hand im Weltraum schwebt, sollte der Arm lang genug sein, damit sich das Ende des Arms während der gesamten Animation unter dem Bildschirm befindet.

Als nächstes benötigen Sie die Grafik dessen, was die Hand auf dem Bildschirm zeichnet. Dieses Bild sollte sich auch auf einem transparenten Hintergrund befinden. Meistens wird Ihnen diese Grafik von Ihrem Kunden zur Verfügung gestellt. Sie können diese Grafik jedoch auch in Motion von Grund auf neu erstellen^R. oder Photoshop^R..

Der einfachste Weg, diese Grafiken in Motion zu bringen, besteht darin, sie in ein überlagertes Photoshop-Bild einzufügen. Öffnen Sie ein neues Photoshop-Bild mit einer Größe von 1280 x 720 Pixel. Dies entspricht den Abmessungen des Videobildschirms. Platzieren Sie Ihre Grafiken in diesem Bild und achten Sie darauf, dass der gesamte Arm sichtbar ist. Außerdem sollte sich der Arm auf einer Ebene über der Logoebene befinden. Für den Firmennamen verwenden wir das Textwerkzeug von Motion. Speichern Sie dieses Bild als geschichtetes .psd Photoshop-Bild.

Lassen Sie uns in Bewegung gehen.

1. Öffnen Sie ein neues Motion-Dokument. Ich verwende die Auflösung von 1280 x 720 Pixel und 29,97 fps (NTSC), weil dies der beste Kompromiss zwischen Bildschirmgröße und Downloadzeit ist. Stellen Sie die Anzahl der Sekunden für das Video ein. Für dieses Beispiel habe ich 5 Sekunden verwendet.
   
   
2. Stellen Sie in der Menüleiste rechts den Bildschirm auf Transparent ein.
   
   
3. Benennen Sie im Ebenenbereich die Projektebene in "Whiteboard" um. Benennen Sie die Gruppenebene für den Hintergrund in "BG" um.
   
   
4. Wenn Sie keine Hintergrundgrafik verwenden, nehmen Sie eine aus der Bewegungsbibliothek oder zeichnen Sie eine auf dem Bildschirm. Verwenden Sie zum Zeichnen eines Hintergrunds das Rechteck-Werkzeug und stellen Sie die Füllung im Inspektor auf die Farbe Ihrer Wahl ein.
   
   Jetzt sind wir bereit für Ihre Grafiken.
   
   
5. Importieren Sie Ihr Photoshop-Bild und weisen Sie Motion an, die Ebenen nicht zusammenzuführen. Während wir sie im Photoshop-Bild platzieren, befindet sich die Hand auf einer Ebene über der Grafik, die gezeichnet werden soll (Logo). Ordnen Sie die Hand und das Logo auf dem Bildschirm für das erste Bild Ihrer Animation an.
   
   Es ist am einfachsten, die Hand und jede Grafik, die gezeichnet wird, in eine eigene Ebenengruppe zu legen. In diesem Tutorial platzieren wir die Handgrafik in einer Gruppe mit dem Namen "Hand" und die Logo-Grafik in einer Gruppe mit dem Namen "Logo". Die Handgruppe sollte sich über der Logo-Gruppe befinden, die sich über der BG-Gruppe befinden sollte.
   
   
6. Wählen Sie die Hintergrund-Ebene aus und klicken Sie auf das Plus-Symbol am unteren Rand des Fensters, um eine neue Gruppenebene hinzuzufügen. Nennen Sie diese Gruppe "Logo" und ziehen Sie die Logo-Grafik in diese Ebene. Wiederholen Sie diesen Vorgang für die Handgrafik und platzieren Sie die Handgruppe über der Logo-Gruppe.
   
   
7. Nachdem die Standardgruppenebene leer ist, können wir sie löschen. Wir sollten drei Gruppenebenen haben: Hand, Logo und Hintergrund.
   
   

Im nächsten Tutorial werden wir den Bezier-Pfad zeichnen, der die Hand animiert.

Weiter →

Tutorial Beispiel:


Apple, Motion, iBooks Author, GarageBand, TextEdit, Pages, iMovie und Mac sind Marken von Apple Inc., eingetragen in den USA und anderen Ländern.
CoffeBreakBlog ist eine unabhängige Veröffentlichung und wurde von Apple Inc. nicht autorisiert, gesponsert oder anderweitig genehmigt. Screenshots werden mit Genehmigung verwendet.
Copyright 2018 Adobe Systems Incorporated. Alle Rechte vorbehalten. Screenshots von Adobe-Produkten mit Genehmigung von Adobe Systems Incorporated. Adobe, Photoshop, Photoshop-Album, Photoshop-Elemente, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere-Elemente, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, Captivate, Flash Catalyst und Flash Paper ist / sind entweder [eine] eingetragene Marke (n) oder eine Marke (n) von Adobe Systems Incorporated in den USA und / oder anderen Ländern.

Video-Anleitungen: how to make whiteboard animation video (Kann 2024).