ArchivesAstucesLogicielsRessourcesTutorielsWeb

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.

A LIRE AUSSI :  Paint.NET: un outil d'édition et de retouche d'image gratuit

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+).

Tags

Amah

Passionné de nouvelles technologies, je partage ici des innovations technologiques qui impactent notre quotidien, ainsi que des astuces & outils pour simplifier notre vie à l'ère du numérique. Tech addict & casual dev | Interested by Technology, Energy & Africa

Articles similaires

4 commentaires

  1. 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

Laisser un commentaire

Votre adresse de messagerie ne sera pas publiée. Les champs obligatoires sont indiqués avec *

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

 

Ce site utilise Akismet pour réduire les indésirables. En savoir plus sur comment les données de vos commentaires sont utilisées.

Bouton retour en haut de la page
Fermer