CATALOGUE Code & Data Formation Animate CC Animate CC 2019 - Les fondamentaux Utilisation d'Adobe Animate CC 2019 pour l'Animation HTML5 et WebGL

Utilisation d'Adobe Animate CC 2019 pour l'Animation HTML5 et WebGL

Ce qu’Animate CC 2019 permet de produire
Vidéo non disponible ! Réessayez plus tard
Cette vidéo fait partie de la formation
Animate CC 2019 - Les fondamentaux
Revoir le teaser Je m'abonne
Transcription
89,00€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm
DescriptionProgrammeAvis
89,00€ Je commande
Formation incluse dans l'abonnement Elephorm Je m'abonne à Elephorm

Introduction à Adobe Animate CC 2019

Objectifs

Les objectifs de cette vidéo sont d’apprendre à utiliser Adobe Animate CC 2019 pour créer des animations HTML5 et WebGL, comprendre les différents formats de publication, et d'explorer les possibilités d'intégration avec d'autres outils Adobe comme After Effects.

Résumé

Apprenez à utiliser Adobe Animate CC 2019 pour créer des animations interactives HTML5 et WebGL destinées à la publication web.

Description

En 2019, l'une des principales missions d'Adobe Animate CC est la création de contenu HTML5 réservé à la publication sur le web. Le HTML5 Canva est actuellement une solution optimale pour produire des animations interactives en ligne pour ordinateurs et appareils mobiles. Cette formation sera principalement axée sur ce mode de production.

Adobe Animate CC offre deux modes HTML5 : un mode destiné à l'illustration et à l'animation 2D avec Canva, et un mode WebGL pour l'animation 3D basé sur le standard OpenGL, exploitable via les pilotes de la carte graphique pour bénéficier de l'accélération matérielle.

La version 2019 d'Animate introduit également de nouveaux formats de publication WebGL, tels que GLTF et VR. Ces formats, encore en version bêta en 2019, devraient évoluer et s'améliorer dans les futures versions.

En plus, Animate CC reste ouvert à d'autres utilisations multimédia, permettant de continuer à produire du Flash avec ActionScript 3 pour une publication compilée en SWF, ou de créer des animations pour applications bureautiques et mobiles via Adobe AIR.

Enfin, qu'on travaille en mode HTML5 Canva Create.js ou Flash ActionScript 3, il est aussi possible d'exporter ces animations en format vidéo QuickTime HD via Adobe Media Encoder. Les animations Animate peuvent également être intégrées dans des projets After Effects pour une meilleure synergie entre les logiciels Adobe.

Voir plus

Questions - réponses

Quel est l'usage principal de HTML5 Canva dans Adobe Animate CC 2019?
L'usage principal du HTML5 Canva dans Adobe Animate CC 2019 est de créer des animations interactives destinées à la publication sur le web pour les ordinateurs et les périphériques mobiles.
Quels sont les deux modes HTML5 proposés par Adobe Animate CC 2019?
Les deux modes HTML5 proposés sont un mode pour l'illustration et l'animation 2D avec Canva, et un mode WebGL dédié à l'animation 3D basé sur le standard OpenGL.
Quels formats de publication basés sur WebGL sont introduits dans la version 2019 d'Animate?
Les formats de publication introduits sont GLTF et VR, qui en 2019 sont encore en version bêta.

Programme détaillé

La bibliothèque : importation de médias et mettre à jour des éléments dans la bibliothèque 06:58
La bibliothèque : organisation de médias et supprimer les éléments inutiles 03:59
La bibliothèque : transférer des médias d'un fichier .fla à un autre 01:53
Pourquoi animer dans des symboles ? 06:24
Créer différents types de symboles à partir du contexte 06:55
Créer un symbole 03:44
Comportement et utilsation des symboles boutons 06:52
Comportement et utilsation des symboles clip 01:41
Comportement et utilsation des symboles graphiques 07:57
Exemple de mise à profit des symboles graphiques dans une animation 03:12
Convertir une illustration en symboles multiples 16:47
Agir sur l’aspect des occurrences de symboles : Les styles d’effets de couleurs 07:38
Agir sur l’aspect des occurrences de symboles : Les modes de fondus, mettre en cache en tant que bitmap 03:22
Agir sur l’aspect des occurrences de symboles : Les filtres 02:37
Le couple scénario et scène, principe de lecture d’une animation 01:26
Propriétés d'affichage du scénario 03:40
Manipuler les calques du scénario 01:51
Les calques avancés 01:21
Créer et manipuler les Image clés et les images 08:08
Manipulation des objets du scénario sur une plage étendue 03:37
Qu'est-ce qu'une interpolation ? 01:03
Animer par interpolations de forme 04:30
Animer par interpolations classique 03:40
Animer par interpolations de mouvement 02:39
Ajouter une trajectoire de mouvement à une animation classique ou de mouvement 05:25
Itinérant et non-itinérant pour une trajectoire de mouvement 01:46
Avantage des trajectoires de mouvement sur les trajectoires classiques 01:03
Utiliser les préselections de mouvement 03:09
Améliorer les animations avec des accélérations : par le panneau propriétés 07:09
Améliorer les animations avec des accélérations : par l’éditeur de mouvement 08:59
Animer un design type cartoon : Intention d'animation 03:05
Animer un design type cartoon : animation des yeux 10:20
Animer un design type cartoon : animation de la bouche 14:12
Animer un design type cartoon : animation de la queue 15:14
Animer un design type cartoon : animation des pattes 16:03
Animer un design type cartoon : animation des autres parties du corps 04:05
Animer un design type cartoon : sortie du chien sur la séquence principale 07:19
Sonorisation d'une animation, problématique de l’AudioContext 06:32
Mettre à profit les masques en html5 05:32
Mettre à profit les masques avancés en mode AS3 06:35