M2i Formation

Web et Mobile Design - Animation Web

Animate 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.

Afdas

Paris Chaillot10/12/20181 290 € HTDates proposées dans les agences M2iRéserver

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

Afdas

Metz10/12/20181 290 € HTDates proposées dans les agences M2iRéserver
Mulhouse10/12/20181 290 € HTDates proposées dans les agences M2iRéserver
Nancy10/12/20181 290 € HTDates proposées dans les agences M2iRéserver
Reims10/12/20181 290 € HTDates proposées dans les agences M2iRéserver

Afficher plus de dates

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

Afdas

Caen10/12/20181 290 € HTDates proposées dans les agences M2iRéserver
Évreux10/12/20181 290 € HTDates proposées dans les agences M2iRéserver
Le Havre10/12/20181 290 € HTDates proposées dans les agences M2iRéserver
Lille10/12/20181 290 € HTDates proposées dans les agences M2iRéserver

Afficher plus de dates

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

Afdas

Dijon10/12/20181 290 € HTDates proposées dans les agences M2iRéserver
Grenoble10/12/20181 290 € HTDates proposées dans les agences M2iRéserver
Lyon10/12/20181 290 € HTDates proposées dans les agences M2iRéserver
Saint-Étienne10/12/20181 290 € HTDates proposées dans les agences M2iRéserver

Afficher plus de dates

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

Afdas

Bordeaux10/12/20181 290 € HTDates proposées dans les agences M2iRéserver
Orléans10/12/20181 290 € HTDates proposées dans les agences M2iRéserver
Tours10/12/20181 290 € HTDates proposées dans les agences M2iRéserver

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

Afdas

Aix-en-Provence10/12/20181 290 € HTDates proposées dans les agences M2iRéserver
Montpellier10/12/20181 290 € HTDates proposées dans les agences M2iRéserver
Sophia Antipolis10/12/20181 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

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
  • Nouveau : pinceaux vectoriels
  • Nouveau : 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 des occurrences
  • 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
  • Nouveau : guide d'animation basé sur la largeur de trait variable
  • Nouveau : guide d'animation basé sur la couleur du trait
  • Accélération / décélération personnalisée

Animation d'interpolations 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, 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 forme

  • 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

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
  • Modification d'un son

Création de fichiers vidéo en vue de les utiliser dans Animate CC

  • Contrôle de la lecture vidéo
  • Formats vidéo
  • Code personnalisé

A propos de l'exportation depuis Animate CC

  • Exportation de fichiers SWF
  • A propos des formats de fichiers d'exportation
  • Mise à jour des fichiers SWF pour Dreamweaver

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