Tuesday, April 18, 2023

Die Zeitleiste im erweiterten Modus - Google Web Designer-Hilfe [gg-webdesigner-de]

Die Zeitachse des erweiterten Modus

Die Zeitachse ist in Image-Anzeigen nicht verfügbar .

Im erweiterten Modus können Sie komplexe Animationen erstellen und zeitbasierte Ereignisse einrichten. Die Animationszeitachse zeigt jedes Element als Ebene an, sodass Sie Elemente einzeln animieren können.

Teile der Zeitachse des erweiterten Modus

Lagen

Jedes Element in Ihrem Dokument wird durch eine Ebene dargestellt.

  1. Ebenen - Ebenen bestimmen die Stapelreihenfolge von Elementen, wenn sie sich überlappen. Sie können eine Ebene über oder unter eine andere Ebene ziehen, um die Stapelreihenfolge zu ändern.
  2. Ebene ausblenden – Verwenden Sie das Kontrollkästchen unter dem Augensymbol, um Elemente auf der Bühne auszublenden.
  3. Ebene sperren – Verwenden Sie das Kontrollkästchen unter dem Schlosssymbol, um Änderungen an Elementen zu verhindern.
  4. Schleifenebene - Lassen Sie die Animation für das Element dieser Ebene wiederholen. Geloopte Ebenen werden in der Animation des veröffentlichten Dokuments widergespiegelt.

Keyframes

Erstellen und bearbeiten Sie Animationen, indem Sie Keyframes hinzufügen.

  1. Keyframe – Jeder Keyframe zeigt den Beginn oder das Ende einer Animation an.
  2. Spanne – Der Abstand zwischen zwei Keyframes wird als Spanne bezeichnet und gibt an, wie lange die Animation dauert.
  3. Easing – Die Beschleunigung oder Verlangsamung der Animation.

Vorschau-Tools

Sie können Ihre Animation auf der Bühne in der Vorschau anzeigen .

  • Spielen und Pause - Starten und stoppen Sie die Wiedergabe der Animationsvorschau.
  • Schleife - Schalten Sie um, ob die Wiedergabe der Animationsvorschau kontinuierlich wiederholt wird. Obwohl sich die Vorschau auf der Bühne in einer Schleife befindet, hat dies keine Auswirkungen auf die Animation im veröffentlichten Dokument.
  • Vorschaubereich – Ziehen Sie die Markierungen des Vorschaubereichs, um die Wiedergabe der Animationsvorschau auf den angegebenen Teil der Zeitleiste zu beschränken.

Für Videodokumente gibt es zusätzliche Steuerelemente:

  • Rahmen starten - Zum ersten Bild des Vorschaubereichs springen.
  • Letztes Bild - Zum letzten Bild des Vorschaubereichs springen.
  • Vorheriger Rahmen - Gehen Sie zum vorherigen Frame.
  • Nächstes Bild - Zum nächsten Bild gehen.

Zeitindikatoren

Der Abspielkopf zeigt den aktuellen Punkt in der Animation an, die auf der Bühne angezeigt wird.

  • Abspielkopf – Um den Abspielkopf zu verschieben, klicken Sie auf die Zeitachse auf einer Spur oder Ebene (außer Video- und Audiospuren) oder ziehen Sie den Abspielkopf an eine neue Position.
  • Aktuelle Zeit – Klicken Sie auf die aktuelle Zeit, um die Position des Abspielkopfs zu ändern, indem Sie eine neue Zeit eingeben.
  • Länge des Timeline-Arbeitsbereichs – Der Timeline-Arbeitsbereich ist die verfügbare Zeitdauer für jede Animation. Sie können die Länge des Timeline-Arbeitsbereichs verlängern, indem Sie eine neue Zeitspanne eingeben.

Das Zeitformat hängt vom Dokumenttyp ab:

  • HTML5-Dokumente - Minuten:Sekunden.Hundertstelsekunden
  • Video- und animierte GIF-Dokumente - Minuten:Sekunden:Frames

Veranstaltungen

Zeitleistenbezogene Ereignisse (die zu einem bestimmten Zeitpunkt während der Animation auftreten) werden auf der Ereignisspur angezeigt. (Der Ereignis-Track ist für Videoanzeigen und animierte GIFs nicht verfügbar.)

  • Ereignis hinzufügen – Fügt eine Ereignismarkierung zum selben Zeitpunkt wie die aktuelle Abspielposition hinzu.
  • Bezeichnung hinzufügen – Fügt eine Ereignisbezeichnung an der aktuellen Abspielposition hinzu.
  • Ereignismarkierung – Ein bestimmter Punkt in der Zeitachse, an dem ein Ereignis ausgelöst werden kann. Klicken Sie mit der rechten Maustaste, um zugehörige Ereignisse anzuzeigen.
  • Ereignisbezeichnung – Ein bestimmter Punkt in der Zeitleiste, auf den Sie verweisen können, um die Animation zu steuern.

Video-Tools

Für Videoanzeigen und animierte GIFs enthält die Zeitachse zwei Tools:

  • Auswahlwerkzeug - Elemente in der Timeline auswählen und ziehen.
  • Rasiermesser - Teilen Sie einen Clip in zwei Clips.

Medienspuren

Videoanzeigen und animierte GIFs können Video- oder Audiospuren enthalten, spezielle Ebenen, die Medienclips enthalten und mit denen Sie sie bearbeiten können.

Timeline-Einstellungen im erweiterten Modus

Konfigurieren Sie die Timeline-Einstellungen im erweiterten Modus, indem Sie auf das Zahnradsymbol klicken rechts neben Ebenenname . Häkchen zeigen an, welche Einstellungen aktiv sind.

  • Leere Ebenen ausblenden - Ebenen ohne Animation ausblenden.
  • Alle Ebenen sperren - Alle Ebenen sperren. Deaktivieren Sie diese Option, um alle Ebenen zu entsperren.
  • Alle Ebenen ausblenden - Blenden Sie alle Elemente auf der Bühne aus. Heben Sie die Auswahl auf, um alle Elemente sichtbar zu machen.
  • Am Zeitachsenraster ausrichten – Richten Sie Keyframes, Ereignismarkierungen, Ereignisbeschriftungen, den Abspielkopf, Sichtbarkeitsbereiche und den Vorschaubereich an den Zeitachsenrasterlinien aus, wenn Sie sie einfügen und ziehen. Standardmäßig aktiviert.
    • An Objekten ausrichten – Diese Option ersetzt das Ausrichten des Timeline-Rasters für Videoanzeigen und animierte GIFs, sodass Sie Keyframes, Clips, Übergänge, den Abspielkopf, Sichtbarkeitsbereiche und den Vorschaubereich aneinander ausrichten können.
  • Alle Ebenen minimieren - Schrumpfen Sie alle Ebenen auf ihre minimale Höhe.

Erweiterter Timeline-Zoom

Sie können die Zoomstufe der Zeitleiste anpassen, indem Sie den Schieberegler in der Nähe der oberen rechten Ecke der Zeitleiste verwenden. Durch Ziehen des Schiebereglers nach rechts wird die Zeitachsenskala erweitert, sodass Sie Animationen genauer zeitlich festlegen können.

Umschalten zwischen erweitertem Modus und Schnellmodus

Klicken Sie auf das Schnellmodus-Symbol auf der rechten Seite der Zeitachse, um in den Schnellmodus zu wechseln, mit dem Sie eine einfachere Animationszeitachse verwenden können.

Jeder Punkt in der Zeitachse des erweiterten Modus mit einem Keyframe wird in eine Miniaturansicht des Schnellmodus umgewandelt, wodurch Ihre Animation erhalten bleibt. Bei komplexeren Animationen können Spannen und Easings für die Bearbeitung im Schnellmodus gesperrt werden.

Der Schnellmodus ist für Videoanzeigen oder animierte GIFs nicht verfügbar.

No comments:

Post a Comment