ANIMATE INITIATION : réalisation de contenus interactifs en HTML5 - 3 jours (21h) - en présentiel ou à distance

Savoir réaliser du contenu HTML 5 animé et interactif en toute simplicité.

PRÉPARATION DU TRAVAIL :

- Approche globale de la conception animée.
- Mise en place d’un plan de réalisation.
- Rassemblement et préparation des éléments textes, images, illustrations, etc…

LES BASES DE LA RÉALISATION :

- L’interface du logiciel.
- Les différentes fenêtres de l’application.
- Les différents outils de dessin.
- Le choix de la couleur.
- Le scénario, principes de construction de l’animation.
- Les images clés automatiques.
- Les transitions automatiques.
- Les accélérations.
- Utilisation de la Bibliothèque.
- Réalisation d’un symbole.
- Gestion du temps et des déplacements.

LES ÉLÉMENTS DE COMPOSITION :

- Importation d’une image.
- Gestion des textes et paramétrages typographiques.
- Principes de réalisation d’éléments imbriqués.
- Les formes, les groupes et les objets de dessin.
- Réaliser un symbole de type graphique.
- Utilisation des ombres et des coins arrondis.

ANIMATIONS & ACTIONS :

- Création d’images clés.
- Les effets d’animation avec la rotation, la transformation et la position.
- Les effets de transparence.
- Insertion d’une étiquette.
- Insertion d’un déclencheur.
- Insertion d’une durée.
- Partage d’effets de transition.
- Accélération et décélération des interpolations de mouvement.
- Réalisation d’ombres portées animées.
- Définition des noms d’occurrences.
- Principes de positionnement du code.
- Premières écritures de code JavaScript.
- Programmation d’actions sur le scénario et les éléments graphiques.
- Actions et interactivité sur les éléments d’animation.
- Pilotage de la tête de lecture dans le scénario.
- Faire un lien internet (url d’un site web ou d’une adresse email).
- Construction d’un menu de navigation.
- Recopier les animations, gain de temps.

EXPORTATION ET PUBLICATION

- Exportation en HTML 5 optimisé.
- Exportation en Package de déploiement animate (.oam compatible InDesign).
- Exportation en iBooks / OSX dashboard.
- Utilisation de la scène de préchargement.
- Utilisation de la scène de niveau inférieur.

EXERCICE PRATIQUE :

- Réalisation d’une présentation animée en HTML5, mini-site et de sa mise en ligne.