Zuletzt aktualisiert am
11. Februar 2022
- 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
Animate kann mit HTML-Erweiterungen erweitert werden. Adobe Extension Builder 3 bietet Ihnen die Möglichkeit, HTML-Erweiterungen für Animate zu erstellen. Bisher konnten Sie Animate nur mit SWF-Erweiterungen erweitern. Adobe Extension Builder 3 bietet Ihnen jedoch die Möglichkeit, HTML-Erweiterungen für Creative Cloud-Anwendungen zu erstellen. Um zu beginnen, müssen Sie Eclipse und Extension Builder 3.0 herunterladen und installieren.
Erstellen von HTML-Erweiterungen
Um eine HTML-Erweiterung zu erstellen, gehen Sie wie folgt vor.
- Starten Sie Eclipse.
- Erstellen Sie im Assistenten „New Project“ (Neues Projekt) ein neues Anwendungserweiterungs-Projekt. Geben Sie einen aussagekräftigen Namen für das Projekt ein und klicken Sei auf „Next“ (Weiter).
- Wählen Sie im Bedienfeld „New Adobe Application Extension Project“ (Neues Adobe-Anwendungserweiterungs-Projekt) die Option „Adobe Animate“. Klicken Sie auf „Weiter“.
- Konfigurieren Sie Ihre Erweiterung mit den verfügbaren Optionen:
- Bundle ID (Paket-ID) fügt Ihrer Erweiterung eine eindeutige ID hinzu.
- Menu name (Menüname) ist der Anzeigename der Erweiterung. Der Menüname wird in Animate unter Fenster > Erweiterungen angezeigt.
- Window Details (Fensterdetails) enthält Optionen, mit denen Sie Typ und Größe des Erweiterungsfensters anpassen können.
Klicken Sie auf Next (Weiter).
- Sie können die Verweisbibliotheken für die Erweiterung auf den folgenden nächsten Bildschirmen weiter anpassen:
- CEP Interface Library (CEP-Oberflächen-Bibliothek) enthält Funktionen für die Interaktion mit der Host-Anwendung. Diese Option ist standardmäßig aktiviert.
- Frameworks für gängige Javascript-Bibliotheken wie jQuery.
- Services (Dienste) enthält das Adobe IPC Communication Toolkit, das die Kommunikation zwischen Adobe-Anwendungen und -Erweiterungen sowie externen Erweiterungen ermöglicht. Es enthält ein Protokoll für Messaging über den CEP Service Manager, der als Zentrale für die Creative Cloud-Kommunikation dient.
Klicken Sie auf „Finish“ (Fertig stellen), um ein neues Eclipse-Projekt zu erstellen.
Debuggen der Erweiterung in Animate
Sie können Ihre Erweiterung direkt aus Eclipse ausführen:
- Klicken Sie mit der rechten Maustaste auf das Projekt und wählen Sie Ausführen als > Adobe Flash-Erweiterung. Dadurch wird Animate gestartet.
- Wählen Sie in Animate das Menüelement Fenster > Erweiterungen aus. Das Bedienfeld „Erweiterung“ wird geöffnet.
Exportieren der Erweiterung
Damit Sie die Erweiterung verteilen können, müssen Sie sie als ZXP-Paket exportieren. Das ZXP-Paket wird dann von Adobe Extension Manager heruntergeladen und in Creative Cloud-Anwendungen ausgeführt:
- Wechseln Sie in Eclipse zur Ansicht „Script Explorer“ (Skript-Explorer), klicken Sie mit der rechten Maustaste auf das Projekt und wählen Sie Export (Exportieren) > Adobe Extension Builder 3 > Application Extension (Anwendungserweiterung). Der Export-Assistent wird angezeigt.
- Sie benötigen ein Zertifikat, um das Erweiterungspaket signieren zu können. Navigieren Sie zu einem vorhandenen Zertifikat oder klicken Sie auf Create (Erstellen), um ein neues zu erstellen.
- Klicken Sie auf „Finish“ (Fertig stellen).
- Nach abgeschlossenem Export finden Sie das ZXP-Paket für Ihre Erweiterung im Projektordner. Sie können es nun verteilen.
Hinweis: Für die Installation benötigen Sie Zugriff auf die Datei <Erweiterung>\.staged-extension\CSXS\manifest.xml und müssen im Tag host die Mindestversion von Animate in 13.0 aktualisieren.
Installieren der Erweiterung in Animate
Sie können HTML-Erweiterungen in Animate mit Adobe Extension Manager installieren. Mit HTML-Erweiterungen können Sie die Funktionen und Möglichkeiten von Animate erweitern.
Hinzufügen von Interaktivität zu HTML-Erweiterungen
Sie können eine HTML-Erweiterung erstellen, die mit Animate interagiert, indem Sie Steuerelemente hinzufügen, das Verhalten definieren und Informationen über die Host-Umgebung (einschließlich Animate und Betriebssystem) ermitteln. Hierfür gibt es zwei Möglichkeiten:
- Mit der CEP-Schnittstellenbibliothek: Die CEP-Schnittstellenbibliothek enthält APIs zum Ermitteln von Informationen über die Host-Umgebung sowie ein Auswertungsskript, mit dem Sie JSFLs ausführen können. Weitere Informationen über die CEP-Schnittstellenbibliothek finden Sie in Eclipse unter Hilfe > Hilfeinhalte > Adobe Extension Builder > Referenzen.
- Mit JSFL: JSFL-Skripts können mit der Auswertungsskript-API der CEP-Schnittstellenbibliothek ausgeführt werden.
Neben JSFLs enthält die CEP-Infrastruktur in Animate auch die folgenden Ereignisse, die nur in HTML-Bedienfeldern verwendet werden können.- com.adobe.events.flash.documentChanged Wird aufgrund einer Änderung im zurzeit aktiven Dokument ausgelöst.
- com.adobe.events.flash.timelineChanged Wird ausgelöst, wenn Sie eine Änderung an der Zeitleiste des zurzeit aktiven Dokuments vornehmen.
- com.adobe.events.flash.documentSaved Wird ausgelöst, wenn Sie das aktuelle Dokument speichern.
- com.adobe.events.flash.documentOpened Wird ausgelöst, wenn Sie ein neues Dokument öffnen.
- com.adobe.events.flash.documentClosed Wird ausgelöst, wenn Sie das zurzeit aktive Dokument schließen.
- com.adobe.events.flash.documentNew Wird ausgelöst, wenn Sie ein neues Dokument erstellen.
- com.adobe.events.flash.layerChanged Wird ausgelöst, wenn Sie eine andere Ebene wählen.
- com.adobe.events.flash.frameChanged Wird ausgelöst, wenn Sie ein anderes Bild wählen.
- com.adobe.events.flash.selectionChanged Wird ausgelöst, wenn Sie ein anderes Objekt auf der Bühne wählen.
- com.adobe.events.flash.mouseMove Wird ausgelöst, wenn Sie die Maus über die Bühne bewegen.
Beispiel
csinterface.addEventListener("com.adobe.events.flash.selectionChanged", CallbackFunction)
Im obigen Codefragment gilt Folgendes:
- csinterface: Objekt der CEP-Schnittstellenbibliothek.
- com.adobe.events.flash.selectionChanged: Ereignis, das eine Änderung an der Auswahl eines Objekts auslöst. Sie können auch jedes der oben genannten Ereignisse verwenden.
- CallbackFunction: Methode, die auf das ausgelöste Ereignis wartet.
