S'INSCRIRE
Nos formations :
Formation Adobe Animate CC, créer des animations interactives pour le Web
- Programme
- Participants / Prérequis
- Intra / sur-mesure
Ce cours vous permettra de concevoir des animations créatives et interactives pour tous les navigateurs. Vous mettrez en œuvre des fonctionnalités HTML5, JavaScript et CSS3 sans manipuler de code. Vous verrez également comment créer des applications mobiles compatibles iOS et Android ainsi que la création de Widget.
Objectifs pédagogiques
- Personnaliser votre environnement de travail
- Créer des animations HTML 5 avec Adobe Animate CC
- Maitriser les outils de dessin vectoriel
- Enrichir les fonctionnalités avec du code
- Interagir avec du son et de la vidéo
Travaux pratiques
Les concepts d'Adobe Animate CC
- Présentation de l'historique de Flash et du format .SWF.
- Pourquoi utiliser Animate CC.
- Les animations HTML 5 avec CANVAS.
Découverte de l'interface
- L'environnement de travail d'Animate CC.
- Découvrir et adapter l'interface.
- Appréhender les différents menus et panneaux.
- Travailler avec les bibliothèques CC, et les images Adobe Stock.
Travaux pratiques
Prise en main et ajustement de l'interface d'Animate CC.
Paramétrage d'un nouveau document html5
- Comment créer un document.
- Les propriétés d'une animation.
- Insertion de médias externes dans une animation.
- Paramétrage de publication.
- Autres options de publication.
- Exportation en vidéo HD.
- Exporter en HTML5, gif animé, OAM, web gl.
Travaux pratiques
Créer une mise en page adaptative.
Les outils de dessin d'animation
- Les outils et la manipulation des objets.
- Le principe symbole / objet.
- Principe d'animation 2D : les clés et les frames en animation.
- Manipuler le scenario et comprendre ses fonctions.
- Les symboles et les interpolations.
- Les trajectoires et les masques.
- Gestion du texte (l'outil texte TFL et les polices Web).
- Les pinceaux artistiques et le nuancier balisé.
Travaux pratiques
Création de graphique vectoriel pour une animation.
La navigation
- Utilisation des labels.
- Création de boutons.
- Actions de navigation : navigation dans le scénario, créer des liens.
Travaux pratiques
Réaliser une animation a l'aide de la navigation.
Enrichir les fonctionnalités avec du code
- Ecrire du code avec la fenêtre Actions.
- ActionScript / JavaScript la différence.
- Gestion de la navigation sur le scénario.
- Ciblage de symboles MovieClip, Bouton.
- Comment ajouter de l'interactivité.
- Appréhender les gestionnaires d'évènements.
- Zone cliquable transparente.
Travaux pratiques
Création d'un bloc d'instruction en Action Script.
Les images, le son, la vidéo les applications mobiles
- Importation de fichiers son, image et vidéo.
- Manipulation et masquage des bitmaps.
- Synchronisation et manipulation du son.
- Traitement de la vidéo.
- La découverte de la technologie Adobe® AIR®.
- Création d'une application Android.
- Création d'une application iOS.
Travaux pratiques
Création de projet multimédia avec son et vidéo.
