/
Zeitleiste für Animationen

Zeitleiste für Animationen

Im Templatedesigner befindet sich über dem Vorschaubereich eine Zeitleiste, in der die eingestellten Animationszeitpunkte sichtbar sind.

Die Länge der Zeitleiste entspricht der eingestellten Anzeigedauer des Objektes. Die Zeitfenster sind passend zur Definition der Animationszeitpunkte in 500ms Schritten eingeteilt.

Dabei werden:

  • Einblendezeitpunkte als gefüllter Kreis im oberen Bereich eines Zeitfensters angzeigt.

  • Ausblendezeitpunkte als ungefüllter Kreis im unteren Bereich eines Zeitfensters angezeigt.

Der zeitliche Verlauf des aktuell ausgewählten Elements wird mit einer orangen Hintergrundfarbe hervorgehoben.

timeline_1.jpg
aktuelles Element wird nach 5s angezeigt und nach 18s wieder ausgeblendet

Sie können den Start- und Endzeitpunkt des aktuell ausgewählten Elementes über drag&drop innerhalb der Zeitleiste verschieben. Falls das Element noch nicht über einen bereits eingestellten Start-/Endzeitpunkt verfügt, wird beim drag&drop der jeweilige Animationspunkt eingerichtet. Es wird dann neben dem ausgewählten Animationszeitpunkt der Animationstyp “Fade-In” / “Fade-Out“ im Standard festgelegt.

Sie können anschließend wie gewohnt die Animation anpassen.

 

timeline_2.jpg
Beispiel: Elementauswahl mit Start- und Endzeitpunkt

Zustand zu einem bestimmten Zeitpunkt ansehen

Sie können in der Zeitleiste ein beliebiges Zeitfenster auswählen. Er werden dann im Vorschaubereich nur noch die Element angezeigt, die zu diesem Zeitpunkt sichtbar sind. Ein erneutes Klicken auf das aktuell ausgewählte Zeitfender entfernt die Auswahl und der Vorschaubereich kehrt in die normale Darstellung zurück.

 

Zeitleiste während der Animationsvorschau

Wenn Sie die Animationvorschau mit Hilfe des Play-Buttons starten, sehen Sie in der Zeitleiste den aktuellen Fortschritt. Bereits abgeschlossen Zeitfenster werden grau dargestellt.

 

 

Related content

Box einfügen
More like this
Text einfügen
More like this
Bilder einfügen
Bilder einfügen
More like this
Iframe/ext. Webseite einbinden
Iframe/ext. Webseite einbinden
More like this