Klicken Sie auf den Namen der Ebene, die das zu animierende Objekt enthält, und wählen Sie in der Zeile dieser Ebene das Bild aus, mit dem die Animation beginnen soll.
Zuletzt aktualisiert am
1. Mai 2021
- 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
- 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
- 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
- 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
- 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
- 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
- Adobe Animate-Benutzerhandbuch
- Einführung in Animate
-
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
Erstellen von Einzelbildanimationen
Bei der Einzelbildanimation wird der Inhalt der Bühne in jedem einzelnen Bild geändert. Dieses Verfahren eignet sich am besten für komplexe Animationen, bei denen sich eine Grafik nicht nur einfach über die Bühne bewegt, sondern Bild für Bild verändert. Die Einzelbildanimation führt zu einer rascheren Zunahme der Dateigröße als die Tween-Animation. Bei der Einzelbildanimation speichert Animate die Werte für jedes vollständige Bild.
Beim Erstellen einer Einzelbildanimation müssen Sie jedes der Einzelbilder als Schlüsselbild definieren und seinen Inhalt separat bearbeiten. Da jedes neue Schlüsselbild zunächst denselben Inhalt aufweist wie das vorhergehende Schlüsselbild, können Sie die Bilder der Animation schrittweise modifizieren.
-
-
Falls es sich bei diesem Bild nicht bereits um ein Schlüsselbild handelt, wählen Sie „Einfügen“ > „Zeitleiste“ > „Schlüsselbild“.
-
Erstellen Sie die Grafik für das erste Bilder der Sequenz. Nutzen Sie hierfür entweder die Zeichenwerkzeuge, fügen Sie das Bild aus der Zwischenablage ein oder importieren Sie eine externe Grafikdatei.
-
Um ein Schlüsselbild mit dem gleichen Inhalt wie das erste Schlüsselbild hinzuzufügen, klicken Sie auf das nächste Bild rechts neben dem ersten Bild in der gleichen Zeile. Wählen Sie „Einfügen“ > „Zeitleiste“ > „Schlüsselbild“ oder klicken Sie mit der rechten Maustaste (Windows) bzw. drücken Sie die Control-Taste (Macintosh) und wählen Sie „Schlüsselbild einfügen“.
-
Ändern Sie den Inhalt des neuen Bilds auf der Bühne, um den nächsten Animationsschritt darzustellen.
-
Wiederholen Sie die Schritte 4 und 5, bis Sie die gewünschte Einzelbildanimation erstellt haben.
-
Um die Animationssequenz zu testen, wählen Sie „Steuerung“ > „Abspielen“ oder klicken Sie auf den Button „Abspielen“ der Steuerung („Fenster“ > „Symbolleisten“ > „Steuerung“).
Erstellen von Einzelbildanimationen durch das Konvertieren von klassischen Tweens oder Bewegungs-Tweens
Sie können einen klassischen Tween oder einen Bewegungs-Tween-Bereich in eine Einzelbildanimation umwandeln. Jedes Bild einer Einzelbildanimation enthält separate Schlüsselbilder (nicht Eigenschaftenschlüsselbilder), die jeweils separate Instanzen des animierten Symbols enthalten. Eine Einzelbildanimation enthält keine interpolierten Eigenschaftenwerte.
-
Klicken Sie mit der rechten Maustaste (Windows) bzw. bei gedrückter Ctrl-Taste (Macintosh) auf den Tween-Bereich, den Sie umwandeln möchten, und wählen Sie im Kontextmenü „In Einzelbildanimation konvertieren“.
Verwenden des Zwiebelschaleneffekts
Normalerweise wird jeweils immer nur ein Bild der Animationssequenz auf der Bühne angezeigt. Um das Zeichnen, Positionieren und Bearbeiten von Einzelbildanimationen zu erleichtern, bietet die Zwiebelschalenfunktion eine Referenz, indem der Inhalt des vorherigen und des folgenden Einzelbildes auf der Bühne angezeigt wird. Das Bild unter dem Abspielkopf wird in voller Farbe angezeigt. Farbe und Alpha werden angewendet, um zwischen vergangenen und zukünftigen Bildern zu unterscheiden.
In der Zwiebelschalenfunktion haben das vorherige und das folgende Bild Standard-Farbtöne. Um diese Farben anzupassen, verwenden Sie die Option „Erweiterte Einstellungen“.
Aktivieren und Deaktivieren der Zwiebelschalenfunktion
- Klicken Sie zum Aktivieren oder Deaktivieren der Zwiebelschalenfunktion auf den Button „Zwiebelschale“
. - Um Bilder auszuschließen oder einzuschließen, klicken Sie in der Kopfzeile der Timeline mit der rechten Maustaste auf ein beliebiges Zwiebelschalenbild innerhalb des Zwiebelschalenbereichs.
- Klicken Sie mit der Maus auf den Button „Zwiebelschale“ und halten Sie ihn gedrückt, um diese Optionen anzuzeigen und auszuwählen.
Voreinstellungen bei der Zwiebelschalenfunktion
Klicken Sie mit der Maus auf den Button „Zwiebelschale“, halten Sie ihn gedrückt und wählen Sie Erweiterte Einstellungen.
Anpassungsbereich
Anpassen der Farben für die Zwiebelschalenanzeige
- Um die Farbe der Zwiebelschalenbilder anzupassen, wählen Sie Zwiebelschalenbild in der Timeline aus.
- Klicken Sie mit der Maus auf den Button „Zwiebelschale“, halten Sie ihn gedrückt und wählen Sie Erweiterte Einstellungen.
- Ändern Sie den Farbton der vorherigen und der folgenden Bilder.
Konturen- und Füllmodus
Anpassen der Deckkraft
-
Um die Deckkraft des Zwiebelschalenbildes auf beiden Seiten des aktiven Bildes zu modulieren, klicken und ziehen Sie den Schieberegler für die Start-Deckkraft.
-
Um das Delta jedes Zwiebelbildes prozentual zu verringern, ziehen Sie den Schieberegler Verringern um.
Nur Schlüsselbilder anzeigen
- Um die Farbe der Zwiebelschalenbilder anzupassen, wählen Sie Zwiebelschalenbild in der Zeitleiste aus.
- Wählen Sie Bearbeiten > Voreinstellungen.
- Wählen Sie unter der Option Zwiebelschalen-Farbe die Farbfeldbuttons zum Anpassen und Festlegen der Farben für vorhergehende, aktuelle und nachfolgende Bilder.
Ankermarkierungen
Anzeigen von mehreren Bildern einer Animation gleichzeitig auf der Bühne
Klicken Sie auf den Button „Zwiebelschale“ . Alle Bilder zwischen den beiden Zwiebelschalenmarkierungen in der Kopfzeile der Zeitleiste werden im Dokumentfenster übereinander dargestellt.
Farbkodierung der Zwiebelschalenfunktion
Dank Farbcodierung können Sie bei Verwendung der Zwiebelschalenfunktion auf einen Blick zwischen bereits gezeigten, dem aktuellen und noch kommenden Bildern unterscheiden. Die Zwiebelschalenbilder, die sich vom aktuellen Bild wegbewegen, werden mit allmählich abnehmender Transparenz dargestellt.
Anpassen der Farben für die Zwiebelschalenanzeige
- Um die Farbe der Zwiebelschalenbilder anzupassen, wählen Sie Zwiebelschalenbild in der Zeitleiste aus.
- Wählen Sie Bearbeiten > Voreinstellungen.
- Wählen Sie unter der Option Zwiebelschalen-Farbe die Farbfeldbuttons zum Anpassen und Festlegen der Farben für vorhergehende, aktuelle und nachfolgende Bilder.
Hinweis:
Der Farbcode kann auch im Konturmodus verwendet werden.
- Ändern Sie die Position der Zwiebelschalenmarkierungen, indem Sie die entsprechenden Zeiger verschieben. Normalerweise bewegen sich die Zwiebelschalenmarkierungen zusammen mit dem Bildzeiger. Mit der Strg-Taste/Befehlstaste + Ziehen können Sie die Position auf beiden Seiten erhöhen oder verringern.
- Klicken Sie auf den Button „Mehrere Bilder bearbeiten“
, um alle Bilder zwischen den beiden Zwiebelschalenmarkierungen für die Bearbeitung freizugeben. Normalerweise kann bei aktivierter Zwiebelschalenfunktion immer nur das aktuelle Bild bearbeitet werden. Sie können den Inhalt sämtlicher Bilder zwischen den Zwiebelschalenmarkierungen einzeln anzeigen und bearbeiten. - Sie können den Schleifenbereich auf der Zeitleiste an jede beliebige Position verschieben, welche die Position des Abspielkopfs enthält. Dazu verwenden Sie die Markierungen in der Zeitleiste, halten die Umschalttaste gedrückt und ziehen den Bereich.
- Um die Bereichsmarkierungen festzulegen, verwenden Sie die Umschalttaste und ziehen Sie die Bereichsmarkierungen oder den Schleifenbereich mithilfe der Markierungen auf der Zeitleiste.
Hinweis:
Bei aktivierter Zwiebelschalenfunktion werden gesperrte (mit einem Schlosssymbol gekennzeichnete) Ebenen nicht angezeigt. Um die Darstellung auf der Bühne übersichtlicher zu gestalten, können Sie Ebenen, die sie nicht als Zwiebelschale anzeigen möchten, sperren oder ausblenden.
Vorschau der Website anzeigen
Um zu überprüfen, wie die Zwiebelschalenfunktion funktioniert, bewegen Sie einfach den Mauszeiger über die gesamte Zeitleiste. Ihre Animation wird in farbigen Konturen abgespielt, wodurch Sie eine präzise Vorschau der Änderungen erhalten.
