Formation à la communication digitale et réalisation de sites web à Bordeaux

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)