Objectifs

Cette formation vous permet de créer des animations en utilisant les nouveaux standard HTML5.

Public

Graphistes, webdesigners, directeurs artistiques ou toute personne souhaitant réaliser des animations en HTML5.

Durée

21 heures en présentiel sur 3 jours

Pré-requis

Être à l'aise avec son environnement informatique. Une connaissance de l'environnement logiciel Adobe est un plus.

Formateur

Formateur expérimenté spécialiste des logiciels du Web.

Méthode pédagogique

8 participants maximum, un poste par stagiaire et un support de cours est remis en fin de stage. La formation est constituée d'apports théoriques, de démonstrations et de mises en pratique basées sur des exercices.

Modalité de validation des acquis

Évaluation en ligne des acquis via un questionnaire. Attestation de fin de stage.

Déroulé

Introduction

  • Les contraintes de développement Html5 via Canvas vs le développement Flash classique
  • Présentation de l'interface
  • Travailler avec les bibliothèques CC, et les images Adobe Stock

Dessin et animation

  • Les outils
  • Manipulation des objets
  • Le principe symbole / objet : la conversion d'un objet en symbole, ses propriétés, ses contraintes
  • La bibliothèque
  • Principe d'animation 2D : le principe des clés et des frames en animation
  • Le scenario (timeline) : sa manipulation, ses fonctions
  • Les symboles : étude des divers symboles, de leurs propriétés et contraintes
  • Les interpolations : les types d'interpolations, les contraintes
  • Accélération et décélération d'interpolation
  • Les trajectoires
  • Les masques (déclarations et contraintes)
  • Gestion du texte
  • L'outil texte TFL et les polices Web
  • Les pinceaux artistiques vectoriels
  • La bibliothèque de pinceaux
  • Le nuancier balisé

Navigation

  • Utilisation des labels
  • Création de boutons
  • Actions de navigation : navigation dans le scénario, créer des liens

Bitmaps, sons et vidéo

  • Importation son, image et vidéo
  • Manipulation et masquage des bitmaps
  • Importation et gestion des sons
  • Synchronisation et manipulation du son
  • Traitement de la vidéo

Réglages d'exportation

  • Export en HTML5
  • Export en OAM, web gl
  • Vérification de son export
Benjamin P.
Grande clarté du formateur.
Suivie le 28/02/2018
Damien C.
disponible et très clair dans ses explications.
Suivie le 28/02/2018
Ivan C.
très claire et très ludique
Suivie le 24/01/2018
Hervé S.
disponibilité du formateur-matériel performant-les croissants du matin !!!!!
Suivie le 24/01/2018
Nathalie R.
Cherche les réponses à mes questions lorsqu'il ne sait pas et ça c'est cool.
Suivie le 06/12/2017
Thomas C.
grande qualité pédagogique pour un contenu de stage plus qu'aride.
Suivie le 06/12/2017
Marie-Anne B.
excellence du formateur
Suivie le 13/10/2017
Charlène C.
cours particulier adapté à mes besoins/flexibilité
Suivie le 05/05/2017
Fabien V.
clarté
Suivie le 05/05/2017
Pierre-Yves M.
excellence du formateur
Suivie le 05/05/2017
Gil F.
Planning des cours
Suivie le 05/05/2017
Fabiola H.
Activités/exercices ludiquesPetit groupe donc la formatrice était vraiment à l'écoute.
Suivie le 05/05/2017
Jean-Louis M.
ouverture du formateur à toutes nos questions
Suivie le 05/05/2017
Frank S.
Disponibilité et professionnalisme du formateur
Suivie le 05/05/2017
Autrelie G.
Disponibilité, écoute, dialogue, ambiance, progression pédagogique.
Suivie le 05/05/2017
Bruno O.
clarté Formation complète permettant l'optimisation de l'utilisation d'Indesign. Beaucoup de trucs et astuces donnés par le formateur.
Suivie le 07/12/2016