Schaltflächen in Animate (früher Flash Professional) sind Symbole, die vier Bilder enthalten. Jedes Bild eines Schaltflächensymbols stellt einen möglichen Status für die Schaltfläche dar: „Normal“, „Darüber“, „Gedrückt“ und „Aktiv“. Diese Status bestimmen die Darstellung der Schaltfläche, wenn die Maus darüber bewegt wird oder wenn der Benutzer auf die Schaltfläche klickt. In diesem Dokument wird die Erstellung einfacher und erweiterter Schaltflächen erklärt.
-
Geben Sie im Dialogfeld „Symboleigenschaften“ einen Namen für das neue Schaltflächensymbol und wählen Sie für „Verhalten“ die Option „Schaltfläche“. Klicken Sie auf „OK“.
Flash wechselt in den Symbolbearbeitungsmodus. In der Zeitleiste werden vier aufeinander folgende Bilder namens „Normal“, „Darüber“, „Gedrückt“ und „Aktiv“ angezeigt. Beim ersten Bild mit der Bezeichnung „Normal“ handelt es sich um einen leeren Keyframe. -
Um das Bild für den Auf-Zustand der Schaltfläche zu erstellen, verwenden Sie die Zeichenwerkzeuge, importieren Sie eine Grafik oder platzieren Sie eine Instanz eines anderen Symbols auf der Bühne. Sie können entweder einen Movieclip oder ein Grafiksymbol in einer Schaltfläche verwenden. Es ist jedoch nicht möglich, eine andere Schaltfläche in einer Schaltfläche zu verwenden. Mithilfe von Movieclip-Symbolen können Sie eine animierte Schaltfläche erstellen.
-
Ändern Sie das Schaltflächenbild für den Status „Darüber“. Wiederholen Sie die Schritte 4 und 5 für die Bilder für „Gedrückt“ und „Aktiv“.
Hinweis: Das Bild „Aktiv“ ist während der Wiedergabe nicht auf der Bühne sichtbar, es bestimmt jedoch den Bereich der Schaltfläche, der auf einen Klick reagiert. Achten Sie darauf, als Grafik für das Bild „Aktiv“ eine durchgehende Fläche zu verwenden, die so groß ist, dass sie sämtliche Grafikelemente der Bilder „Normal“, „Gedrückt“ und „Darüber“ umschließt. Diese Grafik kann durchaus auch etwas größer sein als die sichtbare Schaltfläche. Wenn Sie kein Bild für den Schaltflächenzustand „Aktiv“ erstellen, werden stattdessen die Objekte im Bild „Normal“ verwendet.
Informationen zum Zuweisen von Aktionen zur Schaltflächeninstanz finden Sie in der Dokumentation zu der von Ihnen verwendeten Version von Animate. Die Dokumentation finden Sie im Folgenden:
-
Um eine Aktion zuzuweisen, führen Sie einen der folgenden Schritte aus:
- Doppelklicken Sie in der Kategorie „Basic Actions“ auf eine Aktion.
- Ziehen Sie eine Aktion aus der Kategorie für einfache Aktionen links in die Aktionsliste im rechten Fensterbereich.
- Klicken Sie auf die Schaltfläche „Hinzufügen“ (+) und wählen Sie eine Aktion aus dem Popupmenü.
- Verwenden Sie den Tastaturbefehl.
-
Sind Parameter mit der gewählten Aktion verknüpft, werden diese im Bereich „Parameter“ unten im Fenster „Aktionen“ angezeigt. (Wenn der Bereich „Parameter „nicht sichtbar ist, klicken Sie auf das kleine Dreieck in der unteren rechten Ecke des Fensters.) Wählen Sie die benötigten Parameter für die Aktion bzw. geben Sie sie ein. So enthält beispielsweise die unten gezeigte Aktion gotoAndPlay drei Parameter: Szene, Typ, Bild, sowie eine Option für Goto and Play (Gehe zu und Wiedergabe).
-
Weisen Sie die Aktion zu, indem Sie im Dialogfeld „Instanzeigenschaften“ die Registerkarte „Aktion“ öffnen. Klicken Sie auf die Schaltfläche mit dem Pluszeichen (+) und doppelklicken Sie auf die gewünschte Aktion.
Hinweis: In Flash 2 verwenden Sie zum Zuweisen der Aktion das Popupmenü „Aktion“ im Dialogfeld „Link Properties: Button“ (Verknüpfungseigenschaften: Schaltfläche). Der Schaltfläche kann immer nur eine Aktion zugewiesen werden.
Nachdem Sie mit der Erstellung einfacher Schaltflächen vertraut sind, können Sie mit der Arbeit an komplexeren Animate-Schaltflächen beginnen. Sie können unsichtbare Schaltflächen, Schaltflächen mit animierten Zuständen und Schaltflächen mit Rollover-Effekten erstellen.
Beim Entwickeln komplexer Schaltflächen ist der Zustand „Aktiv“ von besonderer Bedeutung. Die Form und Fläche der Schaltfläche bestimmen deren aktiven Bereich.Experimentieren Sie wie folgt mit dem Status „Aktiv“:
Sie können die Status „Nach oben“, „Nach unten“ und „Darüber“ einer Schaltfläche leer lassen. Wenn diese Status leer sind, muss der Status „Aktiv“ mit Inhalt definiert werden.
Wenn der Zustand „Normal“ der Schaltfläche leer oder unsichtbar ist, wird diese auf der Bühne als blaue Form dargestellt. Diese Form entspricht dem Inhalt des nächsten Keyframes in der Schaltfläche. Im fertigen Film ist die blaue Form nicht sichtbar. Siehe dazu das folgende Beispiel.
Um animierte Schaltflächen in Animate zu erstellen, platzieren Sie einen Movieclip in den Zustand, den Sie animieren möchten.
Siehe dazu das folgende Beispiel.
Um diesen Effekt zu erzielen, verschieben Sie die Elemente des Zustands „Aktiv“ an eine andere Stelle der Bühne als die Elemente des Zustands „Darüber“. Diese Methode funktioniert für einfache Rollover-Effekte. Der aktive Bereich der Schaltfläche befindet sich an einer anderen Stelle der Bühne als der Rollover-Effekt.Siehe dazu das folgende Beispiel.
Hinweis: Flash Player ist erforderlich, um das Beispiel anzuzeigen.
- Laden Sie die Windows-Quelldatei advanced_buttons.zip herunter (17 K)
- Laden Sie die Mac OS-Quelldatei advanced_buttons.sit herunter (18 K)
Hinweis: Flash 4 oder höher ist erforderlich, um die Quelldatei zu öffnen.
Eine gute Möglichkeit, mehr über Schaltflächen und ihre Erstellung zu erfahren, besteht darin, die als Muster mit Animate bereitgestellten Schaltflächen zu analysieren. In Version 5 sind diese Beispielschaltflächen über „Fenster“ > „Allgemeine Bibliotheken“ > „Schaltflächen“ verfügbar. Wenn Sie Version 4 verwenden, können Sie über „Bibliotheken“ > „Schaltflächen“ auf diese Schaltflächen zugreifen. In Version 2 können die Bibliotheken mit Beispielschaltflächen über das Extras-Menü aufgerufen werden.
Eine schrittweise Anleitung zum Erstellen einer Schaltfläche finden Sie auch in den mit Version 5 bereitgestellten Lektionen. Wählen Sie in Flash „Hilfe“ > „Lektionen“ > „06 Schaltflächen“, um diese Lektion aufzurufen.
Twitter™- und Facebook-Beiträge fallen nicht unter die Bedingungen der Creative Commons-Lizenz.