Zeit

  1. Adobe Animate-Benutzerhandbuch
  2. Einführung in Animate
    1. Neue Funktionen in Animate
    2. Visuelles Glossar
    3. Systemanforderungen für Animate
    4. Tastaturbefehle für Animate
    5. Mit verschiedenen Dateitypen in Animate arbeiten
  3. Animation
    1. Grundlagen von Animationen in Animate
    2. So verwenden Sie Bilder und Schlüsselbilder in Animate
    3. Einzelbildanimation in Animate
    4. So arbeiten Sie in Animate mit klassischen Tween-Animationen
    5. Pinselwerkzeug
    6. Bewegungsführung
    7. Bewegungs-Tweens und ActionScript 3.0
    8. Bewegungs-Tween-Animationen
    9. Bewegungs-Tween-Animationen
    10. Erstellen von Bewegungs-Tween-Animationen
    11. Verwenden von Eigenschaftenschlüsselbildern
    12. Animieren der Position mithilfe eines Tweens
    13. So bearbeiten Sie Bewegungs-Tweens mit dem Bewegungs-Editor
    14. Bearbeiten des Bewegungspfades einer Tween-Animation
    15. Manipulieren von Bewegungs-Tweens
    16. Hinzufügen von benutzerdefinierten Beschleunigungen
    17. Erstellen und Anwenden von Bewegungsvoreinstellungen
    18. Einrichten von Animations-Tween-Bereichen
    19. Arbeiten mit als XML-Dateien gespeicherten Bewegungs-Tweens
    20. Vergleich von Bewegungs-Tweens und klassischen Tweens
    21. Form-Tweening
    22. Verwenden von Animation mit dem Bone-Werkzeug in Animate
    23. Arbeiten mit Figuren-Rigging in Animate
    24. So verwenden Sie Maskenebenen in Adobe Animate
    25. So arbeiten Sie in Animate mit Szenen
  4. Interaktivität
    1. So erstellen Sie in Animate Schaltflächen
    2. Konvertieren von Animate-Projekten in andere Dokumenttypen
    3. HTML5 Canvas-Dokumente in Animate erstellen und veröffentlichen
    4. Interaktivität mit Codefragmenten in Animate hinzufügen
    5. Erstellen benutzerdefinierter HTML5-Komponenten
    6. Verwenden von Komponenten in HTML5 Canvas
    7. Erstellen von benutzerdefinierten Komponenten: Beispiele
    8. Codefragmente für benutzerdefinierte Komponenten
    9. Empfohlene Verfahren – Anzeigen mit Animate
    10. Authoring und Veröffentlichen für VR
  5. Arbeitsbereich und Arbeitsablauf
    1. Erstellen und Verwalten von Pinseln
    2. Verwenden von Google Fonts in HTML5 Canvas-Dokumenten
    3. Verwenden von Creative Cloud Libraries in Adobe Animate
    4. Bühne und Bedienfeld „Werkzeuge“ in Animate verwenden
    5. Arbeitsablauf und Arbeitsbereich in Animate
    6. Verwenden von Webschriftarten in HTML5 Canvas-Dokumenten
    7. Zeitleisten und ActionScript
    8. Arbeiten mit mehreren Zeitleisten
    9. Festlegen von Voreinstellungen
    10. Verwenden der Animate-Authoring-Bedienfelder
    11. Zeitleisten-Ebenen in Animate erstellen
    12. Exportieren von Animationen für Apps und Game-Engines
    13. Verschieben und Kopieren von Objekten
    14. Vorlagen
    15. Suchen und Ersetzen in Animate
    16. Rückgängigmachen, Wiederholen und das Bedienfeld „Protokoll“
    17. Tastaturbefehle
    18. So verwenden Sie die Zeitleiste in Animate
    19. Erstellen von HTML-Erweiterungen
    20. Optimierungsoptionen für Bilder und animierte GIF-Dateien
    21. Exporteinstellungen für Bilder und GIF-Dateien
    22. Bedienfeld „Elemente“ in Animate
  6. Multimedia und Video
    1. Transformieren und Kombinieren von Grafikobjekten in Animate
    2. Erstellen von und Arbeiten mit Symbolinstanzen in Animate
    3. Bildnachzeichner
    4. So verwenden Sie Sound in Adobe Animate
    5. Exportieren von SVG-Dateien
    6. Erstellen von Videodateien zur Verwendung in Animate
    7. So fügen Sie in Animate ein Video hinzu
    8. Arbeiten mit Video-Cue-Points
    9. Objekte in Animate zeichnen und erstellen
    10. Umformen von Linien und Formen
    11. Striche, Füllungen und Farbverläufe in Animate CC
    12. Adobe Premiere Pro und After Effects
    13. Farb-Bedienfelder in Animate CC
    14. Öffnen von Flash CS6-Dateien mit Animate
    15. In Animate mit klassischem Text arbeiten
    16. Platzieren von Bildern in Animate
    17. Importierte Bitmaps in Animate
    18. 3D-Grafiken
    19. Arbeiten mit Symbolen in Animate
    20. Zeichnen von Linien und Formen mit Adobe Animate
    21. Mit Bibliotheken in Animate arbeiten
    22. Exportieren von Sounds
    23. Auswählen von Objekten in Animate CC
    24. Arbeiten mit Adobe Illustrator AI-Dateien in Animate
    25. Anwenden von Mustern mit dem Sprühen-Werkzeug
    26. Anwenden von Mischmodi
    27. Anordnen von Objekten
    28. Automatisieren von Aufgaben mit dem Menü „Befehle“
    29. Mehrsprachiger Text
    30. Verwenden der Kamera in Animate
    31. Verwenden von Animate mit Adobe Scout
    32. Arbeiten mit Fireworks-Dateien
    33. Grafikfilter
    34. Sounds und ActionScript
    35. Zeichnungsvoreinstellungen
    36. Zeichnen mit dem Stiftwerkzeug
  7. Plattformen
    1. Konvertieren von Animate-Projekten in andere Dokumenttypen
    2. Unterstützung benutzerdefinierter Plattformen
    3. HTML5 Canvas-Dokumente in Animate erstellen und veröffentlichen
    4. Erstellen und Veröffentlichen eines WebGL-Dokuments
    5. So packen Sie Apps für AIR for iOS:
    6. Veröffentlichen von Apps für AIR for Android
    7. Veröffentlichen für Adobe AIR für den Desktop
    8. ActionScript-Veröffentlichungseinstellungen
    9. Empfohlene Verfahren – Organisieren von ActionScript in einer Anwendung
    10. So verwenden Sie ActionScript mit Animate
    11. Empfohlene Verfahren – Richtlinien für Eingabehilfen
    12. Eingabehilfen für den Animate-Arbeitsbereich
    13. Schreiben und Verwalten von Skripts
    14. Aktivieren der Unterstützung für benutzerdefinierte Plattformen
    15. Unterstützung benutzerdefinierter Plattformen – Übersicht
    16. Erstellen barrierefreier Inhalte
    17. Arbeiten mit Plug-ins zur Unterstützung benutzerdefinierter Plattformen
    18. Debuggen von ActionScript 3.0
    19. Aktivieren der Unterstützung für benutzerdefinierte Plattformen
  8. Exportieren und Veröffentlichen
    1. So exportieren Sie Dateien aus Animate CC
    2. OAM-Veröffentlichung
    3. Exportieren von SVG-Dateien
    4. Exportieren von Grafiken und Videos mit Animate
    5. Veröffentlichen von AS3-Dokumenten
    6. Exportieren von Animationen für Apps und Game-Engines
    7. Exportieren von Sounds
    8. Exportieren von QuickTime-Videodateien
    9. Steuern der Wiedergabe von externen Videos mithilfe von ActionScript
    10. Empfohlene Verfahren – Tipps zum Erstellen von Inhalten für mobile Geräte
    11. Empfohlene Verfahren – Videokonventionen
    12. Empfohlene Verfahren – Authoring-Richtlinien für SWF-Anwendungen
    13. Empfohlene Verfahren – Strukturierung von FLA-Dateien
    14. Empfohlene Verfahren für die Optimierung von FLA-Dateien für Animate
    15. ActionScript-Veröffentlichungseinstellungen
    16. Veröffentlichungseinstellungen für Animate festlegen
    17. Exportieren von Projektor-Dateien
    18. Exportieren von Bildern und animierten GIF-Dateien
    19. HTML-Veröffentlichungsvorlagen
    20. Adobe Premiere Pro und After Effects
    21. Schnelles Teilen und Veröffentlichen Ihrer Animationen

Im folgenden Artikel erfahren Sie mehr über die verschiedenen Komponenten der Zeit in Animate.

Zeitleiste

Zeitleiste in der Bewegungs-Tween-Animation

In der Zeitleiste von Adobe Animate organisieren und steuern Sie den zeitlichen Ablauf der Inhalte eines Dokuments in Ebenen und Bildern. Wie bei Filmen wird auch in Animate-Dokumenten die Zeitdauer in Bilder unterteilt. Die Ebenen lassen sich mit durchsichtigen Filmstreifen vergleichen, die verschiedene Bildbestandteile enthalten und übereinander gelegt ein Gesamtbild ergeben, das auf der Bühne erscheint. Die wichtigsten Bestandteile der Zeitleiste sind die Ebenen, die Bilder und der Abspielkopf.

  • Die Ebenen eines Films sind in einer Spalte am linken Rand der Zeitleiste aufgelistet.
  • Die in den einzelnen Ebenen enthaltenen Bilder werden in der entsprechenden Zeile rechts neben dem jeweiligen Ebenennamen angezeigt.
  • Die Bildnummern sind in der Kopfzeile am oberen Rand der Zeitleiste angegeben.
  • Der Abspielkopf gibt an, welches Bild derzeit auf Bühne dargestellt wird. Während der Wiedergabe eines Dokuments bewegt sich der Abspielkopf von links nach rechts durch die Zeitleiste.

Standardmäßig wiederholt der Abspielkopf die Wiedergabe, wenn das Ende erreicht wird. Die Statusanzeige am unteren Rand der Zeitleiste gibt die aktuelle Bildnummer, die aktuelle Bildrate und die bis zum aktuellen Bild verstrichene Zeit an.

Weitere Informationen zur Zeitleiste finden Sie unter So verwenden Sie die Zeitleiste in Animate.

Bilder

Bilder sind der Grundpfeiler jeder Animation und bestimmen alle Zeit- und Bewegungssegmente. Gemeinsam bestimmen die Gesamtzahl der Bilder in Ihrem Film und die Geschwindigkeit, mit der sie wiedergegeben werden, die Länge Ihres Films.

Weitere Informationen zu Bildern finden Sie im Artikel Bilder und im Artikel zum Erstellen von Einzelbildanimationen.

Bildbereich

Bildbereich in Bewegungs-Tween-Animationen

Ein Schlüsselbild und der Bereich der normalen Bilder, die darauf folgen, werden als Schlüsselbildsequenz bezeichnet. Die Zeitleiste kann eine beliebige Anzahl von Schlüsselbildsequenzen enthalten. Wenn das Schlüsselbild in einer Sequenz grafische Inhalte enthält, die auf der Bühne sichtbar sind, werden die normalen Bilder, die darauf folgen, grau dargestellt. Wenn das Schlüsselbild in einer Sequenz keine grafischen Inhalte enthält, werden die normalen Bilder, die darauf folgen, weiß angezeigt.

Schlüsselbilder

Bilder und Schlüsselbilder in Animate CC

Wie bei Filmen wird auch in Adobe Animate-Dokumenten die Zeitdauer in Bilder unterteilt. In der Zeitleiste arbeiten Sie mit diesen Einzelbildern, um den Inhalt Ihres Dokuments zu organisieren und zu steuern. Sie ordnen die Bilder in der Zeitleiste in der Reihenfolge an, in der die in ihnen enthaltenen Objekte im fertigen Inhalt angezeigt werden sollen.

Ein Schlüsselbild ist ein Bild in Adobe Animate, in dem eine neue Symbolinstanz in der Zeitleiste angezeigt wird. Ein Schlüsselbild kann auch ein Bild sein, das ActionScript-Code enthält, mit dem bestimmte Aspekte des Dokuments gesteuert werden.

Sie können der Zeitleiste auch ein leeres Schlüsselbild als Platzhalter für Symbole hinzufügen, die Sie später einbinden möchten, oder das Bild absichtlich leer lassen. Ein schwarzer Punkt in der Zeitleiste weist auf ein einzelnes Schlüsselbild hin. Hellgraue Bilder nach einem einzelnen Schlüsselbild enthalten denselben Inhalt ohne Änderungen.

Diese Bilder haben eine senkrechte schwarze Linie und ein leeres Rechteck im letzten Bild des Bereichs. Ein schwarzer Punkt im Anfangsschlüsselbild mit einem schwarzen Pfeil und blauem Hintergrund weist auf ein klassisches Tween hin.

Verwechseln Sie Schlüsselbilder nicht mit Eigenschaftenschlüsselbildern. Das Zeitleistensymbol für ein Eigenschaftenschlüsselbild ist eine ausgefüllte Raute, während das Symbol für ein Standardschlüsselbild ein leerer oder ausgefüllter Kreis ist.

Multiframe-Bearbeitung

Multiframe-Bearbeitung in Bewegungs-Tween-Animationen

Mehrere Bilder bearbeiten.

BpS

Bilder pro Sekunde

Die Bildrate (d. h. die Geschwindigkeit, mit der die Animation in Adobe Animate wiedergegeben wird) wird anhand der Anzahl der Bilder pro Sekunde (BpS) gemessen. Bei einer zu niedrigen Framerate wirken die Bewegungen ruckartig (stoppen und starten), während bei einer zu hohen Bildrate die Details der Animation nicht mehr deutlich zu erkennen sind. Eine Bildrate von 24 BpS ist die Standardeinstellung für neue Animate-Dokumente. Damit werden im Web im Allgemeinen die besten Ergebnisse erzielt. (Der Standardrate für Spielfilme ist ebenfalls 24 BpS.)

Wie gleichmäßig ein Film abläuft, hängt von der Komplexität der Animation und der Geschwindigkeit des Computers ab, auf dem die Animation wiedergegeben wird. Um die optimale Bildrate zu bestimmen, überprüfen Sie Ihre Animationen auf verschiedenen Computern mit unterschiedlichen Verarbeitungsfunktionen. Da Sie nur eine Bildrate für das gesamte Animate-Dokument angeben, müssen Sie die gewünschte Bildrate festlegen, bevor Sie Ihre Animationen erstellen. Die Bildrate bestimmt im Wesentlichen, wie schnell sich der Abspielkopf auf der Zeitleiste bewegt.

Lesen Sie den Artikel zu den Animationsgrundlagen, um mehr über Bilder pro Sekunde zu erfahren.

Beschleunigung

Das Beschleunigen ist eine Möglichkeit, die Art und Weise zu ändern, wie Adobe Animate die Eigenschaftenwerte zwischen Eigenschaftenschlüsselbildern in einem Tween berechnet. Wenn keine Beschleunigung festgelegt ist, bewegt Animate getweente Objekte in jedem Bild der Animation mit der gleichen Geschwindigkeit. Mit der Beschleunigung können Sie die Geschwindigkeit von getweenten Objekten anpassen, um Bewegungen natürlicher erscheinen zu lassen und komplexe Animationen zu erstellen. Eine Beschleunigung ist eine mathematische Kurve, die auf die Eigenschaftenwerte eines Tweens angewendet wird.

Der endgültige Effekt des Tweens ergibt sich aus der Kombination des Bereichs der Eigenschaftenwerte im Tween und der Beschleunigungskurve, die die getweenten Objekte langsam startet und dann beschleunigt, bzw. schnell startet und dann verlangsamt oder einer Kombination dieser Effekte.

Wenn Sie zum Beispiel das Bild eines Autos über die Bühne animieren, wirkt die Bewegung realistischer, wenn das Auto langsam aus einer Halteposition anfährt und im Zuge der Beschleunigung langsam schneller wird. Im Eigenschafteninspektor angewendete Beschleunigungen wirken sich auf alle Eigenschaften aus, die in einem Tween enthalten sind. Im Bewegungs-Editor angewendete Beschleunigungen können eine einzelne Eigenschaft, eine Gruppe von Eigenschaften oder alle Eigenschaften eines Tweens betreffen.

Detaillierte Informationen zur Beschleunigung finden Sie unter Entwerfen von Tweens und Bearbeiten von Bewegungs-Tweens.

Zwiebelschalenfunktion

Zwiebelschalenfunktion in Animate CC

Verwenden Sie die Zwiebelschalenfunktion, um das vorherige und das nächste Bild zu vergleichen und die Objekte im aktuellen Bild anzupassen. Wenn die Zwiebelschalenfunktion (Standardeinstellung) deaktiviert ist, wird jeweils ein Bild der Animationssequenz auf der Bühne angezeigt.

Das angezeigte Bild entspricht der Position des Abspielkopfs in der Zeitleiste. Wenn die Zwiebelschalenfunktion aktiviert ist, wird das Bild, auf dem sich der Abspielkopf befindet, in voller Farbe dargestellt, während die umgebenden Bilder abgeblendet erscheinen, so als ob jedes Bild auf einem Blatt Durchschlagpapier gezeichnet ist und die Blätter übereinander gestapelt sind.

Die abgeblendeten Bilder können nicht bearbeitet werden. Sie werden lediglich als Sichtverweis angezeigt.

Weitere Informationen zur Zwiebelschalenfunktion finden Sie unter Erstellen von Frame-für-Animationen und Zeitleiste.

Ebenen

Ebenen in Bewegungs-Tween-Animationen

Ebenen dienen zum Organisieren der Grafiken in Ihrem Adobe Animate-Dokument. Beim Zeichnen und Bearbeiten von Objekten, die sich auf einer Ebene befinden, werden die Objekte auf den anderen Ebenen des Dokuments nicht verändert. In Bereichen der Bühne, in denen eine Ebene keine Elemente enthält, können Sie durch diese Ebene auf die darunterliegenden Ebenen schauen. Um auf einer Ebene zeichnen, malen oder diese anderweitig bearbeiten zu können, wählen Sie die Ebene in der Zeitleiste aus, um sie zu aktivieren. Die jeweils aktive Ebene bzw. der aktive Ordner in der Zeitleiste ist mit einem Stiftsymbol neben dem Ebenen- oder Ordnernamen gekennzeichnet.

Es kann jeweils nur eine Ebene aktiviert sein. Es können jedoch mehrere Ebenen gleichzeitig ausgewählt werden. Wenn Sie ein Animate-Dokument erstellen, enthält dieses zunächst nur eine Ebene. Sie können anschließend weitere Ebenen hinzufügen, um Grafiken, Animationen und andere Elemente in Ihrem Dokument zu organisieren. Ebenen können auch ausgeblendet, gesperrt und neu angeordnet werden. 

Die Anzahl der erstellbaren Ebenen ist hierbei lediglich durch den verfügbaren Speicher Ihres Computers begrenzt. Die Ebenen wirken sich in keiner Weise auf die Größe der veröffentlichten SWF-Datei aus. Nur die in Ebenen platzierten Objekte haben Einfluss auf die Dateigröße des Projekts. Wenn Sie komplexe Effekte erstellen möchten, verwenden Sie spezielle Führungsebenen, um das Zeichnen und Bearbeiten zu vereinfachen und Maskenebenen zu erstellen.

Weitere Informationen zu Ebenen finden Sie unter Erstellen von Zeitleistenebenen.

Maskenebene

Maskenebene in Animate CC

Maskenebenen enthalten Objekte, mit denen ausgewählte Teile der darunter liegenden Ebenen maskiert werden. Sichtbar ist nur der Teil der Maskenebene, der nicht von der Maske abgedeckt ist.

Weitere Informationen über die Verwendung von Maskenebenen finden Sie unter Verwenden von Maskenebenen in Animate.

Führungsebene

Führungsebene in Bewegungs-Tween-Animationen

Um Objekte beim Zeichnen in Adobe Animate auszurichten, erstellen Sie Führungsebenen und richten Sie Objekten auf anderen Ebenen an den Objekten aus, die Sie auf den Führungsebenen erstellen. Jede vorhandene Ebene kann als Führungsebene definiert werden. Führungsebenen sind durch ein spezielles Führungsebenensymbol links neben dem Ebenennamen gekennzeichnet.Führungsebenen werden nicht exportiert und nicht in einer veröffentlichten SWF-Datei angezeigt.

Es ist zwar nicht möglich, eine Bewegungs-Tween-Ebene oder eine Inverse Kinematics-Posenebene auf eine Führungsebene zu ziehen, Sie können jedoch eine normale Ebene auf eine Führungsebene ziehen. Dadurch wird die Führungsebene in eine Pfadebene umgewandelt und die normale Ebene wird mit der neuen Pfadebene verknüpft.

Adobe-Logo

Bei Ihrem Konto anmelden