Benutzerhandbuch Abbrechen

Animieren der Position mithilfe eines Tweens

  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. Arbeiten mit verschiedenen Dateitypen in Animate
  3. Animation
    1. Grundlagen von Animationen in Animate
    2. So verwenden Sie Bilder und Schlüsselbilder in Animate
    3. Einzelbildanimation in Animate
    4. Arbeiten mit klassischen Tween-Animationen in Animate
    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. Objekte in Animate zeichnen und erstellen
    9. Umformen von Linien und Formen
    10. Striche, Füllungen und Farbverläufe in Animate CC
    11. Adobe Premiere Pro und After Effects
    12. Farb-Bedienfelder in Animate CC
    13. Öffnen von Flash CS6-Dateien mit Animate
    14. In Animate mit klassischem Text arbeiten
    15. Platzieren von Bildern in Animate
    16. Importierte Bitmaps in Animate
    17. 3D-Grafiken
    18. Arbeiten mit Symbolen in Animate
    19. Zeichnen von Linien und Formen mit Adobe Animate
    20. Mit Bibliotheken in Animate arbeiten
    21. Exportieren von Sounds
    22. Auswählen von Objekten in Animate CC
    23. Arbeiten mit Adobe Illustrator AI-Dateien in Animate
    24. Anwenden von Mischmodi
    25. Anordnen von Objekten
    26. Automatisieren von Aufgaben mit dem Menü „Befehle“
    27. Mehrsprachiger Text
    28. Verwenden der Kamera in Animate
    29. Grafikfilter
    30. Sounds und ActionScript
    31. Zeichnungsvoreinstellungen
    32. 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. Eingabehilfen für den Animate-Arbeitsbereich
    12. Schreiben und Verwalten von Skripts
    13. Aktivieren der Unterstützung für benutzerdefinierte Plattformen
    14. Unterstützung benutzerdefinierter Plattformen – Übersicht
    15. Arbeiten mit Plug-ins zur Unterstützung benutzerdefinierter Plattformen
    16. Debuggen von ActionScript 3.0
    17. 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. Empfohlene Verfahren – Tipps zum Erstellen von Inhalten für mobile Geräte
    9. Empfohlene Verfahren – Videokonventionen
    10. Empfohlene Verfahren – Authoring-Richtlinien für SWF-Anwendungen
    11. Empfohlene Verfahren – Strukturierung von FLA-Dateien
    12. Empfohlene Verfahren für die Optimierung von FLA-Dateien für Animate
    13. ActionScript-Veröffentlichungseinstellungen
    14. Veröffentlichungseinstellungen für Animate festlegen
    15. Exportieren von Projektor-Dateien
    16. Exportieren von Bildern und animierten GIF-Dateien
    17. HTML-Veröffentlichungsvorlagen
    18. Adobe Premiere Pro und After Effects
    19. Schnelles Teilen und Veröffentlichen Ihrer Animationen
  9. Fehlerbehebung
    1. Behobene Probleme
    2. Bekannte Probleme

Wenn Sie zu einem Objekt auf einer Ebene einen Tween hinzufügen, führt Animate eine der folgenden Aktionen durch:

  • Die Ebene wird in eine Tween-Ebene konvertiert.
  • Es wird eine Ebene erstellt, um die ursprüngliche Stapelreihenfolge der Objekte auf der Ebene beizubehalten.

Ebenen werden gemäß der folgenden Regeln hinzugefügt:

  • Wenn sich auf der Ebene keine weiteren Objekte außer den ausgewählten befinden, wird die Ebene zu einer Tween-Ebene geändert.

  • Ist die Auswahl innerhalb der Stapelreihenfolge der Ebene ganz unten (also unter allen anderen Objekten), wird über der ursprünglichen Ebene eine neue Ebene erstellt. Darin werden die nicht-ausgewählten Elemente gespeichert. Die ursprüngliche Ebene wird zu einer Tween-Ebene.

  • Ist die Auswahl innerhalb der Stapelreihenfolge der Ebene ganz oben (also über allen anderen Objekten), wird eine Ebene erstellt. Die neue Ebene wird zu einer Tween-Ebene, in die die Auswahl verlagert wird.

  • Befindet sich die Auswahl in der Mitte der Stapelreihenfolge der Ebene (d. h. über und unter der Auswahl gibt es andere Objekte), werden zwei Ebenen erstellt. Die eine Ebene speichert das neue Tween und die andere die nicht-ausgewählten Elemente, die sich im oberen Bereich der Stapelreihenfolge befinden. Die nicht ausgewählten Elemente unten in der Stapelreihenfolge verbleiben auf der ursprünglichen Ebene, unter den neu eingefügten Ebenen.

Eine neue Tween-Ebene kann sowohl Tween-Bereiche, statische Bilder als auch ActionScript enthalten. Ein Bild auf einer Tween-Ebene, das einen Tween-Bereich enthält, kann keine anderen Objekte als das getweente Objekt enthalten. Um weitere Objekte im selben Bild hinzuzufügen, platzieren Sie diese auf separaten Ebenen.

Siehe auch

Tweenen eines Objekts entlang der Zeitleiste

Erstellen einer Animation, bei der ein Objekt über die Bühne bewegt oder geschoben wird:

  1. Wählen Sie auf der Bühne eine Symbolinstanz oder ein Textfeld aus. Das Objekt kann sich auf einer Ebene der folgenden Typen befinden: normale Ebene, Führungsebene, Maskenebene oder maskierte Ebene. Enthält die Auswahl andere Objekte oder mehrere Objekte aus einer Ebene, konvertiert Animate die Auswahl in ein Movieclipsymbol.

  2. Um die Auswahl umzukehren, klicken Sie mit der rechten Maustaste auf das Objekt und wählen Sie Auswahl umkehren.

  3. Führen Sie einen der folgenden Schritte aus:

    • Wählen Sie „Einfügen“ > „Bewegungs-Tween“.

    • Klicken Sie mit der rechten Maustaste (Windows) bzw. bei gedrückter Befehlstaste (Macintosh) auf die Auswahl oder das aktuelle Bild und wählen Sie im Kontextmenü „Bewegungs-Tween erstellen“ aus.

    Wenn das Dialogfeld „Auswahl in Symbol für Tween konvertieren“ erscheint, klicken Sie auf „OK“, um die Auswahl in ein Movieclipsymbol zu konvertieren.

    Wenn das getweente Objekt das einzige Element auf der Ebene war, konvertiert Animate die Ebene mit dem Objekt in eine Tween-Ebene. Wenn sich auf der Ebene noch andere Objekte befinden, fügt Animate Ebenen ein, um die Stapelreihenfolge zu erhalten. Die getweenten Objekte werden auf eine eigene Ebene gelegt.

    Wenn sich das ursprüngliche Objekt nur im ersten Frame der Zeitleiste befand, entspricht die Länge des Tween-Bereichs einer Sekunde. War das ursprüngliche Objekt in mehreren zusammenhängenden Frames vorhanden, enthält der Tween-Bereich die Anzahl der Frames, die mit dem ursprünglichen Objekt belegt sind.

  4. Sie können den Bereich auf eine bestimmte Anzahl von Bildern kürzen oder erweitern, indem Sie in der Zeitleiste an einem der beiden Enden des Tween-Bereichs ziehen. Eigenschaften-Schlüsselbilder im Tween werden proportional mit dem Ende des Tween-Bereichs verschoben.

    Um das Ende des Tween-Bereichs ohne die vorhandenen Schlüsselbilder zu verschieben, drücken Sie die Umschalttaste und ziehen am Ende des Tween-Bereichs.

  5. Um dem Tween Bewegung hinzuzufügen, platzieren Sie den Abspielkopf auf einem Bild innerhalb des Tween-Bereichs und ziehen das Objekt auf eine neue Position.

    Auf der Bühne wird ein Bewegungspfad von der Position im ersten Bild des Tween-Bereichs bis zur neuen Position angezeigt. Da Sie die X- und Y-Eigenschaften des Objekts ausdrücklich definiert haben, werden Eigenschaften-Schlüsselbilder für X und Y im Bild, das den Abspielkopf enthält, hinzugefügt. Eigenschaften-Schlüsselbilder werden im Tween-Bereich als kleine Rauten dargestellt.

     Standardmäßig werden in der Zeitleiste die Eigenschaften-Schlüsselbilder aller Eigenschaftentypen angezeigt. Sie können festlegen, welche Typen von Eigenschaften-Schlüsselbildern angezeigt werden sollen, indem Sie mit der rechten Maustaste (Windows) oder bei gedrückter Befehlstaste (Macintosh) auf den Bewegungs-Tween-Bereich klicken und „Schlüsselbilder anzeigen“ > Eigenschaftentyp wählen.

  6. Um eine weitere Position für das Objekt festzulegen, platzieren Sie den Abspielkopf in einem anderen Bild des Tween-Bereichs und ziehen Sie das Objekt auf der Bühne an eine andere Position.

    Der Bewegungspfad wird angepasst, um alle angegebenen Positionen einzubeziehen.

  7. Tweenen Sie eine 3D-Drehung oder -Position mit dem 3D-Drehungs- oder 3D-Versetzungswerkzeug. Achten Sie darauf, den Abspielkopf in dem Bild zu platzieren, in dem Sie das 3D-Eigenschaften-Schlüsselbild zuerst hinzufügen möchten.

     Wenn Sie mehrere Tweens gleichzeitig erstellen möchten, platzieren Sie tweenbare Objekte auf mehreren Ebenen, markieren Sie sie alle und wählen Sie „Einfügen“ > „Bewegungs-Tween“ aus. Auf die gleiche Art können Sie auch Bewegungsvoreinstellungen auf mehrere Objekte anwenden.

 Adobe

Schneller und einfacher Hilfe erhalten

Neuer Benutzer?

Adobe MAX 2024

Adobe MAX
Die Konferenz für Kreative

14. bis 16. Oktober in Miami Beach und online

Adobe MAX

Die Konferenz für Kreative

14. bis 16. Oktober in Miami Beach und online

Adobe MAX 2024

Adobe MAX
Die Konferenz für Kreative

14. bis 16. Oktober in Miami Beach und online

Adobe MAX

Die Konferenz für Kreative

14. bis 16. Oktober in Miami Beach und online