Flash-Technologien sind heute in Internet-Sites allgegenwärtig, und selbst aufstrebende Webmaster bemühen sich, ihrer Site Flash-Elemente hinzuzufügen. Zum Beispiel wird das Menüdesign mit dieser Technologie funktional und schön sein. Als Beispiel beschreiben wir, wie Sie in Adobe Flash CS4 eine praktische Flash-Schaltfläche erstellen, die auf Ihrer Site platziert werden kann, und einen Menüblock basierend auf solchen Schaltflächen erstellen.
Anweisungen
Schritt 1
Bereiten Sie zwei Grafikdateien mit einem Hintergrundbild von Schaltflächen ohne Text im Jpg-Format vor, die sich in einigen Farbfragmenten unterscheiden. Öffnen Sie dann Adobe Flash, erstellen Sie ein neues Dokument und wählen Sie Action Script 2.0 aus der Liste aus.
Schritt 2
Öffnen Sie den Einstellungsbereich und stellen Sie die Breite auf 273 Pixel und die Höhe auf 54 Pixel ein. Klicken Sie im Menü Datei auf die Schaltfläche Importieren und wählen Sie In Bibliothek importieren, um die beiden gerenderten Bilder in die Datenbibliothek zu importieren.
Schritt 3
Ziehen Sie die heruntergeladenen Bilder in den Arbeitsbereich, drücken Sie F8, benennen Sie eines der Bilder um und wählen Sie im Abschnitt Typ Filmclip.
Schritt 4
Ziehen Sie dann das zweite Bild in den Arbeitsbereich, benennen Sie es ebenfalls um und geben Sie den gleichen Parameter im Abschnitt Typ an.
Schritt 5
Geben Sie auf jeder Schaltfläche den gewünschten Text ein und drücken Sie Strg + F8, um eine neue Schaltfläche zu erstellen. Das Fenster Neues Symbol wird geöffnet. Geben Sie den Namen der zukünftigen Schaltfläche ein und wählen Sie den Schaltflächentyp. Kopieren Sie das erste bearbeitete Bild oben in den Arbeitsbereich des erstellten Movieclip-Buttons.
Schritt 6
Erstellen Sie einen neuen Movieclip, indem Sie ebenfalls Strg + F8 drücken, und kopieren Sie das Ergebnis in den Arbeitsbereich. Erstellen Sie eine neue Ebene und kopieren Sie den Movieclip mit dem zweiten Bild.
Schritt 7
Erstellen Sie auf der ersten Ebene einen Rahmen, indem Sie einen Schritt zurückgehen und die Option Rahmen einfügen aus dem Kontextmenü auswählen. Wiederholen Sie dasselbe auf der nächsten Ebene, indem Sie im Kontextmenü die Option Keyframe einfügen wählen. Wählen Sie den erstellten Keyframe aus und öffnen Sie seine Einstellungen.
Schritt 8
Wählen Sie im Abschnitt „Farbeffekt“die Option „Stil Alpha“und setzen Sie den Wert auf 0 %. Legen Sie im ersten Frame derselben Ebene den Wert auf Classic Motion Tween fest.
Schritt 9
Wählen Sie auf der Bühne das Schaltflächenobjekt aus und öffnen Sie Aktionen. Fügen Sie den folgenden Code in das freie Feld ein: on (release) {
getURL ("aboutme.htm", "_self", "GET");
}
Schritt 10
Geben Sie in den Einstellungen der Schaltfläche den gewünschten Namen. Gehen Sie zurück zur ersten Szene und kopieren Sie den Filmclip, wählen Sie ihn aus und öffnen Sie Aktionen erneut. Geben Sie einen anderen Code ein, wobei sim_btn der Name Ihrer Schaltfläche ist: onClipEvent (enterFrame) {
wenn (geh) {
nextFrame();
} anders {
prevFrame ();
}
}
onClipEvent (laden) {
var gehen;
stoppen ();
sim_btn.onRollOver = Funktion () {
gehen = wahr;
};
sim_btn.onRollOut = Funktion () {
gehen = falsch;
};
}
Schritt 11
Exportieren Sie die Schaltfläche, indem Sie im Menü Datei die Option Film exportieren auswählen.
