Utilisation des Étiquettes pour la Navigation dans les Scénarios d'Animation
Apprenez à naviguer précisément à travers un scénario d'animation en utilisant des étiquettes pour chaque image sans lancer la lecture complète.
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 vidéo, nous explorons une méthode efficace pour naviguer à travers un scénario d'animation en utilisant des étiquettes placées pour chaque image. Chaque étiquette, comme photo 1 pour la première image, permet de localiser rapidement et précisément une image spécifique sans lancer la lecture complète de l'animation.
En déplaçant la tête de lecture, les étiquettes permettent de faire progresser l'animation en sautant directement à l'image recherchée. Cela est particulièrement utile pour élaborer des systèmes de chapitrage en naviguant simplement dans le scénario. Lorsqu'on clique sur les textes associés aux étiquettes, comme point_clic, la méthode stop()
est utilisée pour arrêter la tête de lecture à l'étiquette mentionnée, évitant ainsi de lancer l'animation.
Grâce à cette approche, il devient facile de gérer et présenter du contenu de manière plus organisée et structurée, facilitant l'accès à des sections spécifiques du scénario pour une analyse détaillée ou une présentation segmentée.
Objectifs de cette leçon
Les objectifs de cette vidéo sont d'apprendre à :
- Utiliser des étiquettes pour une navigation précise dans les scénarios d'animation
- Optimiser le chapitrage et la présentation des contenus animés
- Améliorer l'efficacité des présentations segmentées
Prérequis pour cette leçon
Pour tirer le meilleur parti de cette vidéo, il est recommandé d'avoir :
- Des connaissances de base en animation
- Une compréhension des concepts de scénarisation
- Une familiarité avec les outils d'édition de script et de lecture multimédia
Métiers concernés
Les compétences développées dans cette vidéo sont hautement pertinentes pour les :
- Animateurs multimédia
- Concepteurs et développeurs de contenus éducatifs
- Formateurs en outils d'animation
Alternatives et ressources
Des logiciels ou solutions alternatives que vous pourriez utiliser comprennent :
- Adobe Animate pour des animations basées sur des lignes de temps
- Toon Boom Harmony pour des animations avancées et un chapitrage détaillé
- After Effects pour des animations complexes avec des scripts et chapitrages personnalisés
Questions & Réponses
stop()
, qui permet d'arrêter la tête de lecture sur l'étiquette mentionnée sans lancer la lecture de l'animation.
