So erstellen Sie einen Adobe Flash Preloader-Bildschirm: 9 Schritte

2024 Autor: John Day | [email protected]. Zuletzt bearbeitet: 2024-01-30 07:23

Ein Flash-Preloader bindet Benutzer mit Ihrer Website ein, während sie noch geladen wird, indem eine Dateiladeleiste angezeigt wird, die den Fortschritt der Website aktualisiert. Hier ist, wie man einen macht. Sie werden brauchen

• Ein Computer mit Internetzugang
• Adobe Flash CS4
• Eine bestehende Actionscript 3.0-Website

Schritt 1: Schritt 1: Öffnen Sie Ihre Flash-Dateien

Starten Sie das Programm Adobe Flash CS4 und öffnen Sie die Dateien Ihrer Flash-Website. Wechseln Sie das Arbeitsbereichslayout, indem Sie auf das Dropdown-Menüfeld oben links in der Menüleiste klicken und Designer auswählen.

Schritt 2: Schritt 2: Leere Keyframes hinzufügen

Wählen Sie im Schnittfenster alle Ebenen aus, indem Sie die oberste Ebene markieren, die Umschalttaste gedrückt halten und die untere Ebene markieren. Klicken und ziehen Sie den ersten Frame der obersten Ebene um einen Frame nach rechts, um am Anfang jeder Ebene einen leeren Frame zu erstellen.

Schritt 3: Schritt 3: Erstellen Sie die Ladeleiste

Erstellen Sie die Ladeleiste. Markieren Sie zuerst die unterste Ebene der Zeitachse und wählen Sie im Werkzeugbedienfeld das Rechteckwerkzeug aus. Ändern Sie dann in den Eigenschaften die Farben des Rechteckstrichs und der Füllung sowie die Größe des Strichs. Zeichnen Sie ein Rechteck in die Mitte Ihrer Webseite. Achten Sie darauf, dass das Rechteck und der Strich nicht mit dem Hintergrund der Webseite verschmelzen. TIPP Wenn Sie sich nicht sicher sind, was ein Symbol in einem der Bedienfelder bedeutet, halten Sie den Mauszeiger darüber, um eine Beschreibung anzuzeigen.

Schritt 4: Schritt 4: Konvertieren Sie die Umrisse der Ladeleiste

Konvertieren Sie den Umriss der Ladeleiste in einen Movieclip. Wählen Sie das Auswahlwerkzeug aus dem Werkzeugmenü und doppelklicken Sie auf das Rechteck, so dass der gesamte Umriss ausgewählt ist. Drücken Sie F8, um das Fenster „In Symbol konvertieren“aufzurufen. Ändern Sie den Namen in „Outline“und ändern Sie den Typ in „Movie Clip“. OK klicken.

Schritt 5: Schritt 5: Konvertieren Sie den Ladebalken

Geben Sie eine allgemeine Beschreibung des Schritts Klicken Sie auf die Mitte des Rechtecks und drücken Sie F8, um es ebenfalls in ein Symbol umzuwandeln. Ändern Sie den Namen in Rechteck und ändern Sie den Typ in Movie Clip. Wählen Sie für Registrierung das mittlere Quadrat ganz links aus. Klicken Sie dann auf OK. Wechseln Sie nun zum Eigenschaftenbedienfeld und ändern Sie den Instanznamen in „rechteck_clip“.

Schritt 6: Schritt 6: Erstellen Sie den prozentualen Text

Wählen Sie das Textsymbol aus Tools. Passen Sie die Attribute für Ihren Text unter Eigenschaften an und stellen Sie sicher, dass die Option text-tool auf dynamic text eingestellt ist. Zeichnen Sie in Ihrem Dokument direkt unter dem Rechteck ein Textfeld. Dadurch zeigt das Eigenschaftenbedienfeld die Eigenschaften für das Textfeld an. Ändern Sie in diesen neuen Eigenschaften den Instanznamen in text_clip.

Schritt 7: Schritt 7: Schreiben Sie die "Stopp"- und "Ereignis"-Skripte

Stellen Sie sicher, dass das erste Bild der unteren Ebene im Zeitleistenfenster ausgewählt ist, und drücken Sie F9, um das Aktionenfenster aufzurufen. Schreiben Sie in der ersten Zeile ein Stopp-Skript, das das Radfahren der Webseite verhindert. Drücken Sie die Eingabetaste, um zur nächsten Zeile zu springen, und fügen Sie ein Skript hinzu, das der Webseite eine Ereignisfunktion zuweist. Rufen Sie die Funktion preload1 auf. Drücke Enter.

Schritt 8: Schritt 8: Schreiben Sie das "Funktions"-Skript

Schreiben Sie die Funktion preload1, die zwei Variablen enthält: eine, die die Gesamtzahl der Bytes für die Webseite zurückgibt, und eine, die zurückgibt, wie viele dieser Bytes geladen wurden. Die Funktion legt dann die Ladebalkengröße und den Prozenttext fest, um darzustellen, wie viele Bytes geladen wurden. Der letzte Teil der Funktion weist Flash an, zum zweiten Bild der Timeline zu gehen und es abzuspielen, sobald das gesamte Dokument geladen wurde. TIPP Um eine Vorschau des Dokuments in Aktion anzuzeigen, gehen Sie im oberen Menü zu Steuerung, Film testen.

Schritt 9: Schritt 9: Veröffentlichen und hochladen

Veröffentlichen Sie die Website, indem Sie zu Datei, Einstellungen für Veröffentlichungen gehen. Stellen Sie sicher, dass sowohl die SWF- als auch die HTML-Kästchen aktiviert sind. Benennen Sie beide Dateien um und wählen Sie einen Speicherort aus. Klicken Sie dann auf Veröffentlichen und laden Sie alle veröffentlichten Dateien auf Ihren Webserver hoch. Um auf die Flash-Seite zuzugreifen, navigieren Sie zur HTML-Datei auf Ihrem Webserver.