Vos animations sont prêtes, préparez l'affiche (l'image fixe la plus représentative) et insérez tout simplement votre rendu sous InDesign.

Il est souvent intéressant d'anticiper la dégradation du contenu sur des navigateurs anciens ou inadaptés.

Edge Animate peut aussi modifier et animer les éléments existants d'une page Internet.

On peut ajouter de l'interactivité à chaque élément d'une composition Edge Animate, soit via un curseur, soit via une action (click, touch, etc.) et renseigner le code choisi (ouvrir une URL, rejouer la scène…).

Au-delà des polices web-safe, de type Arial ou Times, Edge Animate nous donne accès à une multitude d'options pour enrichir nos compositions, depuis des typos libres et gratuites, téléchargeables ou encore sous abonnement.

Toute la partie compression des images se fait en amont de Edge (via Photoshop et Enregistrer pour le web).

Quoique sommaire, l'outil Texte permettra de placer des contenus de texte simples.

Les symboles permettent d'associer et de réutiliser plusieurs éléments. Ils simplifient le scénario de base et centralisent les actions et les animations.

La manipulation des éléments sur ma scène est très instinctive : sélectionner un objet, ou entrer dans un symbole, appliquer des transformations, ou écrêter (masquer) une partie de mon objet, je peux tout modifier et animer à souhait.

Puisqu'il s'agit ici d'animer, nous disposons ici d'une vue efficace et colorée, calée sur la grille de temps, avec la punaise de verrouillage et les transitions.

Au choix, via le menu Fichier/Importer, ou par glissement depuis le bureau, Edge génère automatiquement une copie dans le répertoire de ma scène.

L'animation dans Edge Animate peut être réalisée en automatique, via des images-clés, ou par le biais des propriétés d'objets. Edge Animate génère lui-même les transitions.

Regardons ici rapidement comment réaliser une animation simple dans Edge Animate, à base d'images, de web fontes, de sa création à sa publication.

Edge Animate est un outil dédié à la création d'animation HTML5, CSS3, JavaScript. Procédons ici à un petit tour d'horizon à l'appui de différents exemples de réalisations que vous pourrez retrouver sur le site html.adobe.com.