A5 HTML5 Animator: créer des animations pour vos sites web

A5 HTML5 Animator: créer des animations pour vos sites web

Le HTML5 couplé au CSS3 permet de réaliser des sites dynamiques sans utiliser Flash mais requiert des connaissances de développeur. A5 HTML5 Animator se propose donc de vous aider à créer vos animations sans écrire une ligne de code.

Comment ça marche?

Il s’agit d’un logiciel disponible en anglais et uniquement sur PC. L’interface est assez similaire à celle de Flash et ne dépaysera donc pas les habitués. On retrouve divers boutons de fonctions au dessus, les objets à animer (image ou texte) sur des calques à gauche ( comme sur Photoshop) et une « timeline » en bas pour régler les débuts/fins/durées/transitions des animations de chaque objet.

A5 HTML5 Animator : Présentation de l'interface

A5 HTML5 Animator : Présentation de l’interface

Que propose-t-il?

Divers effets sont proposés tels que les déplacements d’objets par la définition de trajectoires, les évolutions d’objets au cours de leur déplacement (changement de taille, rotation), les apparitions (fade in, fade out). Tout cela est géré à partir de la « timeline » en bas sur l’interface en définissant des « keyframes » correspondant à des moments clés de l’animation.

Il est possible de sauvegarder une série d’animations dans la bibliothèque(« Library » sur la droite) et de la ré-appliquer à un objet d’un autre projet, ou encore de passer en mode « Record » et de générer les keyframes de la timeline de façon automatique.

L’animation peut être visualisée à tout moment à partir du bouton « play » juste au dessus de la timeline ou directement dans un navigateur en sélectionnant « Preview » dans la barre de menus. Toutes les fonctionnalités sont consultables sur la fiche produit.

Une fois votre animation réalisée, le bouton « HTML5 export » permet de generer le page html à intégrer à votre page avec un dossier comprenant les fichiers CSS et JS. On obtient ceci:

 

Ou le télécharger?

L’A5 HTML5 Animator est disponible depuis le 05 Novembre 2012 sur le site todate.fr de l’éditeur DATA BECKER. Vous y trouverez une version d’évaluation et ainsi que divers tutoriels vidéos.

Ayant eu la chance de participer à la période de Beta Test de l’A5 HTML5 Animator, j’ai la possibilité de vous obtenir des bons de réduction, voire vous faire gagner des licences via un jeu-concours.

Dites-moi ce qui vous intéresserait le plus entre les deux choix en laissant des commentaires ici ou via les réseaux (Twitter ou Google+).

Vous avez trouvé cet article utile? Partagez le !

4 Comments

  1. Christian Bersano
    Christian Bersano03-21-2013

    Salut
    Allez on tente, on irait vers les bons de réduction…
    Pour l’instant j’essaye de faire un diaporama en html5…
    En tout cas merci pour le post sur A5 animator, cela a l’air d’un bon logiciel
    Christien Bersano

    • Metois
      Metois04-25-2013

      Bonjour
      Je vote pour gagner une licence.
      Mais une réduction se serais deja pas mal
      Merci pour l’infos je teste tout de suite

  2. mokrane
    mokrane06-02-2014

    vous avez aussi en ligne la plateforme pixappy gratuite voila le lien
    http://pixappy.com

  3. Frz
    Frz09-24-2016

    je suis tombé sur http://www.loxiastudio.com, j’aime bien, il y a plein de templates faciles à utiliser, et c’est gratuit (bon, ok avec leur logo, mais c’est pas cher pour le faire enlever). Que des anims 100% HTML5, ouf j’avais plein de slideshows Flash bloqués par Chrome

Leave a Reply

Petit défi pour filtrer les messages automatiques : * Time limit is exhausted. Please reload CAPTCHA.