Zur Hauptnavigation springen [Alt]+[0] Zum Seiteninhalt springen [Alt]+[1]

Animation / Zeitlinie

Start

Durch einen Klick auf das Feld Start öffnet sich die Abdeckung und es erscheint ein Bild.
Bildmaterial zu dieser Übung [jpg] [143 KB]


Schritt 1    Vorarbeiten

  • Erstellen Sie eine Seite mit dem Namen APuZeitlinie und weisen Sie dieser Seite einen Seitenhintergrund zu.
  • Fügen Sie das Bild Cordoba ein.

Schritt 2    Abdecken der Seite

  • Erstellen Sie mithilfe des Werkzeugs Vieleck ein rechtwinkliges Dreieck, welches die eine Hälfte des Betrachtungsfensters abdeckt.
    1. Dreieck
  • Erstellen Sie nun erneut mithilfe des Werkzeugs Vieleck ein rechtwinkliges Dreieck, welches aber die andere Hälfte des Betrachtungsfensters abdeckt.
    2. Dreieck
  • Ziehen Sie ein Textfeld auf, welches das Wort Start enthält. Geben Sie dem Textfeld einen farbigen Hintergrund: rechte Maus – Eigenschaften – Hintergrundfarbe .
    beide Dreiecke

Schritt 3    Animationspfad

  • Um die Animationspfade anzulegen, klicken Sie in der Werkzeugleiste auf das Symbol Animationspfad Button Animationspfad .
  • Der Bildschirm ändert sich sofort. Sie sehen eine neue Symbolleiste, die weitere Werkzeuge zum Erzeugen und Editieren des Pfades enthält.
    Werkzeugleiste
  • Die einzelnen Punkte des Pfades setzen Sie, indem Sie mit der Maus an die entsprechenden Stellen des Hintergrunds klicken.
    Achten Sie darauf, dass die Schaltfläche Plus aktiviert ist.
  • Wenn Sie einzelne Punkte wieder löschen wollen, aktivieren Sie vorher den Schalter Minus .
  • Verschieben können Sie die Punkte, wenn Sie vorher den Pfeil Verschieben aktivieren.
  • Fügen Sie jetzt den ersten Punkt wie unten abgebildet ein. Klicken Sie mit der linken Maustaste (1). Den weiteren Punkt (2) erzeugen Sie durch Klicken mit der linken Maustaste (siehe Abbildung). Der Punkt (2) muss so weit außerhalb des sichtbaren Bereichs sein, so dass das Abdeckdreieck vollständig aus dem sichtbaren Bereich verschwinden kann.
    linke Maustaste
  • Sie beenden das Anlegen des Animationspfades, indem Sie auf den grünen Haken grüner Haken in der Animationspfad-Symbolleiste klicken.
  • Erzeugen Sie nun analog den zweiten Animationspfad (siehe Abbildung).
    linker Animationspfad

Schritt 3    Programmieren des Textfeldes „Start“

  • Öffnen Sie das Ereignisfenster für dieses Textfeld (rechte Maustaste).
  • Ziehen Sie das Ereignissymbol Mausklick von links in das aktive Feld .
  • Um die beiden Dreiecke gleichzeitig anzusprechen, ziehen Sie zunächst im Ereignisfenster das Symbol für Zeitlini e aus der Kartei Standard in das aktive Feld .
    . Zeitlinie
  • Es öffnet sich das Fenster Zeitlinie. Um das erste Dreieck zu animieren, ziehen Sie das Symbol für Animationspfad aus der Kartei Multimedia in das aktive Feld .
    Animation
  • Tragen Sie im Menü Animieren das zu animierende Objekt (Vieleck) ein. Klicken Sie dazu auf die graue Schaltfläche links neben dem Button OK .
    Anschließend nehmen Sie die folgenden Einstellungen vor.
    Einstelungen
  • Um das zweite Dreieck zu animieren, wiederholen Sie die oben beschriebenen Schritte. Das zu animierende Objekt ist jetzt Vieleck 01 und der zugehörige Animationspfad heißt AniPfad 01 . Die anderen Einstellungen bleiben unverändert.
    2. Zeitlinie
  • Bestätigen Sie die Eintragungen in der Zeitlinie mit OK .
  • Um das Textfeld Start auszublenden, ziehen Sie im Ereignisfenster das Symbol für Ausblenden aus der Kartei Standard in das Ereignisfeld .
  • Im nächsten Fenster wählen Sie das Textobjekt Start aus.
    Textobjekt Start
  • Das Ereignisfenster sieht nun folgendermaßen aus:
    Ereignisfenster
  • Testen Sie Ihre Seite Seite testen .

Anleitung als Word-Dokument [doc] [2,2 MB]

Weiter mit Zeitlinie