Tolle Animationen ohne Flash mit dem WebAnimator

Hallo liebe Leser und Freunde des Feedbacks! Wie bereits im letzten Artikel angedeutet, kommt hier ein Blogpost über den von mir entdeckten WebAnimator. Das Ganze findet ihr nochmals auf dieser Webseite. Und ich möchte euch nur darauf aufmerksam machen.

Meine allererste Animation findet man hinter diesem Link. Darauf ist ein Banner zu sehen und auf dem habe ich einen verlinkten Text platziert. Solche und viel komplexere Animationen lassen sich mit dem WebAnimator erzeugen. Das Ganze kann dann mit den gängigen Browsern angesehen werden.

Ich nutze zum ersten Mal solch ein Tool, weil ich mit Animationen nicht arbeite. Es ist einfach kein Bedarf, obwohl es auch zum Webmasterdasein etwas dazu gehören könnte. Bei diesem Tool, welches auch auf Deutsch genutzt werden kann, haben wir eine übersichtliche Benutzeroberfläche mit einem umfangreichen Set an Features. Man kann sich einiger Vorlagen bedienen und hat so eine Grundlage. Die Animationen lassen sich als Projekte auf dem Lokal-PC abspeichern. Dann wenn man fertig ist, kann man einen HTML5 Export machen.

Es wird dabei ein Ordner mit den Dateien erstellt, wobei darunter auch eine .html-Datei ist, die ich oben mit meiner Animation verlinkt habe. Ich hab diese Datei einfach in das Root-Verzeichnis dieses Blogs hochgeladen und schon konnte man sie über den Browser aufrufen.

Ich zeige euch mal einen Screenshot aus dem Tool, auf welchem meine Arbeit mit der ersten Animation zu sehen ist.

Im Tool in den Vorlagen kann man wählen zwischen einer Standard-Vorlage, einer Diashow, einer Produkt Präsentation, einem bewegten Hintergrund und dem Zoomen & Drehen. Damit lassen sich schöne Animationen erzeugen und dann publizieren. Es gibt eine Hauptzeitleiste, wo man sekundengenau arbeiten kann. Bei den einzelnen Schritten einer Animation lässt sich mit Effekten arbeiten. Man kann Text verlinken, Bilder, Videos oder Audios einfügen. Auch Schaltflächen kann man in die Animation einbinden.

Es gibt ebenfalls die Javascript-Funktionen und wenn man sich wirklich auskennt, kann man damit einiges anfangen. Ich bin eher der interessierte Anfänger und habe nur eine sehr einfache Animation hinbekommen.

Ich habe in einem kleinen Tutorial auf der Herstellerseite gesehen, dass man mit den Optionen des Webanimators viel experimentieren muss. Es sind ziemlich viele Einstellungen möglich und so kann man sich eine Animation immer wieder in der Vorschau ansehen und dann die Einstellungen anpassen.

Wenn man mit der Zeitleiste arbeitet, lassen sich zahlreiche Eigenschaften wie Schatten, Reflexion und andere hinzufügen. Man kann auch mit Achsen arbeiten und etwas neigen oder drehen. Im Fazit ist es sehr umfangreich.

Ich würde sagen, man kann sich den Webanimator ansehen und man kann es sogar kostenlos eine Zeitlang testen und alles ausprobieren. Mir hat es gefallen, eine kleine Animation zu erstellen und ihr könnt euch entscheiden, ob es den Testversuch wert ist. Auf den Blogs sehe ich nicht oft animierte Bilder oder Banner, daher kommt es auf den Bedarf darauf an.

by Alexander Liebrecht