Profil professionnel des stagiaires

Intermittents, Auteurs, Journalistes pigistes, Salariés des entreprises adhérentes

Secteurs d'activité :
AUDIOVISUEL, CINÉMA, DIVERS, ÉDITION, SPORT, GOLF, HOTELLERIE DE PLEIN AIR, PRESSE, LOISIRS, AGENCE DE MANNEQUINS, ORGANISME DE TOURISME, PUBLICITÉ, SPECTACLE, TELECOM, CASINO

Prérequis et expérience professionnelle des stagiaires :

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

Identification du stage

Modalité(s) pédagogique(s) :
Formation en présentiel

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.

Programme pédagogique

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

Informations complémentaires (méthodologie, ...)

Le formateur alterne entre méthode démonstrative, interrogative et active (via des travaux pratiques et/ou des mises en situation).

Supports et ressources fournis aux stagiaires

La salle de formation est équipée d'un poste informatique par apprenant accèdant à Internet, d’un vidéo projecteur, d’un paper board et d’un tableau blanc. Possibilité d'utiliser 1 plateforme de quizz interactive
Les supports de cours sont fournis et disponibles en version électronique.

Niveau visé après la formation