Button Animation

[meikel]

hi@all,

mal sehen ob ich es verständlich erklären kann.

also, ich habe einen button mit verschiedenen beschriftungen.
der button soll sich bei rollover verändern (immer der gleiche effekt)

die bezeichnungen auf dem button haben einen anderen animierten effekt.

kann ich alle animationen in einem dokument realisieren?

button unterste ebene, 3 bilder für den effekt = 3 frames belegt.
jetzt, 8 verschiedene button beschriftungen, die unterschiedlich animiert werden müssen.

dazu brauche ich ja auch wieder frames, also z.b. 4-5-6-7 für beschriftung 1

frame 8-9-10 für beschriftung 2 usw.


usw.....



geht das, oder muss jeder button in einer datei animiert werden?


danke,
meikel

[Rea]

o gott, meikel, was tust du da...

Also, wenn du nur fragst, ob das alles in einem dokument
realisiert werden kann, dann lautet meine antwort ohne zu
zögern freudig: JA!



Hier, kriegst auch ne große Packung



So, viel Spaß!

[Andi]

muss ich Rea recht geben, in einem Dokument gehts sicher

Aber ich denke, das ist nicht das was du meinst oder?

Nur solltest du dich schon bisschen genauer ausdrücken, weil:

Einmal sprichst du von nur "einem" Button, dann heißt es:

geht das, oder muss jeder button in einer datei animiert werden?

Ja wie nun, einer nur oder mehrere
Zumal 8 verschiedene Buttonbeschriftungen. In einem einzelnen Button etwa?

Ich für meinen Teil blick das nicht so richtig, was du willst.

Vorweg, wenn du nur einen machst, dann kannste Schrift und z.B. Buttonhintergrund - scheinbar - getrennt animieren, aber eben nur scheinbar. Letztendlich haste so und soviel Frames die in einer Animation vom ersten bis zum letzten durchgeleiert werden. Hier ist die Frage wie du das - scheinbar - am besten anstellst. Aber bevor ich hier groß was schreiben kann, sag erstmal um wieviel Button es sich handelt

Was du mit Sicherheit brauchst, eine normal Grafik und deine Animation (en). Also schon mal zwei Dateien. Weil du ganz einfach die Animation an sich nicht per Rollover steuern kannst, du musst das mit Bildaustausch machen.

Gruß Andi

[meikel]

ok, ich habe einsicht und versuchs noch einmal.

also, ich wollte wissen, ob ich in einem dokument eine buttonanimation anlegen kann, z.b.
frame1 = original
frame2 = breiter
frame3 = button wird breiter und höher

das ist meine basis-animation für den button.
gleichzeitig habe ich aber 8 verschiedene buttonbeschriftungen, die ebenfalls durch vergrösserung animiert werden. auch hier ist der effekt immer gleich, nur der inhalt wechselt.
also, 3 frames für meier, 3 frames für müller usw.

am ende brauche ich halt 8 buttons, die alle exact gleich animiert sind.
nur hat jeder button eine andere beschriftung.


ich habe mir gedacht, mann könne die button-animation (siehe 1-3) sozusagen als hintergrund anlegen und die text-anis dann darüber plazieren und somit immer buttonani (1-3) und die entsprechende textani zusammen exportieren.
die ani läuft theoretisch wie folgt ab:
frame 1-3 in verbindung mit frame 4-6 (meier animiert)
frame 1-3 in verbindung mit frame 7-9 (müller animiert)
frame 1-3 in verbindung mit frame 10-12 (lüdenscheidt animiert)

geht das alles in einer fireworks-datei?


ok, wenn ich das jetzt auch noch mißverständlich geschildert haben sollte, dann vergesst es einfach ;-)

trotzdem danke für die geduld!


meikel

[Rea]

kleine zwischenfrage:
arbeitest du zuzüglich mit dem dw zusammen?

Rea

[meikel]

nein, kein dw.

ich möchte die ani in fw aufbauen und dann jeweils als gif-ani sichern,

gruss,
meikel

[Andi]

ich versuchs mal zu verstehen

frame 1-3 in verbindung mit frame 4-6 (meier animiert)
frame 1-3 in verbindung mit frame 7-9 (müller animiert)
frame 1-3 in verbindung mit frame 10-12 (lüdenscheidt animiert)

wenns das ist, was ich denke zu verstehen, geht das nicht.
Das geht deshalb nicht, weil du am Ende insgesamt 12 Frames hast und die natürlich nur insgesamt in einer einzigen Animation gespeichert werden können.

Du kannst das natürlich so anpassen, das ab Frame 4 müller erscheint, ab Frame 7 meier, ab Frame 10 schulze und jeweils auch der Button ab den entsprechenden Frames größer oder kleiner wird, nur kriegst du das nicht getrennt und das solls doch gerade sein oder?

Hast ja gesagt: Immer die selbe Animation nur mit jeweils anderer Beschriftung. Am Ende also eine komplette Animation für Müller, eine für Meier und eine für Schulze usw.

Das geht eben nicht.

Was du machen kannst, eine Animation für alle mit Hilfe von Grafik-Symbolen. Das hätte den Vorteil, das du z.B. beim Ändern des Namen Meier in Schulze, nur das entprechende Symbol bearbeiten musst und nicht wieder die komplette Animation.

Dazu mach dir einfach deine normale Ausgangs-Buttongrafik ohne was zu animieren. Aber beachten, das darf kein richtiger Button sein, nur eben so aussehen (warum, am Schluss). Biste damit fertig, konvertier die gfx in ein Grafiksymbol. Lösch die von der Leinwand. Dasselbe nochmal mit dem Text machen. Am Ende musste zwei GFX-Symbole in der Bibliothek haben.

Nu füg einfach 3 leere Frames hinzu. Jetzt in jeden Frame die zwei Symbole aus der Bibliothek reinziehen und dir ganz normal größerziehen ab Frame 2, Effekte hinzufügen oder was de eben willst.

Ich meine damit nur eins: Du animierst die Symbol-Instanzen, nicht die Originalgrafiken/Texte. Wenn du jetzt aus Meier - Schulze- machen willst, editier einfach das Original-Symbol aus der Bibliothek, welches deinen Text enthält.

Dann normal als animiertes gif exportieren.

Wenn du meinst, es reicht auch ein Animationssymbol generell zu erstellen, dann haste nix gekonnt in dem Fall. Du müsstest beim Bearbeiten jeden Frame einzeln ändern.

Am Schluss, speicher einfach als PNG. Damit haste immer die selbe Animation, wo du nur einmal den Namen ändern musst und dann nochmal exportieren. Selbst das könnte man noch automatisieren, aber ich hab genug vom tippen heute

Falls das noch net so richtig klar ist, Button und Animation im HTML dann trennen. Bedeutet, die Animation per Bildaustausch laden. Du kannst in Fireworks nur eins machen, entweder nen richtigen Button oder ne Animation. Das sind zwei völlig unterschiedliche paar Stiefel. In der Website siht man das aber nicht mehr.

Hab ich dich nu überhaupt richtig verstanden?

Gruß Andi