Adobe Animate CC : créer des animations visuelles pour le web
Objectifs de formation :
- Réaliser et diffuser des bannières animées pour le web
- Intégrer des comportements interactifs simples dans les contenus animés
Pour qui ?
Webdesigners, infographistes, webmasters, chargés de communication numérique, webmarketers, toutes personnes souhaitant créer des animations pour diffuser sur des pages web
Prérequis :
Pratique de la bureautique et bonne connaissances du web, notions de graphisme ou de vidéo
Programme de la formation :
Journée 1
Comprendre les formats et les enjeux de la création de visuels animés pour le web
- Présentation des usages d’Adobe Animate
- Présentation de principes d’animation visuelle
- Comprendre les formats d’animation pour le web
Prendre en main l’interface d’Adobe Animate
- Manipuler le scénario d’animation
- Utiliser les outils de dessin
- Placer des objets sur la scène
- Utiliser le panneau de propriétés
- Importer des fichiers visuels ou sonores
Créer et utiliser les symboles et les objets
- Créer et manipuler des objets
- Créer des symboles
- Comprendre les différents types de symbole
Animer simplement des objets
- Créer une animation image par image
- Réaliser une interpolation de mouvement
- Réaliser une interpolation de forme
Utiliser le texte dans Animate
- Comprendre les différents types de texte
- Créer des objets textes
- Importer des polices
Mise en pratique 1 : créer une animation de publicité avec apparition de textes
Enrichir les techniques d’animation
- Utiliser des masques
- Utiliser des guides de mouvement
- Utiliser des présélections de mouvement
- Mettre en place des accélérations et décélérations dans les animations
- Créer des animations imbriquées
Mise en pratique 2 : créer une bannière publicitaire animée avec images et textes
Journée 2
Créer des effets d’animation 3D
- Utiliser la fonction d’interpolation 3D
Mise en pratique 3 : animer un personnage
Intégrer de l’interactivité dans l’animation
- Créer des liens hypertextes vers d’autres pages
- Utiliser les fragments de code
- Créer des interactions pour se déplacer dans l’animation
- Créer des interactions pour transformer des objets
Intégrer du son dans une animation
- Intégrer du son dans le scénario
- Déclencher du son par un interaction
Mise en pratique 4 : création d’une animation interactive avec effet parallaxe
Exporter l’animation
- Comprendre les différentes options d’exportation
- Exporter au format oam
- Exporter au format webgl ou HTML5 Canvas
- Exporter au format vidéo ou gif animé
- Intégrer des scripts de détection de navigateur
- Optimiser la publication sur le web
Mise en pratique 5 : exporter une animation et la publier sur une page web
Durée : 14 heures
demander des renseignement sur cette formation
Exportation et optimisation
Fichier éditable, fichier compilé, exécutable (animation offline)
Intégration HTML
Contrôle de la bande passante
Principes d’optimisation (poids, organisation, travail en équipe)
Principes de fluidité
Préchargement d’animation simple
Choix d’entrée de site, compatibilité et méthode de détection (Express Install)