Formation Animate Initiation – Animations pour le web/supports mobiles

Objectifs

Vous souhaitez réaliser des animations pour le web sans passer par le format Flash et être ainsi compatible avec tous les types de supports de diffusion (PC, Mac, iPhone et iPad, tablette et smartphone Android).
Pour cela Adobe Animate vous permettra de générer le code HTML5 et Javascript sans connaissance particulière du code.
Prérequis
Maîtrise de l’outil informatique.

Contenu de formation

Préambule

• Les contraintes techniques de l’environnement matériel actuel
• Qu’est-ce que le HTML 5 et les CSS3 ?
• Rappel historique les animations et Flash

Faire connaissance avec le logiciel

• Présentation de l’environnement de travail
• Personnalisation de l’interface
• Les éléments, les propriétés et le scénario

Créer un nouveau document

• Préparation des sources et méthodes de travail
• Paramétrage de taille, fond…
• Règles d’insertion dans un environnement défini
• Mise en place du préloader

Création d’éléments

• Création d’un texte
• Mise en forme du texte
• Limitation et ajout des polices web
• Création d’éléments avec les outils de dessin
• Personnalisation des dessins
• Gestion des superpositions (arrière et avant-plan)

Les images

• Contrôler la conformité technique des fichiers
• Adaptation de la taille et du format
• Insertion dans l’animation

Les symboles

• Présentation du principe d’imbrication
• Créer, modifier un symbole
• Création d’une scène de niveau inférieur

Personnalisation de l’aspect des éléments

• Modification de l’opacité, les couleurs (contours, fond) d’un élément
• Transformation des éléments
• Ajout de bords arrondis
• Effets d’ombre portée

Animation des éléments

• Introduction : la gestion du temps par les images clé
• Brainstorming : scénarisation de l’animation
• Les interpolations (forme, mouvement et classique)
• Présentation du « scénario »
• Paramétrage
• Ajouter des images clés
• Créer des déplacements d’éléments
• Modifier les apparences d’un élément
• Modification d’accélération de mouvement
• Animation par squelette
• Ajout et gestion de la “Caméra”

Pilotage de l’animation

• Ajout de déclencheurs
• Sélection des actions
• Personnalisation des actions
• Ajout d’actions Javascript personnalisées

Exportation d’un projet

• Publier pour le Web
• Publier pour InDesign/DPS
• Publier pour iBook/OS X