Formation Animate Perfectionnement

Inscription

Contactez-nous directement pour connaitre les modalités de mise en place de cette formation.

Présentation

Vous souhaitez aller plus loin dans vos créations d’animation Canvas HTML et dépasser le simple cadre des objets et des images clés du scénario principal afin d’automatiser certains effets et ajouter de l’interactivité et de l’intelligence à vos scénario. L’intégration du langage JavaScript via des exemples concrets en intégrant la logique spécifique à Animate est donc un impératif pour vous. Le code JS apparaitra au novice sous un nouveau jour où l’imbrication de l’efficacité avec la créativité deviendra une évidence.
De plus, l’importance de la propreté des animations est aussi une de vos priorités. La scénarisation, le timing, le choix des interpolations de mouvement et le lissage des vitesses sont autant de points incontournables.

Objectifs pédagogiques

À l’issue de cette formation vous serez capable de :

Créer des animations avancées
Gérer des scénarios complexes
Intégrer des éléments interactifs
Travailler avec des symboles et instances
Importer et utiliser des médias
Publier des animations

Pré-Requis
Maîtrise des fonctions de base d’Animate telles que la création de symboles et la gestion des images clés et des interpolations de mouvement classiques. Des connaissances sur Photoshop et/ou Illustrator sont fortement conseillées.

Contenu de formation

Rappel des bases

Logique d’une animation Canvas HTML
Principe des symboles et gestion du scénario

Lister les fonctions avancées en amont

L’inclusion de symboles
Animation de propriétés via JS
Duplication de symbole par JS
Création d’un symbole et ajout de texte/de dessins en JS
Ajout de déclencheur lié à la timeline
Ajout de déclencheur lié à une interaction utilisateur
Ajout de déclencheur lié à une propriété
Ajout d’un écouteur

Scénariser avant d’agir

Définition du scénario principal
Animation de chaque élément (story-board du Motion Design)
Compréhension des lissages de vitesse
Repérer les animations complexes
Mise en corrélation animation / fonctions avancées Animate

Préparer son contenu

Insertion d’image optimisée
Insertion d’Illustration Illustrator

Découpage en symboles / calques et inclusion
Utilisation optimisée des fonctions graphiques d’Animate (transparence, masque, chemin…)
Incompatibilité Animate/HTML