Formation Animate CC - Animations interactives pour le Web – Centre de formation M2i
M2i Formation

Découvrez notre formationAnimate CC - Animations interactives pour le Web

Présentiel

3 jours (21 heures) - ANIM-INT

(10)
Accueil  ›  Formations Multimédia  ›  Web et Mobile Design  ›  Animation Web  ›  Animate CC - Animations interactives pour le Web

Objectifs pédagogiques

  • Concevoir et réaliser des animations au format HTML
  • Utiliser des fichiers Photoshop et Illustrator pour améliorer le workflow
  • Animer textes, images bitmaps et vectorielles
  • Intégrer des médias riches
  • Publier les animations en HTML 5 dans des pages Web.

Niveau requis

Avoir une connaissance de base de l'environnement HTML / CSS. La pratique courante d'un logiciel de dessin vectoriel et bitmap est souhaitable.

Public concerné

Webmasters, maquettistes, infographistes, responsables de communication, chefs de projets et directeurs artistiques.

Formation éligible au financement suivant :
ACAfdas

Paris Chaillot18/03/20201 290 € HTDates proposées dans les agences M2iRéserver
Paris Chaillot08/07/20201 290 € HTDates proposées dans les agences M2iRéserver
Paris Chaillot28/10/20201 290 € HTDates proposées dans les agences M2iRéserver

Sessions
planifiées
Sessions
ouvertes
Sessions
confirmées
Réserver
le stage

Création et publication, d'un document HTML 5 Canvas

  • Création d'un document HTML 5 avec l'API Canvas
  • Utilisation des fragments de code JavaScript
  • Migration de contenu existant vers HTML 5 Canvas

Flux de travail et espace de travail Animate

  • Flux de travail Animate
  • L'espace de travail : fenêtres et panneaux
  • Import des fichiers Illustrator et Photoshop

Utilisation du panneau Scène et Outils

  • Utilisation de la scène, mise à l'échelle, rotation de la scène
  • Panneau Outils et menus contextuels
  • Pinceaux vectoriels
  • Nuanciers balisés

Transformation et combinaison d'objets graphiques

  • Transformation des objets
  • Combinaison d'objets

Utilisation des occurrences et symboles

  • Création de symboles et d'occurrences
  • Propriétés et permutation des occurrences
  • Changement du type d'une occurrence

Utilisation de plusieurs scénarios

  • Clips imbriqués et hiérarchie parent / enfant

Animations interpolées classiques

  • Création et modification d'images-clés
  • Création d'un calque de guide d'animation
  • Guide d'animation basé sur
    • La largeur de trait variable
    • La couleur du trait
  • Accélération / décélération personnalisée

Animation d'interpolation de mouvement

  • Application de présélections de mouvement
  • Création d'une animation interpolée
  • Modification de la trajectoire de mouvement d'une animation interpolée
  • Modification des plages d'interpolation d'une animation dans le scénario

Modification des interpolations avec l'éditeur de mouvement

  • Courbes de propriétés, points d'ancrage et points de contrôle
  • Application des accélérations présélectionnées et personnalisées
  • Contrôle de l'affichage de l'editeur de mouvements

Interpolation de formes

  • Création d'une interpolation de formes
  • Contrôle des modifications de formes avec des repères de formes
  • Interpolation de forme des traits à l'aide de l'épaisseur variable

Animation de l'outil de segment

  • La cinématique inverse
  • Ajout de segments à des symboles ou à des formes
  • Modification des objets et des squelettes IK
  • Contrainte de mouvement et élasticité à des segments

Caméra

  • Principe de la multiplane
  • Réglage des profondeurs de calques
  • Mouvements de caméra
    • Zoom
    • Rotation
    • Panoramique

Importation d'images

  • Matricielles : GIF, JPEG, PNG
  • Vectorielle : SVG

Exportation de fichiers SVG

  • Processus d'exportation SVG dans Animate CC
  • Exportation d'illustrations au format SVG
  • Echange des fichiers SVG avec Adobe Illustrator

Utilisation de sons dans Animate CC

  • Formats audio pris en charge
  • Ajout de sons à un bouton
  • Synchronisation d'un son avec une animation

Ajout de vidéo à Animate

  • Formats vidéo pour le Web
  • Le composant vidéo
  • Intégration d'un fichier vidéo
  • Code personnalisé

Exportation de graphiques

  • GIF animé, séquence GIF et image GIF
  • Création d'une feuille Sprite

Publication de documents Animate CC

  • Paramétrage pour la publication d'un document HTML 5 Canvas
  • Création de modèles HTML 5 Canvas personnalisés et annexion aux profils de publication
  • Définition des paramètres de publication pour les fichiers SVG

Faites évoluer vos compétences

Complétez votre formation