Benutzerhandbuch Abbrechen

Animieren von Grafiken

Suchen

Zuletzt aktualisiert am 8. Oktober 2024

Adobe Fresco-Benutzerhandbuch
Einführung
Zeichnen, Malen, Animieren und Freigeben
Adobe Fresco und Creative Cloud-Anwendungen
1. Adobe Fresco und Photoshop
2. Adobe Fresco und Illustrator
Cloud-Dokumente
1. Cloud-Dokumente in Adobe Fresco
Fehlerbehebung
1. Zugriff auf importierte Pixelpinsel unter Windows nicht möglich
2. Adobe Fresco-Unterstützung für Windows ARM-Geräte
Beispiele, Ideen, Inspirationen

Im Folgenden erfahren Sie, wie Sie Grafiken in Fresco mit dem Frame-für-Frame-Verfahren oder Bewegungspfaden animieren.

Animieren Sie Elemente in Ihren Grafiken, um faszinierende visuelle Geschichten zu erzählen. Die fertige Grafik können Sie dann im Format MP4, GIF oder PNG exportieren.

Animieren von Grafiken

Animieren von Grafiken oder Grafikelementen

Um Ihre Grafik oder deren Elemente zu animieren, können Sie die Frame-für-Frame- oder die Bewegungspfad-Technik oder eine Kombination aus beiden verwenden.

Frame-für-Frame

Die Grafik in jedem Frame unterscheidet sich geringfügig von der im vorherigen Frame. Wenn die Frames nacheinander abgespielt werden, entsteht der Eindruck einer Bewegung. Wird verwendet, wenn sich die Objekteigenschaften oder -bewegung von Frame zu Frame ändern.

Bewegungspfad

Verfolgt Objekte und folgt einem definierten Pfad. Wird verwendet, um Elemente oder Grafiken in einer Schleifenbewegung über die Bühne zu bewegen, ohne ihr Aussehen zu verändern.

Vorbereitung

Bevor Sie mit der Animation beginnen, sollten Sie sich mit den folgenden Konzepten und Einschränkungen vertraut machen:

Wenn du komplexe Grafiken animieren möchtest und dabei mehrere Objekte oder Objekteigenschaften ändern musst, solltest du die Objekte auf unterschiedlichen Ebenen erstellen. So hast du eine genauere Kontrolle über die Bearbeitung der einzelnen Objekte in deiner Grafik.
Die Ebenen-Timeline wird angezeigt, wenn Sie ein Objekt oder eine Grafik mit Frames auswählen. Die Timeline umfasst standardmäßig alle Objekte in der ausgewählten Ebene und zeigt die Gesamtzahl der erstellten Frames sowie den Frame an, an dem Sie gerade arbeiten. Ein Wert von 2/13 bedeutet zum Beispiel, dass Sie am zweiten von insgesamt 13 Frames arbeiten.

Mit der Frame-für-Frame- oder Bewegungspfad-Technik animieren

Je nach Komplexität der Änderungen zwischen den einzelnen Frames sollten Sie zum Animieren einer Grafik die Frame-für-Frame-Technik oder die Bewegungspfad-Technik verwenden.

Durchstöbern Sie die nachstehende Registerkarte, um zu erfahren, wie Sie diese Techniken anwenden und ihre Einstellungen konfigurieren, um das gewünschte Designergebnis zu erhalten.

Um einer Grafik eine Frame-für-Frame-Animation hinzuzufügen, verwenden Sie die Timeline. Die graduellen Änderungen, die Sie an den einzelnen Frames der Grafik vornehmen, erwecken beim Abspielen den Eindruck einer Bewegung oder Veränderung in Ihrem Design.

Wähle die zu animierende Ebene und anschließend Animation aus. Die Timeline umfasst standardmäßig alle Objekte der ausgewählten Ebene.
Um einen neuen Frame hinzuzufügen, tippen Sie auf den ausgewählten Frame. Verwenden Sie die angezeigten Optionen für das Duplizieren, Kopieren oder Löschen von Frames.
Um Frames neu anzuordnen, wählen Sie den Frame aus, den Sie verschieben möchten, ziehen Sie ihn entlang der Timeline und legen Sie ihn an der gewünschten Position ab. Bevor Sie Ihr Bildmaterial in einer neuen Ebene bearbeiten, aktivieren Sie die Option Zwiebelschalen.
Wählen Sie Alle wiedergeben, um eine Vorschau der Animation anzuzeigen, die Sie auf Ihre Grafik angewendet haben. Wählen Sie in den Animationseinstellungen die Option Wiedergabe, um die Vorschau in einer Schleife, als Bumerang oder nur einmal abzuspielen.
Konfiguriere die Animationseinstellungen , um die Geschwindigkeit anzupassen, die Wiedergabeoptionen zu ändern, die Deckkraft und die Frames der Zwiebelschalenfunktion anzupassen und die Timeline des Dokuments anzuzeigen.
Wähle die gewünschte Animationsebene > Symbol Weitere Optionen > Als Referenz festlegen aus und wende Ausfüllen auf einzelne Frames der Ziel-Füllebene an, um deine Animation schnell einzufärben.

Folgen Sie diesen Schritten, um mit der Bewegungspfadtechnik Objekte entlang eines definierten Pfads zu animieren:

Wählen Sie die Ebene mit dem Objekt und dann „Animation“ über dem Lineal aus.
Wähle unten in der Animationsleiste den Pfad aus, um das Bedienfeld Ebeneneigenschaften zu öffnen.
Wähle eine der Bewegungsvoreinstellungen aus, um Bewegungseffekte anzuwenden.
Zeichnen Sie den Pfad, dem das Objekt folgen soll. Um einen Pfad neu zu erstellen, löschen Sie den Pfad und zeichnen Sie ihn neu.

Freihändig zeichnen

Mit Zeichenhilfen zeichnen
Unter Erweiterte Einstellungen stehen folgende Optionen zur Verfügung:
- Vergrößern/verkleinern: Verwende diesen Umschalter, um das Objekt zu vergrößern oder zu verkleinern.
- Drehen: Schalte zwischen den Drehoptionen Schwingen und Drehung um, je nachdem, welche Art von Bewegung du wünschst.
  
  Schwingen: Lege den Winkel und die Anzahl für die Bewegung fest.
  
  Drehung: Deaktiviere oder aktiviere Gegen Uhrzeigersinn und lege die Anzahl der Drehungen fest.
Drehungs- oder Schwingen-Effekt hinzufügen
- Ein-/Ausblenden: Ändere die Deckkraft eines Objekts, um weiche Übergänge am Anfang oder Ende des zugehörigen Bewegungspfads zu erzeugen.
- An Pfad ausrichten: Richte Objekte am angegebenen Pfad aus.
„An Pfad ausrichten“ aktiviert

„An Pfad ausrichten“ deaktiviert
- Mehrere hinzufügen: Füge mehrere Objekte auf demselben Pfad hinzu. Das Ergebnis wird in einer Echtzeit-Vorschau angezeigt.
- Verstreut: Du kannst Effekte auf die entsprechenden hinzugefügten Objekte anwenden und sie in Echtzeit in der Vorschau ansehen.
Mehrere und Streuungseffekte hinzufügen
- Geschwindigkeitsoptionen: Ermöglichen es, die Abspielgeschwindigkeit der Animationsspur anzupassen.
- Ease In-Out: Wende diese Effekte an, um die Objekte langsam auf dem Bildschirm ein- oder auszublenden.
Wählen Sie Alle wiedergeben, um eine Vorschau der Animation anzuzeigen, an der Sie gerade arbeiten. Wählen Sie Pfad , um die Vorschau mit den Pfaden zu sehen. Sie können die Option „Wiedergabe“ in den Animationseinstellungen auswählen, um die Vorschau in einer Schleife, als Bumerang oder nur einmal wiederzugeben.
In den Animationseinstellungen können Sie die Geschwindigkeit festlegen, Wiedergabeoptionen ändern, Deckkraft und Frames der Zwiebelschalenfunktion anpassen und die Timeline des Dokuments anzeigen.

Mehrere Pfade zeichnen

Sie können einen einzelnen oder mehrere Pfade auf der ausgewählten Ebene zeichnen. Beim Zeichnen mehrerer Pfade werden auch automatisch das Objekt oder die Objektbewegungen auf derselben Ebene dupliziert. Daher musst du nur dann mehrere Objekte erstellen, wenn du unterschiedliche Bewegungen auf die einzelnen Objekte anwenden möchtest. Wenn du an einzelnen oder mehreren Pfaden arbeitest, wähle Einstellungen > Dokumentzeitleiste > Pfade als Frames anzeigen aus, um die Pfadzeitleiste für die Umwandlung von Pfaden in Frames zu aktivieren.

Nachdem Sie nun Ihre Designs erstellt haben, wenden Sie diese Animationseinstellungen auf Ihre Animationen an:

Frames/Sekunde	Definiert die Geschwindigkeit der Animation in Frames pro Sekunde (FPS). Durch Erhöhen oder Verringern der FPS erhöht und verringert sich die Geschwindigkeit entsprechend.
Wiedergabe	Zeigt die Wiedergabe- und Vorschauoptionen an. Verfügbare Wiedergabearten sind „Schleife“, „Bumerang“ und „Einmal abspielen“.
Dokumenten-Timeline	Zeigt alle Pfade als Frames an. Sie können als weitere Option Pfade als Frames anzeigen aktivieren, um einen Pfad in eine Frame-Timeline konvertieren.
Zwiebelschalen	Bietet eine Referenz, indem der Inhalt des vorherigen und des folgenden Frames auf dem Display angezeigt wird. Der Frame am Abspielkopf wird vollständig in Farbe angezeigt. Aktivieren und deaktivieren Sie die Zwiebelschalenfunktion in den Einstellungen der Animationsleiste: Frames: Passen Sie die Anzahl der Frames an, die vor und nach dem ausgewählten Frame angezeigt werden sollen. Deckkraft: Passen Sie die Deckkraft jedes Zwiebelschalen-Frames an, um die Frames besser erkennen zu können. Sie können auch ganz einfach Ein- und Ausblendeffekte mit Steuerelementen für die Deckkraft auf Frame-Ebene erstellen. Der vorhergehende Frame sieht wie ein Schatten aus und wenn sich darüber ein Frame befindet, wird dieser farbig dargestellt, damit Sie die Position der Frames leichter erkennen können.

Die Zwiebelschalenfunktion hilft Ihnen bei der Vorschau der Zeichnung im Frame, damit Sie diese verfolgen oder die kleinen Änderungen präzise vornehmen können. Sie können auch die Anzahl der Frames einstellen, die sichtbar bleiben sollen. Sehen Sie sich das Video unten an, um mehr zu erfahren.

Animationseinstellungen auf Ihre Animationen anwenden

Transformieren und Verschieben von Bewegungspfaden und Frames

Führen Sie die folgenden Schritte aus, um zuvor erstellte Bewegungspfade zusammen mit Ihren Inhalten zu verschieben oder deren Größe zu ändern:

Wähle die Animationsebene aus, die du transformieren möchtest, und doppeltippe auf der Symbolleiste auf das Symbol Transformieren.
Wählen Sie im Dropdown-Menü Alle Frames und Bewegungspfade.
Wählen Sie die Option Transformieren , um den Bewegungspfad oder Frame zu verschieben oder seine Größe zu ändern.

Freigeben von animierten Grafiken

Wähle Exportieren und dann Veröffentlichen und exportieren > Animation.
Wähle eines der Exportformate:
- GIF: Wird für Web-Grafikanimationen verwendet.
- MP4: Wird zum Speichern von Audio und Video verwendet. Fresco bietet drei Voreinstellungen für MP4:
  
  Automatisch: Dient zum Exportieren der Ausgabe in der höchsten Auflösung. Dies kann auch zu einer größeren Datei führen.
  
  Web-optimiert: Dient zum Optimieren der Größe und der Qualität der Ausgabe für die Darstellung im Web.
  
  PNG-Serie: Wird für Animationen mit transparenten Objekten verwendet. Verwende den Export als PNG-Datei, um die Bearbeitung in Adobe After Effects fortzusetzen.
Tipp:

Du kannst den Regler Schleife verschieben, um die Anzahl der Schleifen und die Dauer einer MP4-Animationsdatei festzulegen.
Um eine Vorschau der Ausgabe zu erhalten, wähle Frames generieren aus.
Wähle Exportieren aus, um deine Grafik zu speichern oder mit anderen zu teilen.

Bestimmen der Anzahl der Schleifen in MP4-Animationsdateien mit den erweiterten Exportoptionen

Zugehörige Ressourcen

Nachdem du nun weißt, wie du Grafiken in Adobe Fresco animierst, informiere dich als Nächstes über die Arbeit mit Ebenen und Pinseln.

Mache bei unserer Community mit, um dich auszutauschen und dazuzulernen

Inspiration, Expertentipps und Lösungen für häufige Probleme findest du im Adobe Fresco-Community-Forum. Kommuniziere mit unserem Team und anderen Benutzerinnen und Benutzern, um Ideen auszutauschen, deine Kreationen zu teilen, über die neuesten Funktionen und Ankündigungen auf dem Laufenden zu bleiben und Feedback zu geben.

Schneller und einfacher Hilfe erhalten

Neuer Benutzer?