You cannot copy content of this page

Tolle Animationen ohne Flash mit dem WebAnimator

/
Januar 14, 2015

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.

webanimatorIm 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

 

  • Description
  • Socials
  • Recent Post
  • Comments

37j, Blogger, Webmaster, Betreiber von Foren, Wikis, Projektverwaltungsprojekten mit JIRA, Bitbucket, Confluence, OpenProject, Phabricator und Gitlab Server. Ich finde einen grossen Gefallen an der gegenseitigen Vernetzung und dem Netzwerken mit den zahlreichen BloggerInnen. Ich mache bei Blogparaden mit, promote diese und halte meine Stammleserschaft auf dem Laufenden. Dieses Internetblogger.de-Blog stellt eine Kombination aus Blog und CMS-Shop dar. Im Shop findest du einige CMS-Produkte, die du bestellen kannst.

--------------------------------
Kontakt:
Alexander Liebrecht Internet Services
Alte Warnemünder Ch. 25
18109 Rostock
Germany
Telegram Web: +49 152-05854957
Mail: alexanderliebrecht@internetblogger.de

-------------------------------
Portfolio:
Blog >> INTERNETBLOGGER.de
Forum >> Zum CMS-Forum
Bolt Dienstleistungen>> Bolt Dienstleistungen
Confluence Server >> Confluence Server
Naturprodukte-Shop >> Naturprodukte - Schönheitsprodukte-Shop

27 Comments

  1. Karl - Januar 15, 2015

    Okay, wirklich interessant. Ich habe lange mit Flash gearbeitet, bevor es im Web an Akzeptanz verloren hat. Einige der Möglichkeiten mit diesem Tool sehen vielversprechend aus. Werd’s mal antesten…

    Reply
  2. Oliver - Januar 15, 2015

    Sieht nach einem professionellen Tool aus. Werde ich mir mal angucken.
    Ich habe früher viel mit Flash-Animationen gearbeitet, möchte aber in Zukunft verstärkt auf HTML5 setzen, um responsive Websites zu erstellen.

    Reply
  3. Steven von Blogger-Tipps - Januar 17, 2015

    Hört sich ja gar nicht schlecht an. Ich schau mir das dann auch mal an 😉

    Reply
  4. shopwhisky.de - Januar 17, 2015

    Das kann man bestimmt mal irgendwann mal gebrauchen.
    Da hast Du wieder was schönes gefunden und erklärt.

    Grüße
    Lothar

    Reply
  5. Jonas - Januar 17, 2015

    Danke für den Tipp, dass ist mehr oder weniger genau das was ich gesucht habe um ein paar Werbeanimationen zu erstellen.

    Reply
  6. you-big-blog - Januar 17, 2015

    Guter Tipp Alex, Danke. Aber so ein WebAnimator ist gar nicht so billig. Andereseits ein guter Banner erstellen lassen, kostet noch mehr.

    Grüß
    Viktor

    Reply
  7. Alexander - Januar 18, 2015

    Ja, der WebAnimator kostet Geld und ich würde es nur einsetzen, wenn ich wirklich jeden Tag damit herumwerkeln müsste. Da ich aber mit Webanimationen nicht arbeite, werde ich da auch nichts kaufen.

    Die Bannererstellung ist nicht billig, stimmt!

    Reply
  8. Simon - Januar 19, 2015

    Cooles Tool. Muss ich mir mal genauer ansehen.
    Hab schon länger nach einem Tool für Flash-Banner gesucht 🙂

    Reply
  9. Sebastian Stein - Januar 19, 2015

    Vielen Dank für den Tipp..!

    Ich habe sowas schon länger gesucht.. Hab mir jetzt mal die Testversion runtergeladen und muss sagen es ist schön einfach..!

    Ich denke, nächste Woche kann ich mehr Feedback geben!

    Reply
  10. Thomas - Januar 22, 2015

    Das ist ein interessantes Tool. Danke für die Info. Ich werde die Sache mal testen.

    Reply
  11. tageslichtwecker.eu - Januar 24, 2015

    Alex, wäre Super wenn Du auch mal über andere webanimations Tools bloggen könntest.
    Vielleicht findest Du ja die Zeit.

    Grüße
    Lothar

    Reply
  12. Alexander - Januar 28, 2015

    Hallo Leute,
    freut mich, dass ihr Interesse an dem Tool gezeigt habt und einfach mal testen. Jeder hat eigene Ansprüche und da muss man schauen, ob man es gebrauchen kann.

    @Lothar,
    ich schaue mal, was sich machen lässt. Weitere Webanimatoren gibt es ganz sicher und vielleicht auch kostenlose. Da muss man noch recherchieren.

    Reply
  13. perfect-seo.de - Januar 29, 2015

    ich schaue mal, was sich machen lässt

    Da würde ich mich freuen.

    Grüße
    Lothar

    Reply
  14. Jörg Kramenzki - Februar 8, 2015

    Hallo,

    danke für den tolle Tipp, höre gerade das erst mal etwas von einem solchen Web- Tool. Flash kann ich sowieso nicht, aber damit könnte man ja fast die gleichen Animationen machen.

    Reply
  15. Alexander - Februar 9, 2015

    Ja, Tools gibt es im Internet allerhand und da haben wir diesen Animator, welcher schon etwas taugt, aber eben nicht kostenfrei ist. Ich habe ja Lothar schon gesagt, ich schau mal bei Zeiten nach weiteren Tools, wenn ich dazu komme.

    Vielleicht gibt es ein OpenSource Tool für solche Vorhaben wie Web Animationen. Wäre schon nicht schlecht oder und solche Animationen kann man dann auf dem eigenen Blog zur Schau einbinden und so präsentieren.

    Reply
  16. Martin - Juli 2, 2015

    Hallo zusammen,
    habe auch mal ein wenig den WebAnimator plus ausprobiert. Leider hat es nicht geklappt, die fertige Animation in einer WordPress-Seite ablaufen zu lassen 🙁

    Hat da jemand von Euch schon Erfahrungen mit gemacht und ob das überhaupt funktioniert?

    Danke & Gruß
    Martin

    Reply
  17. Alexander - Juli 2, 2015

    Ich wollte ja nur auf das Tool aufmerksam machen und bin kein Webdesigner, sondern ein einfacher Internetnutzer mit ein paar Erfahrungen. Hinter diesem Link habe ich einen guten und ausführlichen Beitrag zu diesem Thema entdeckt und vielleicht kannst du dir das ansehen.

    Reply
  18. Will - Juli 31, 2015

    Irgendwie bekomm ich das nicht so hin wie oben. Welche Version benutzt du?

    Reply
  19. Alexander - Juli 31, 2015

    Hallo Will,
    ich nutzte in diesem Artikel WebAnimator Plus Version 2.0.4, was ich jetzt eben abgelesen habe. Ich habe auch eine Weile für die einfache Animation gebraucht, weil ich früher damit nie etwas am Hut hatte.

    Reply
  20. Keno - Februar 8, 2016

    Hi Alexander,

    vielen Dank für den Artikel.
    Was ich mich beim Lesen die ganze Zeit gefragt habe ist, warum man heute noch in eine Technologie investiert, die beim Kunden nicht zum Klick führt.
    Wenn ich Dich richtig verstanden habe, dann erstellt man mit dem Teil Flash Banner….aber Banner werden doch nachweislich kaum noch angeklickt…? Oder sehe ich den Wald vor lauter Bäumen nicht mehr?…
    Danke!

    Reply
  21. Alexander - Februar 8, 2016

    Hallo Keno,
    verstehe! Also ich weiss ja nicht, wie sehr man als Leser noch auf Banner klickt. Ich selbst klicke nicht mal auf Google Adsense. Jedoch falls man eine passable Animation braucht, so kann man sich zahlreicher Tools mitunter auch dieses Webanimators bedienen.

    Als Webmaster kann man so etwas gebrauchen. Der Reiz an Bannerwerbung beim Leser vergeht und so klickt man im Laufe der Zeit immer weniger darauf. Das könnte so stimmen. Vielleicht klicken neue Leser auf die Banner. Stats dafür habe ich keine.

    Reply
  22. Reinhard - Februar 9, 2016

    Hallo Alexander,
    würde sich dieses Programm auch eignen um so Animationen für Songs zu machen ? Ich betreibe ein Tonstudio und meistens ist kein grosses Budget für eine Videoproduktion da. Da ich alle meine Websites mit Website x5 gemacht habe, bekomme ich oft so Angebote für WebAnimator, da es ja von der selben Firma ( Incomedia ) vertrieben wird.
    Habe es bisher aber noch nicht geschafft das Demo zu testen.

    Hast du mittlerweile schon mehr damit gearbeitet ?

    Reply
  23. Alexander - Februar 9, 2016

    Hallo Reinhard,
    das ist eine gute Frage, die ich dir so nicht beantworten kann. Ich erstellte selbst nur zum Testen eine Animation und brauche beim Blogging und meinen Erfahrungsberichten keine animierten Inhalte. Vielleicht magst du den Webanimator selbst nochmals testen. Da wirst du gleich sichten können, was damit alles machbar ist.

    Ich arbeite mehr mit Screenshots, Tutorien und verschiedenen Anleitungen oder auch mit Code, um ein paar Beispiele zu bringen.

    Reply
  24. Ivan - November 6, 2016

    Hallo, vielen Dank für den interessanten Beitrag und die Vorstellung des Tools! Ich muss mir nur mehr noch überlegen wo ich die Animationen einsetzen werde … aber ansonsten wäre das schon eine tolle Sache finde ich 🙂

    Reply
    • Alexander - November 7, 2016

      Hallo Ivan,
      ich habe das Tool auch nur ausprobiert, setze es aber nirgends ein, weil ich nichts mit Animationen mache oder es auf meinen Projekten brauche. Es gibt Webseiten, wo Animationen durchaus zum Einsatz kommen. Zumindest wissen wir, dass es dafür passende Tools gibt.

      Reply
  25. Georg Schmidt - Februar 28, 2017

    wow danke echt tolle Infos, die man hier bekommt. Top Website, Top Inhalt.
    Viel Erfolg weiterhin

    Grüße Georg;)

    Reply
    • Alexander - März 1, 2017

      Georg,
      bitte etwas konstruktiver in den Kommentaren, denn sonst sieht es ganz schnell nach Spam aus und ich bin heute noch etwas gnädig. Beim zweiten Mal wird dein Kommentar gelöscht.

      Reply

Leave a Comment

Your email address will not be published.
Die folgenden im Rahmen der DSGVO notwendigen Bedingungen müssen gelesen und akzeptiert werden:
Durch Abschicken des Formulares wird dein Name, E-Mail-Adresse und eingegebene Text in der Datenbank gespeichert. Für weitere Informationen wirf bitte einen Blick in die Datenschutzerklärung.

Wir verwenden Cookies, um Ihnen die beste Online-Erfahrung zu bieten. Mit Ihrer Zustimmung akzeptieren Sie die Verwendung von Cookies in Übereinstimmung mit unseren Cookie-Richtlinien.

Privacy Settings saved!
Datenschutz-Einstellungen

Wenn Sie eine Website besuchen, kann sie Informationen über Ihren Browser speichern oder abrufen, meist in Form von Cookies. Steuern Sie hier Ihre persönlichen Cookie-Dienste.

Diese Cookies sind für das Funktionieren der Website notwendig und können in unseren Systemen nicht abgeschaltet werden.

Zur Nutzung dieser Website verwenden wir die folgenden technisch notwendigen Cookies
  • wordpress_test_cookie
  • wordpress_logged_in_
  • wordpress_sec

Wir nutzen WooCommerce als Einkaufssystem. Für die Warenkorb- und Bestellabwicklung werden 2 Cookies gespeichert. Diese Cookies sind unbedingt erforderlich und können nicht deaktiviert werden.
  • woocommerce_cart_hash
  • woocommerce_items_in_cart

Alle Cookies ablehnen
Alle Cookies akzeptieren