Animierte Buttons mit vielen Bildern?

[ray2mi]

Hallo
Ich muss für die Schule eine Website Project machen. Ich möchte für die Startseite einen Enter Button entwerfen.
Dieser soll aus einer Animation bestehen. Diese Animation soll wie folgt ablaufen.
Gehe ich mit Maus über den Button so sollen sich (wie unten gezeigt) die Seiten der Kugel nach links bzw. rechts auseinander bewegen, und wenn ich mit der Maus wieder runter gehe, dann sollen sie wieder zusammen gehen (die Animation soll also rückwärtz laufen).

Das nexte Ding ist, dass, wenn ich nun drauf klicke, auf den Button, so sollen die nexten Bilder abgespielt werden (sprich diese Wellen) und dann sollte man auf die Seite gelangen.

http://fc01.deviantart.com/fs13/f/2007/017/0/c/buttons_by_Ray2mi.jpg

Kann mir jemand sagen wie das geht, wo ich ein ordentliches Tutorial herbekomme oder vieleicht gibt es ja auch eine simplere Methode das ganze zu realisieren.
Ich danke euch schonmal
Ray

 

[Tobias Menzel]

Hi,

die Wellen könntest Du mit dem DisplacementMapFilter erstellen (oder als Einzelbildanimation importieren) und die einzelnen Teile der Kugel mit einem Bewegungstween oder per Script bewegen.

Ich kann Dir morgen gerne ein Beispiel posten.

Gruß
.

 

[ray2mi]

das wäre super, denn ich habe grad nicht sehr viel vertsanden

 

[Tobias Menzel]

Hi,

im Anhang findest Du das Beispiel. Ich hoffe, Du hast es so in der Art gemeint.

Statt einem DisplacementMapFilter habe ich für die Wellen einen BevelFilter und einen BlurFilter verwendet.

Gruß
.

 

[ray2mi]

wow, danke, das ding ist cool aber ich weiß nicht so genau wie man das hinbekommt
gibt es zu soetwas ein tut?

 

[Tobias Menzel]

Hi,

es gibt nicht für jede Animation oder jeden Button ein eigenes Tutorial. Wenn Du die nötigen Grundlagen kennst (und die eignest Du Dir an, indem Du alle möglichen Turorials durchgehst, die Referenz und das Forum liest und selbst eine Menge ausprobierst), ist es kein Problem, das Gelernte auf beliebige Aufgabenstellungen anzuwenden.

Im Übrigen liegt Dir die Quelldatei (fla) ja vor - Du kannst sie in aller Ruhe auseinandernehmen und nachvollziehen, was ich gemacht habe.

Gruß
.