- 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
Beim Form-Tweening zeichnen Sie eine Vektorform in einem bestimmten Einzelbild der Zeitleiste und ändern diese Form bzw. zeichnen eine andere Form anschließend in einem Einzelbild der Zeitleiste. Animate interpoliert anschließend die Zwischenformen für die dazwischenliegenden Bilder, sodass eine Animation von einer Form, die sich zu einer anderen ändert, erstellt wird.
Animate bietet Ihnen die Möglichkeit, einheitlichen, durchgängigen Konturen sowie nicht einheitlichen, individuellen Konturen Form-Tweens hinzuzufügen. Sie können auch Form-Tweens zu Konturen hinzufügen, die mit dem variablen Breitenwerkzeug verbessert wurden. Experimentieren Sie mit den Formen, die Sie verwenden möchten, um das Ergebnis zu bestimmen. Mithilfe von Formmarken können Sie Animate anweisen, welche Punkte der Ausgangsform mit bestimmten Punkten der Endform übereinstimmen.
Außerdem können Sie auch die Position und Farbe von Formen innerhalb eines Form-Tweens tweenen.
Gruppen, Instanzen und Bitmapbilder müssen vor dem Tweenen geteilt werden. Text, den Sie mit Form-Tweening bearbeiten möchten, müssen Sie zuvor zwei Mal teilen, um ihn in seine einzelnen Objekte zu zerlegen. Weitere Informationen finden Sie unter Teilen einer Symbolinstanz.
Erstellen von Form-Tweens
Die folgenden Schritte zeigen, wie Sie aus Bild 1 bis Bild 30 auf der Zeitleiste ein Form-Tween erstellen. Sie können jedoch an jeder beliebigen Stelle der Zeitleiste Tweens erstellen.
-
Zeichnen Sie in Bild 1 mit dem Rechteckwerkzeug ein Quadrat.
-
Wählen Sie auf derselben Ebene Bild 30 und fügen Sie ihm ein leeres Schlüsselbild hinzu, indem Sie entweder Einfügen > Zeitleiste > Leeres Schlüsselbild wählen oder F7 drücken.
-
Zeichnen Sie auf der Bühne mit dem Ellipsenwerkzeug in Bild 30 einen Kreis.
Sie verfügen jetzt über ein Schlüsselbild in Bild 1 mit einem Quadrat und ein Schlüsselbild in Bild 30 mit einem Kreis.
-
Wählen Sie in der Zeitleiste in der Ebene, die die beiden Formen enthält, ein zwischen den beiden Schlüsselbildern liegendes Bild aus.
-
Wählen Sie Einfügen > Form-Tween.
Animate interpoliert die Formen in allen Bildern zwischen den beiden Schlüsselbildern.
-
Wenn Sie eine Vorschau des Tweens anzeigen möchten, können Sie den Abspielkopf über die Bilder in der Zeitleiste scrubben oder die Eingabetaste drücken.
-
Wenn Sie nicht nur die Form, sondern auch die Bewegung tweenen möchten, verschieben Sie die Form in Bild 30 an eine andere Position als in Bild 1.
Drücken Sie die Eingabetaste, um eine Vorschau der Animation anzuzeigen.
-
Um die Farbe der Form zu tweenen, geben Sie der Form in Bild 1 eine andere Farbe als der Form in Bild 30.
-
Um dem Tween eine Beschleunigung hinzuzufügen, wählen Sie eines der Bilder aus und geben Sie im Eigenschafteninspektor im Feld Beschleunigung einen Wert ein.
Um den Anfang des Tweens zu beschleunigen, geben Sie einen negativen Wert ein. Um das Ende des Tweens zu beschleunigen, geben Sie einen positiven Wert ein.
Erstellen von Beschleunigungsvorgaben oder benutzerdefinierten Beschleunigungen
Beschleunigungsvorgaben sind vorkonfigurierte Beschleunigungen, die auf ein Objekt auf der Bühne angewendet werden können.
Eine Reihe häufig verwendeter Vorgaben ist für Form-Tweens verfügbar. Sie können die Vorgaben aus einer Liste auswählen und auf die gewünschte Eigenschaft anwenden. Sie können auch eine benutzerdefinierte Beschleunigung auf ein Form-Tween anwenden.
-
Klicken Sie in der Zeitleiste von Animate auf die Ebene, die ein Form-Tween enthält.
-
Um die Tweening-Eigenschaften zu öffnen, klicken Sie im Eigenschaftenbedienfeld auf die Kategorie Tweening.
-
Wählen Sie im Popupmenü für den Beschleunigungstyp eine Beschleunigungsvorgabe aus. Doppelklicken Sie auf die Vorgabe, die Sie anwenden möchten.
Wenn Sie eine klassische Beschleunigung anwenden möchten, können Sie die Intensität der Beschleunigung zudem erhöhen oder reduzieren, indem Sie den Schieberegler verschieben.
-
Klicken Sie auf das Symbol „Bearbeiten“ neben Beschleunigung, um eine benutzerdefinierte Beschleunigung anzuwenden.
Im Dialogfeld Benutzerdefinierte Beschleunigung wird ein Diagramm angezeigt, das den Bewegungsgrad im Zeitverlauf darstellt. Die horizontale Achse stellt Bilder dar, und die vertikale Achse stellt den Veränderungsgrad dar. Das erste Schlüsselbild hat den Wert 0 %, das letzte Schlüsselbild den Wert 100 %.
Die Neigung der Diagrammkurve repräsentiert die Änderungsrate des Objekts. Wenn die Kurve horizontal (keine Neigung) ist, die die Geschwindigkeit Null. Wenn die Kurve vertikal ist, liegt eine sofortige Änderungsrate vor.
Sie können eine benutzerdefinierte Beschleunigung speichern und wiederverwenden, indem Sie sie aus der Liste Benutzerdefiniert wählen. Klicken Sie nach Vornahme der Änderungen im Bearbeitungsmodus auf die Schaltfläche Speichern und anwenden. Der nachfolgende Screenshot zeigt die benutzerdefinierte Beschleunigungsvorgabe mit dem Titel MyEase1.
Sie können die Beschleunigungsvorgaben für mehrere Bereiche der Zeitleiste nutzen, indem Sie die entsprechenden Bereiche auswählen und die Beschleunigung darauf anwenden.
Steuern von Formveränderungen mithilfe von Formmarken
Mithilfe von Formmarken können Sie komplexe oder ausgefallene Formveränderungen steuern. Sie dienen zur Kennzeichnung kritischer Punkte und ihrer Positionen in der Ausgangs- und Endform. Wenn Sie beispielsweise den Ausdruck eines gezeichneten Gesichts mit Form-Tweening ändern, können Sie die beiden Augen im ersten und im letzten Bild jeweils mit einer Formmarke kennzeichnen, um zu verhindern, dass sich das Gesicht während Änderung in eine formlose Masse verwandelt. Die Augen bleiben dann während der gesamten Animation klar erkennbar und verschmelzen nicht mit den übrigen Gesichtszügen.
Den einzelnen Formmarken sind Buchstaben (a bis z) zugeordnet, an denen sich erkennen lässt, welche Marken in der Ausgangsform und in der Endform einander jeweils entsprechen. Sie können in einer Animation bis zu 26 Formmarken verwenden.
Formmarken sind im Anfangsschlüsselbild gelb und im Endschlüsselbild grün gekennzeichnet. Formmarken, die sich nicht auf einer Kurve befinden, werden rot dargestellt.
Die besten Ergebnisse erzielen Sie, wenn Sie beim Tweenen von Formen die folgenden Regeln beachten:
Wenn Sie komplexe Form-Tweening-Animationen erzeugen möchten, sollten Sie Zwischenbilder erstellen und tweenen, anstatt einfach eine Ausgangs- und eine Endform zu definieren.
Setzen Sie Formmarken stets nach logischen Gesichtspunkten. Wenn Sie für ein Dreieck beispielsweise drei Formmarken verwenden, müssen diese im Anfangs-Dreieck und im getweenten Dreieck dieselbe Reihenfolge aufweisen. Sie dürfen also nicht im ersten Schlüsselbild in der Reihenfolge abc und im zweiten Schlüsselbild in der Reihenfolge acb gesetzt werden.
Am besten funktionieren Formmarken, wenn Sie sie beginnend mit der linken oberen Ecke der Form entgegen dem Uhrzeigersinn platzieren.
Verwenden von Formmarken
-
Wählen Sie das erste Schlüsselbild einer Form-Tweening-Sequenz aus.
-
Wählen Sie Modifizieren > Form > Formmarke hinzufügen. Die Anfangsformmarke erscheint als roter Kreis mit dem Buchstaben a an einer beliebigen Stelle auf der Form.
-
Verschieben Sie die Formmarke an einen Punkt, den Sie markieren möchten.
-
Wählen Sie das letzte Schlüsselbild der Tweening-Sequenz aus. Die Endformmarke erscheint als grüner Kreis mit dem Buchstaben a an einer beliebigen Stelle auf der Form.
-
Verschieben Sie die Formmarke an den Punkt in der Endform, der mit dem zuerst markierten Punkt in der Anfangsform übereinstimmt.
-
Spielen Sie die Animation erneut ab, um festzustellen, wie das Form-Tweening durch die Formmarken beeinflusst wird. Sie können die Formmarken nach Belieben verschieben, um das Tweening genauer einzustellen.
-
Um weitere Formmarken hinzuzufügen, wiederholen Sie diesen Vorgang. Die neuen Marken sind stets mit dem jeweils nachfolgenden Buchstaben des Alphabets gekennzeichnet (b, c usw.).
Anzeigen von allen Formmarken
-
Wählen Sie Ansicht > Formmarken einblenden. Diese Option ist nur verfügbar, wenn die Ebene und das Schlüsselbild mit den Formmarken ausgewählt wurden.
Entfernen von Formmarken
-
Ziehen Sie die Formmarke aus der Bühne heraus.
Entfernen aller Formmarken
-
Wählen Sie Modifizieren > Form > Alle Marken löschen.
Anwenden von Form-Tweens auf Konturen mit variabler Breite
Animate bietet Ihnen die Möglichkeit, Form-Tweens auf Konturen mit variabler Breite anzuwenden. In früheren Versionen unterstützte Animate lediglich die Erstellung von Form-Tweens für einheitliche, durchgängige Konturen und Formen. Dadurch konnten Designer keine Form-Tweens für nicht-einheitliche Konturen erstellen, beispielsweise für Konturen, die mit dem variablen Breitenwerkzeug verbessert wurden. Durch das Tweenen von Konturen mit variabler Breite werden die Design-Möglichkeiten in Animate deutlich erweitert.
Das Hinzufügen von Form-Tweens zu individuellen Konturen unterscheidet sich nicht vom Tweenen einer Form oder einer durchgängigen, einheitlichen Kontur. Im Arbeitsablauf müssen Sie die Anfangs- und Endform des Tweens definieren. Animate erstellt dann die Übergangsbilder des Tweens.
Das variable Breitenwerkzeug
Mit dem variablen Breitenwerkzeug können Sie einheitliche durchgängige Konturen so optimieren, dass ansprechende individuelle Konturen entstehen.
Hinzufügen von Form-Tweens zu Konturen mit variabler Breite
-
Zeichnen Sie in Animate CC eine Linie mit dem Linienwerkzeug.
-
Verwenden Sie das variable Breitenwerkzeug, um die Breite in der Mitte der Kontur zu vergrößern (siehe Abbildung unten). Weitere Informationen zum Verwenden des variablen Breitenwerkzeugs finden Sie unter Verbessern von Konturen mit dem variablen Breitenwerkzeug.
-
Wählen Sie in der Zeitleiste ein anderes Bild aus, z. B. Bild 30, und erstellen Sie die Endform der Kontur für das Tween.
-
Klicken Sie mit der rechten Maustaste auf ein beliebiges Bild zwischen 1 und 30 und wählen Sie Form-Tween erstellen.
Hinzufügen von Form-Tweens zu variablen Breitenprofilen
In Animate können Sie Form-Tweens auch individuellen Konturen hinzufügen, die als variable Breitenprofile gespeichert wurden. Sie können Breitenprofile auf die Anfangs- und Endform eines Tweens anwenden und so in Animate ein geglättetes Form-Tween erstellen.
Bei Breitenprofilen handelt es sich um individuelle Konturen, die zur einfachen Wiederverwendung mit dem variablen Breitenwerkzeug gespeichert wurden. Um variablen Breitenprofilen Form-Tweens hinzuzufügen, gehen Sie wie folgt vor:
-
Zeichnen Sie in Animate auf der Bühne eine Linie mit dem Linienwerkzeug.
-
Wählen Sie im Eigenschafteninspektor in der Dropdownliste Breite ein Breitenprofil und wenden Sie dieses an.
-
Wählen Sie in der Zeitleiste ein anderes Bild aus, z. B. Bild 30, und wählen Sie im Eigenschafteninspektor in der Dropdownliste „Breite“ das gewünschte Breitenprofil aus.
-
Um den ausgewählten Breitenprofilen ein Form-Tween hinzuzufügen, klicken Sie mit der rechten Maustaste auf einen beliebigen Frame zwischen 1 und 30 und wählen Sie Form-Tween erstellen.