Guide sur les Symboles dans l'Animation
Apprenez à convertir des éléments en symboles dans vos projets d'animation, facilitant ainsi leur gestion et leur réutilisation.
Présentation
Découverte de Edge Animate
Importer les éléments graphiques
Utiliser la typographie
Placer et aligner les objets
Gérer une interface fluide (responsive design)
Structurer un projet dans le scénario
Exporter le projet
Les filtres
Les rotations
L’échelle, fixe et en pourcentage
Les masques
Les torsions d’objets
Les accélérations
Les dimensions extensibles de la scène avec fond transparent
Les trajectoires
Le lip sync (mouvement de bouche synchronisé)
Le spritesheet (animation sous forme de pellicule)
Placer un contenu alternatif pour anciens navigateurs
Introduction à l’interactivité
Cibler un objet sur la scène
Importer un style CSS
Appeler un URL
Afficher/Masquer les objets
Gérer les variables et les textes dynamiques
Piloter le scénario au clic et à l’aide de conditions
Piloter le scénario à l’aide de commandes de clavier
Gérer l’affichage selon l’orientation des écrans mobiles
Animer un effet parallaxe à l’aide du pointeur en mouvement
Animer un effet parallaxe à l’aide du scroll (défilement de l’ascenseur)
Insérer une vidéo
Réaliser un chapitrage vidéo
Synchroniser les images d’une vidéo sur un effet parallaxe
Intégrer de l’audio
Personnaliser le curseur de la souris
Insérer un iFrame
Personnaliser le chargeur (preloader)
Introduction aux classes HTML5 de GreenSock (2D et 3D)
Introduction aux librairies JQuery Edge Commons
Conclusion
Introduction
Mise en forme
Animation
Interactivité
Annexe
Détails de la leçon
Description de la leçon
Dans cette leçon, nous allons explorer comment les symboles fonctionnent comme des conteneurs de type div avec des propriétés étendues. Vous découvrirez comment sélectionner et convertir un bloc et du texte en symbole, soit par clic droit, soit via le menu de modification. Une fois converti, le symbole regroupe les objets dans un seul élément, les référençant dans la bibliothèque sous un libellé spécifique.
Nous examinerons comment glisser-déposer plusieurs occurrences du même symbole depuis la bibliothèque, et les options d'affichage des propriétés similaires à celles des éléments standards. Nous mettrons en avant les particularités des symboles, notamment leur rôle dans le scénario et l'animation, et la possibilité de gérer la lecture guidée à l'intérieur de l'animation.
Enfin, nous aborderons la gestion des calques dans les symboles et comment ceux-ci diffèrent des calques de l'environnement de stage habituel. En explorant ces aspects, vous serez à même de maîtriser l'utilisation des symboles pour structurer et animer vos projets plus efficacement.
Objectifs de cette leçon
Comprendre comment convertir des éléments en symboles.
Apprendre à gérer et animer les symboles dans un scénario.
Découvrir les options de lecture automatique et guidée des symboles.
Prérequis pour cette leçon
Avoir des connaissances de base en animation numérique.
Savoir utiliser un logiciel d'animation et de design graphique.
Métiers concernés
Les symboles sont couramment utilisés par les animateurs numériques, les développeurs front-end, et les designers UI/UX pour créer des animations complexes et gérer efficacement les différents éléments d'un projet.
Alternatives et ressources
Comme alternatives, vous pouvez utiliser Adobe Animate, After Effects, ou d'autres logiciels d'animation qui supportent la gestion des symboles et des conteneurs d'éléments.
Questions & Réponses