Formation Adobe Edge Animate CC.
- Durée: 3 jours
- Public: Intégrateurs web, graphistes, développeurs
- Pré-requis: Notions web (HTML, CSS, JS) .
- Objectifs: Créer des contenus animés et interactifs avec Adobe Edge Animate CC
- Référence: SIT868-F.
Découvrir Edge Animate.
- Introduction aux animations Web et digitales, Formats standard
- Structure organique d'une animation HTML
- Positionnement de Edge Animate
- Création un document, conventions
- Espace de travail : présentation, personnalisation
- Paramétrage de la scène.
Importer des éléments graphiques.
- Importation d'une page HTML existante
- Importation d'objets graphiques bitmap de Photoshop (GIF, JPG, PNG)
- Importation d’objets graphiques vectoriels d'Illustrator (SVG)
- Création d'objets graphiques dans Edge
Créer une scène.
- Utilisation de la typographie : Web safe, Edge fonts/Google fonts, TypeKit, ...
- Placement des objets : empilement, duplication, alignement et répartition
- Gérer une interface fluide (responsive design) : placement des repères, transformatoin, alignement
- Structurer un projet dans le scénario : éléments, groupes, symboles, options automatiques
- Actions dans Edge Animate : méthode contextuelle, méthode globale
- Test et exports : symbole animé, modèle, format HTML5 (avec et sans CDN)
- Contenu alternatif pour anciens navigateurs
- Synchronisation sur périphériques mobiles (Edge Inspect)
- Publications digitales : Adobe DPSn plugin tier, Dashboard OSX, iBook
- Options d'accessibilité
- Filtres : animation de filtres, gestion
- Rotations : compteur animé, gestion de l'axe de rotation
- Echelle : fixe / pourcentage, animation axiale de l'échelle
- Masques : effet de loupe en mouvement, organisation, animation
- Torsions d'objets
- Accélérations : animation avec accélération, amortissement, effets
- Paramètres extensibles de la scène
- Trajectoires : mouvement (Bézier), déplacement, matérialisation du tracé
- Importer un style CSS, liaison
- Intégration des hyperliens dans Edge Animate
- Utilisation d'iFrames
- Personnalisation du curseur de la souris.
Gérer l'interactivité.
- Interactivité : objet, événement, fonction
- Gestion des évènement
- Invocation, fenêtre actions
- Ciblage d'un élément
- Gestion des actions afficher/masquer au clic, au chargement,...
- Gestion des variables et des textes dynamiques
- Pilotage du scénario au clic et à l'aide de conditions
- Pilotage du scénario à l'aide de commandes de clavier
- Gestion de l'affichage selon l'orientation des écrans mobiles
- Effets parallaxes
- Déplacement dynamiquement des éléments de la scène selon la position du pointeur
- Gestion du défilement (scroll).
Intégrer une vidéo / un son audio.
- Vidéo pour le Web et le digital (dimensions, formats, balise HTML5)
- Gestion d'actions à la fin de la vidéo
- Chapitrage vidéo : introduction, réalisation
- Synchronisation des images d'une vidéo sur un effet parallaxe
- Intégration de sons : balises html, organisation, commande de lecture.
Notions avancées.
- Personnaliser le chargeur (preloader)
- Classes HTML5 de GreenSock (2D et 3D)
- Librairies jQuery Edge Commons
- Spritesheet (animation sous forme de pellicule).
Tarifs:
A distance ou présentiel: 1780 euros.
