Selteco Flash Designer Animation

Um die Animation an eine Seite einbinden, kopieren Sie folgenden Code:

<OBJECT CLASSID="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
WIDTH="180" HEIGHT="180"
CODEBASE="http://active.macromedia.com/flash5/cabs/swflash.cab#version=5,0,0,0">
<PARAM NAME="MOVIE" VALUE="t1002.swf">
<PARAM NAME="PLAY" VALUE="true">
<PARAM NAME="LOOP" VALUE="true">
<PARAM NAME="WMODE" VALUE="opaque">
<PARAM NAME="QUALITY" VALUE="high">
<EMBED SRC="t1002.swf" WIDTH="180" HEIGHT="180" PLAY="true" LOOP="true" WMODE="opaque" QUALITY="high"
PLUGINSPAGE="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash">
</EMBED>
</OBJECT>

SWF-Datei t1044.swf muss sich in demselben Ordner wie die HTML-Datei der Seite befinden.
SWF-Datei muss auf den Server geladen werden.

Anwenden Sie eine Flashanimation (SWF-Datei) als Hintergrund einer HTML-Seite. Sie müssen nur das SWF-Objekt im HTML-Code in einem DIV Element einfügen. Das DIV Element sollte absolut positioniert und mit z-index in den Hintergrund gebracht werden, damit Flashanimation unter anderen Elementen liegt.

Verwerden Sie DIV Element mit folgenden Attributen: 

<div style="position:absolute; top:0; left:0; z-index:-1">
<OBJECT CLASSID="clsid:D27CDB6E-AE6D-11cf-96B8-444553540000"
WIDTH="1024" HEIGHT="800"
CODEBASE="http://active.macromedia.com/flash5/cabs/swflash.cab#version=5,0,0,0">
<PARAM NAME="MOVIE" VALUE="t1044.swf">
<PARAM NAME="PLAY" VALUE="true">
<PARAM NAME="LOOP" VALUE="true">
<PARAM NAME="WMODE" VALUE="opaque">
<PARAM NAME="QUALITY" VALUE="high">
<EMBED SRC="t1044.swf" WIDTH="1024" HEIGHT="800" PLAY="true" LOOP="true" WMODE="opaque" QUALITY="high"
PLUGINSPAGE="http://www.macromedia.com/shockwave/download/index.cgi?P1_Prod_Version=ShockwaveFlash">
</EMBED>
</OBJECT>
</div>

  1. Erstellen Sie ein neues Projekt im Flash Designer und stellen Sie die Framegröße auf 1024 x 800 Pixel ein, indem Sie "Frame" > "Framegröße" wählen.
  2. Animation sollte beim ersten Frame anhalten. Wählen Sie "Stop" aus der Dropdownliste "Dauer" in der "Frames" Palette aus.
  3. Zeichnen Sie einen Kreis mit dem Ellipsewerkzeug, indem Sie die STRG-Taste halten.
  4. Im Programmmenü wählen Sie "Objekt" > "Farbverlauf"
  5. Im neu geöffneten Fenster definieren Sie einen beliebigen Farbverlauf (Farbe im Beispiel: #8488FF):

  6. Platzieren Sie den Kreis außerhalb des unteren Framerands.
  7. Klicken Sie mit der rechten Maustaste auf den Kreis und wählen Sie "Intro" > "Intro Animation". Ein neues Fenster wird geöffnet, in dem die Animation eingeschaltet und definiert wird. Markieren Sie das "Animation einschalten" Ankreuzfeld. Aus der Dropdownliste wählen Sie "Fliegen" aus und die Richtung der Animation stellen Sie auf "Nach oben" ein. Damit die Animation unendlich in einer Schleife abgespielt wird, wählen Sie "Objekt" > "Sprite Animation / Schleife".
Drücken Sie F9 um die Animationsvorschau anzusehen.

Vervielfältigen Sie den Kreis, indem Sie "Bearbeiten" > "Verdoppeln" wählen. Erstellen Sie so viele Kopien Sie wollen und skalieren Sie jede Kopie auf zufällige Weise. Alle Kreise sollten unterschiedliche Animationsdauer haben. Sie können es einstellen, indem Sie für jeden Kreis "Intro" > "Intro Animation" wählen und die Dauer ändern (wählen Sie Werte zwischen 2.5 und 4 Sekunden).

Um die Animation en Ihre Webseite einzubinden, wählen Sie "Datei" > "Flash SWF-Datei exportieren". Dann wählen Sie "Datei" > "HTML Code ansehen", kopieren Sie den Code in die Zwischenablage und fügen Sie ihn in Ihre Webseite. Sie müssen noch das DIV Element hinzufügen.

Laden Sie fertige Projektdatei zu dieser Anleitung: t1044.zip (1 KB)