- Adobe Animate-Benutzerhandbuch
- Einführung in Animate
- Animation
- Grundlagen von Animationen in Animate
- So verwenden Sie Bilder und Schlüsselbilder in Animate
- Einzelbildanimation in Animate
- Arbeiten mit klassischen Tween-Animationen in Animate
- Pinselwerkzeug
- Bewegungsführung
- Bewegungs-Tweens und ActionScript 3.0
- Bewegungs-Tween-Animationen
- Bewegungs-Tween-Animationen
- Erstellen von Bewegungs-Tween-Animationen
- Verwenden von Eigenschaftenschlüsselbildern
- Animieren der Position mithilfe eines Tweens
- So bearbeiten Sie Bewegungs-Tweens mit dem Bewegungs-Editor
- Bearbeiten des Bewegungspfades einer Tween-Animation
- Manipulieren von Bewegungs-Tweens
- Hinzufügen von benutzerdefinierten Beschleunigungen
- Erstellen und Anwenden von Bewegungsvoreinstellungen
- Einrichten von Animations-Tween-Bereichen
- Arbeiten mit als XML-Dateien gespeicherten Bewegungs-Tweens
- Vergleich von Bewegungs-Tweens und klassischen Tweens
- Form-Tweening
- Verwenden von Animation mit dem Bone-Werkzeug in Animate
- Arbeiten mit Figuren-Rigging in Animate
- So verwenden Sie Maskenebenen in Adobe Animate
- So arbeiten Sie in Animate mit Szenen
- Interaktivität
- So erstellen Sie in Animate Schaltflächen
- Konvertieren von Animate-Projekten in andere Dokumenttypen
- HTML5 Canvas-Dokumente in Animate erstellen und veröffentlichen
- Interaktivität mit Codefragmenten in Animate hinzufügen
- Erstellen benutzerdefinierter HTML5-Komponenten
- Verwenden von Komponenten in HTML5 Canvas
- Erstellen von benutzerdefinierten Komponenten: Beispiele
- Codefragmente für benutzerdefinierte Komponenten
- Empfohlene Verfahren – Anzeigen mit Animate
- Authoring und Veröffentlichen für VR
- Arbeitsbereich und Arbeitsablauf
- Erstellen und Verwalten von Pinseln
- Verwenden von Google Fonts in HTML5 Canvas-Dokumenten
- Verwenden von Creative Cloud Libraries in Adobe Animate
- Bühne und Bedienfeld „Werkzeuge“ in Animate verwenden
- Arbeitsablauf und Arbeitsbereich in Animate
- Verwenden von Webschriftarten in HTML5 Canvas-Dokumenten
- Zeitleisten und ActionScript
- Arbeiten mit mehreren Zeitleisten
- Festlegen von Voreinstellungen
- Verwenden der Animate-Authoring-Bedienfelder
- Zeitleisten-Ebenen in Animate erstellen
- Exportieren von Animationen für Apps und Game-Engines
- Verschieben und Kopieren von Objekten
- Vorlagen
- Suchen und Ersetzen in Animate
- Rückgängigmachen, Wiederholen und das Bedienfeld „Protokoll“
- Tastaturbefehle
- So verwenden Sie die Zeitleiste in Animate
- Erstellen von HTML-Erweiterungen
- Optimierungsoptionen für Bilder und animierte GIF-Dateien
- Exporteinstellungen für Bilder und GIF-Dateien
- Bedienfeld „Elemente“ in Animate
- Multimedia und Video
- Transformieren und Kombinieren von Grafikobjekten in Animate
- Erstellen von und Arbeiten mit Symbolinstanzen in Animate
- Bildnachzeichner
- So verwenden Sie Sound in Adobe Animate
- Exportieren von SVG-Dateien
- Erstellen von Videodateien zur Verwendung in Animate
- So fügen Sie in Animate ein Video hinzu
- Objekte in Animate zeichnen und erstellen
- Umformen von Linien und Formen
- Striche, Füllungen und Farbverläufe in Animate CC
- Adobe Premiere Pro und After Effects
- Farb-Bedienfelder in Animate CC
- Öffnen von Flash CS6-Dateien mit Animate
- In Animate mit klassischem Text arbeiten
- Platzieren von Bildern in Animate
- Importierte Bitmaps in Animate
- 3D-Grafiken
- Arbeiten mit Symbolen in Animate
- Zeichnen von Linien und Formen mit Adobe Animate
- Mit Bibliotheken in Animate arbeiten
- Exportieren von Sounds
- Auswählen von Objekten in Animate CC
- Arbeiten mit Adobe Illustrator AI-Dateien in Animate
- Anwenden von Mischmodi
- Anordnen von Objekten
- Automatisieren von Aufgaben mit dem Menü „Befehle“
- Mehrsprachiger Text
- Verwenden der Kamera in Animate
- Grafikfilter
- Sounds und ActionScript
- Zeichnungsvoreinstellungen
- Zeichnen mit dem Stiftwerkzeug
- Plattformen
- Konvertieren von Animate-Projekten in andere Dokumenttypen
- Unterstützung benutzerdefinierter Plattformen
- HTML5 Canvas-Dokumente in Animate erstellen und veröffentlichen
- Erstellen und Veröffentlichen eines WebGL-Dokuments
- So packen Sie Apps für AIR for iOS:
- Veröffentlichen von Apps für AIR for Android
- Veröffentlichen für Adobe AIR für den Desktop
- ActionScript-Veröffentlichungseinstellungen
- Empfohlene Verfahren – Organisieren von ActionScript in einer Anwendung
- So verwenden Sie ActionScript mit Animate
- Eingabehilfen für den Animate-Arbeitsbereich
- Schreiben und Verwalten von Skripts
- Aktivieren der Unterstützung für benutzerdefinierte Plattformen
- Unterstützung benutzerdefinierter Plattformen – Übersicht
- Arbeiten mit Plug-ins zur Unterstützung benutzerdefinierter Plattformen
- Debuggen von ActionScript 3.0
- Aktivieren der Unterstützung für benutzerdefinierte Plattformen
- Exportieren und Veröffentlichen
- So exportieren Sie Dateien aus Animate CC
- OAM-Veröffentlichung
- Exportieren von SVG-Dateien
- Exportieren von Grafiken und Videos mit Animate
- Veröffentlichen von AS3-Dokumenten
- Exportieren von Animationen für Apps und Game-Engines
- Exportieren von Sounds
- Empfohlene Verfahren – Tipps zum Erstellen von Inhalten für mobile Geräte
- Empfohlene Verfahren – Videokonventionen
- Empfohlene Verfahren – Authoring-Richtlinien für SWF-Anwendungen
- Empfohlene Verfahren – Strukturierung von FLA-Dateien
- Empfohlene Verfahren für die Optimierung von FLA-Dateien für Animate
- ActionScript-Veröffentlichungseinstellungen
- Veröffentlichungseinstellungen für Animate festlegen
- Exportieren von Projektor-Dateien
- Exportieren von Bildern und animierten GIF-Dateien
- HTML-Veröffentlichungsvorlagen
- Adobe Premiere Pro und After Effects
- Schnelles Teilen und Veröffentlichen Ihrer Animationen
- Fehlerbehebung
Dokumentation zur Bewegungsführung in Flash Professional. Verbessern Sie die Animation, die Sie erstellen, indem Sie einen Pfad für die animierten Objekte definieren.
Übersicht
Die Bewegungsführung in Adobe Animate (früher Flash Professional CC) hilft Ihnen dabei, Ihre Animation mittels Definition eines Pfads für Objekte, die Sie animieren, zu verbessern. Dies ist hilfreich, wenn Sie an einer Animation arbeiten, die einem Pfad folgt, der keine gerade Linie ist. Dieser Vorgang erfordert zwei Ebenen, um eine Animation durchzuführen:
- eine Ebene, die das Objekt enthält, das zu animieren Sie im Begriff sind
- eine Ebene, die den Pfad definiert, dem das Objekt während der Animation folgen soll
Die Bewegungsführung funktioniert nur mit klassischen Tweens.
Weitere Informationen zur Bewegungsführung finden Sie unter Arbeiten mit klassischen Tween-Animationen.
Bewegungsführung basierend auf einer variablen Strichbreite
Sie können ein Objekt basierend auf der variablen Strichbreite der Führungslinie animieren.
Außer den Keyframes für die Anfangs- und Endposition des Objekts benötigen Sie keine weiteren Keyframes, um die Variation der Strichbreite zu kennzeichnen.
- Um ein auf der variablen Strichbreite basierendes Objekt zu animieren, erstellen Sie einen Pfad und animieren Sie das Objekt entlang dem Pfad, wie im vorherigen Abschnitt in diesem Dokument beschrieben.
- Markieren Sie mit dem ersten Keyframe des in der Zeitleiste ausgewählten Tweens die Optionen „Skalieren“ und „Entlang des Pfads skalieren“ im Eigenschafteninspektor. Das Objekt kann nun der auf der Konturstärke basierenden Skalierung folgen.
- Definieren Sie die Stärke der Kontur mit einer der folgenden Methoden:
- Wählen Sie das Breite-Werkzeug (U) auf der Werkzeugleiste aus, klicken Sie an eine beliebige Stelle des Pfads und ziehen Sie, um die Stärke des Pfads zu variieren.
- Wählen Sie den Pfad mit dem Auswahl-Werkzeug (V) aus der Werkzeugleiste und im Eigenschafteninspektor aus und wählen Sie ein Breitenprofil für die Kontur aus dem Dropdown-Menü „Breite“ aus.
Weitere Informationen über die variable Strichbreite finden Sie unter Variable Strichbreiten.
Nachdem Sie eine variable Strichbreite als Pfad definiert haben, können Sie bei Ausführen des Bewegungs-Tweens sehen, dass das Objekt nicht nur dem Pfad folgt, sondern sich entsprechend der Variation der Strichbreite auch in der Größe ändert.
Im Folgenden finden Sie ein Beispiel, bei dem die Bewegungsführung mit variabler Strichbreite verwendet wird:
Ein Bewegungspfad kann mehrere Segmente aufweisen, wobei zu jedem verbundenen Segment ein anderes Variablenbreitenprofil definiert ist, wie nachstehend dargestellt. Wenn keine weiteren Keyframes für das Objekt vorhanden sind, wird das Breitenprofil eines jeden Segments während der Animation berücksichtigt.
Bewegungsführung basierend auf der Strichfarbe
Die Bewegungsführung ermöglicht außerdem das Tweenen eines Objekts entlang des Pfades, indem die Farbe des Objekts entsprechend der Farbe der Hilfslinie selbst geändert wird. Um diese Variante zu bewerkstelligen, benötigen Sie mindestens zwei Segmente im Pfad, d. h. drei Mindestknoten oder Punkte als Teil des Pfads. Verwenden Sie hierfür beim Erstellen eines klassischen Bewegungs-Tweens und Zeichnen einer Hilfslinie wie im vorherigen Abschnitt dieses Dokuments beschrieben das Stiftwerkzeug und zeichnen Sie eine Hilfslinie, wie nachstehend dargestellt. Dieser Pfad hat vier Knoten/Punkte in drei Segmenten.
Außer den Keyframes für die Anfangs- und Endposition des Objekts brauchen Sie keine weiteren Keyframes zu erstellen, um die Änderung der Strichfarbe anzugeben.
- Wenn Sie einen klassischen Bewegungs-Tween erstellen, wählen Sie den ersten Keyframe des Tweens auf der Zeitleiste aus. Markieren Sie im Eigenschafteninspektor das Kontrollkästchen „Entlang des Pfads färben“. Ihr Objekt kann nun den Farbvariationen gemäß der Hilfslinie folgen.
- Klicken Sie nun mit dem Auswahl-Werkzeug (V) auf der Werkzeugleiste auf das zweite Segment der Hilfslinie und wählen Sie eine andere Farbe aus. Wiederholen Sie den Vorgang für das dritte Segment des Pfads.
Führen Sie die Animation jetzt aus, um den Farbeinfluss der Hilfslinie im Objekt selbst im Verlauf des Tweens zu sehen. Wie Sie feststellen werden, wird nicht nur die Farbe beeinflusst, sondern auch der Alpha-/Deckkraftwert des Strichsegments in der Hilfslinie.
Im Folgenden finden Sie ein Beispiel, bei dem die Bewegungsführung mit Farbvariation verwendet wird:
