Wie erstelle ich Flash benutzerdefinierte Schaltflächen?

December 26

Adobe Flash ermöglicht die individuelle Gestaltung und Entwicklung vieler verschiedener Internet und Website Elemente wie Schaltflächen, Navigationsleisten, Banner und sogar ganze Websites. Mit einer minimalen Anzahl von ActionScript Programmierung Fähigkeit und ein wenig Know-how ist es möglich, benutzerdefinierte Funktionen und Anwendungen, die jeder nutzen kann, zu erstellen. Entwerfen eine benutzerdefinierte Schaltfläche in Flash wird nur durch Ihre Fantasie begrenzt, und die Schaltflächen können so grell oder so einfach und nüchtern sein, da Ihre Website benötigt.

Anweisungen

Entwerfen Sie Ihre Schaltfläche

1 Wählen Sie das Werkzeug "Rechteck" aus der Symbolleiste, und verwenden Sie es zum Zeichnen eines Rechtecks auf der Bühne. Verwenden Sie eine weiße Füllung und einen schwarzen Strich-Farbe für die Box.

2 Drücken Sie "F8" auf Ihrer Tastatur mit dem Rechteck ausgewählt, um das Rechteck in ein Movieclip Symbol zu verwandeln. Benennen Sie das Symbol alles, was Sie mögen.

3 Doppelklicken Sie auf das neue Symbol für die Schaltfläche zum Bearbeiten eingeben. Wählen Sie das Rechteck und seine Grenze erneut und "F8" drücken, um es in ein Symbol zu verwandeln. Nennen sie jede Instanz, die Sie wünschen. Sie haben nun ein Symbol innerhalb ein Symbol, das ist notwendig, den Rollovereffekt erstellen, die, den wir verwenden werden.

4 Klicken Sie auf "Neue Ebene", auf der Zeitachse einfügen eine neue Ebene über die jetzige mit Ihrer Schaltfläche Rechteck drauf. Klicken Sie auf den Namen der Ebene, um ihn umzubenennen "Text."

5 Wählen Sie das Werkzeug "Text" aus der Symbolleiste, und klicken Sie auf ein Feld für die Eingabe von Text zu erstellen. Geben Sie den Text "Click Here". Stellen Sie im Eigenschaften-Inspektor sicher, dass für den Typ des Textfelds, "Dynamic" ausgewählt. Geben Sie im Textfeld den Instanznamen "TextInside." Wählen Sie das Textfeld, und ändern Sie die Füllfarbe in blau mit Hilfe der Symbolleiste.

6 Mit der rechten Maustaste auf der Zeitachse bei Frame-6 für die Ebene, wo die Taste ist, und wählen Sie "Schlüsselbild einfügen." Wählen Sie die Schaltfläche, und wählen Sie im Eigenschaften-Inspektor unter Effekt "Farbe", "Farbton" aus dem Dropdown-Menü, wählen Sie eine Farbe anders als das Original und legen Sie es auf 100 % oder was auch immer du magst Intensität. Dies ist die Farbe, die, der die Schaltfläche zu ändern werden, wenn ein Benutzer seine Maus darüber bewegt wird.

7 Rechtsklick auf die Zeitleiste Bild 1 für die Ebene, wo die Taste ist, und wählen Sie "Rahmen kopieren." Mit der rechten Maustaste auf der Zeitachse bei Frame-15 für die gleiche Ebene, und wählen Sie "Frames einfügen." Jetzt mit der rechten Maustaste auf den grauen Raum zwischen Keyframe 1 und 6 und wählen Sie "Klassische Tween erstellen" oder "Bewegungs-Tween erstellen", wenn Sie Flash CS3 verwenden oder älter. Das gleiche tun im Raum zwischen Keyframes 7 und 15.

8 Klicken Sie auf Rahmen 15 auf der Ebene mit dem Text, und drücken Sie die Taste "F5" Frames bis zu diesem Zeitpunkt einfügen kann. Fügen Sie eine neue Ebene auf der Zeitachse ein, wie zuvor, nur diesmal mit dem Namen "Aktionen." Klicken Sie auf das erste Schlüsselbild dieser neuen Schicht, und drücken Sie F9, um das Bedienfeld "Aktionen" zu öffnen. Geben Sie den folgenden Code ein:

Stop();

9 Maustaste auf der Zeitachse nach Bild 6 auf der Aktionsebene und ein neues Schlüsselbild einfügen. Klicken Sie auf diesen neuen Keyframe und drücken Sie F9-Taste erneut, um das Bedienfeld "Aktionen" und geben im gleichen Code zu öffnen:

Stop();

Code und Ihre Schaltfläche Anpassen

10 Doppelklicken Sie an einer beliebigen Stelle auf der Bühne wieder aus Ihrem Film bearbeiten und auf der Hauptzeitleiste zurückzukehren. Wählen Sie den ersten Keyframe Ihres Films mit einem Linkklick und drücken Sie F9, um Ihr Bedienfeld "Aktionen" zu öffnen. Geben Sie den folgenden Code:

my_btn.onRollOver = über;

my_btn.onRollOut = out;

11 Fügen Sie ein paar Zeilen nach den Code, den Sie im vorherigen Schritt und geben Sie den folgenden Code eingegeben:

Funktion over() {}

this.gotoAndPlay(2);

}

Funktion out() {}

this.gotoAndPlay(7);

}

12 Fügen Sie den folgenden Code, um den Text der Schaltfläche dynamisch anpassen:

my_btn.textInside.Text = "Was auch immer Sie Ihren Button hier zwischen Anführungszeichen sagen wollen"

13 Schließen Sie das Bedienfeld "Aktionen" und klicken Sie auf die Schaltfläche auf der Bühne, um es auszuwählen. Geben sie den Instanznamen "My_btn" im Eigenschaften-Inspektor. Drücken Sie STRG + EINGABETASTE, um Ihren Film zu testen.

Tipps & Warnungen

  • Importieren Sie eine Bitmap als die Füllfarbe für Ihren Button verwenden, wenn Sie etwas besondere, wie Holz oder Metall zu machen wollen.