CATALOGUE Code & Data Formation Animate CC Maîtrisez la programmation dans Animate CC - Ateliers créatif avec Create JS

Création et Gestion d'Animations de Bannières

Retour à la formation
Chapitre 1 Leçon 2
Précédent
Suivant

Apprenez à créer des animations de bannières en utilisant des images clés, la gestion du stage et des zones cliquables.

Détails de la leçon

Description de la leçon

Dans cette leçon, vous allez découvrir les bases de la création d'animations de bannières. Nous partirons d'un fichier de départ et explorerons comment structurer et animer une bannière. Vous apprendrez à définir les dimensions du stage, à insérer des images clés, et à utiliser des instructions de script pour contrôler la séquence de l'animation. Nous verrons également comment créer une zone cliquable pour gérer les interactions telles que le survol de la bannière, et pourquoi il est important de définir cette zone en fonction du scénario contenant la bannière déployée. Enfin, nous expliquerons comment mémoriser des variables critiques et utiliser des gestionnaires d'événements pour augmenter l'interactivité de votre animation.

Cette leçon est essentielle pour quiconque souhaitant maîtriser la création d'animations publicitaires interactives et engageantes. La méthode enseignée ici peut être appliquée à divers outils d'animation et de scénarisation.

Objectifs de cette leçon

Les objectifs de cette vidéo sont :

  • Comprendre la structure d'une animation de bannière.
  • Apprendre à utiliser des images clés pour contrôler l'animation.
  • Savoir créer et gérer une zone cliquable.
  • Mémoriser des variables essentielles pour le scénario principal.
  • Utiliser des gestionnaires d'événements pour rendre l'animation interactive.

Prérequis pour cette leçon

Les prérequis nécessaires pour suivre cette vidéo sont :

  • Connaissance de base en animation et programmation web.
  • Familière avec les outils d'animation comme Adobe Animate ou équivalent.

Métiers concernés

Les usages professionnels ou métiers pour ce sujet :

  • Développeur web spécialisé en publicité en ligne
  • Graphiste pour la création de bannières animées
  • Spécialiste en marketing numérique pour la gestion des campagnes publicitaires

Alternatives et ressources

Les logiciels ou solutions alternatives pouvant être utilisés :

  • Adobe Animate
  • Google Web Designer
  • HTML5/CSS3 et JavaScript pour des animations manuelles

Questions & Réponses

Il est important d'utiliser une image clé à la position 35 pour marquer la fin de la première animation et placer une instruction de 'stop' pour arrêter la tête de lecture.
Mémoriser le scénario principal dans une variable permet de le rendre accessible depuis les fonctions, facilitant ainsi la gestion de l'animation et des interactions utilisateur.
La zone cliquable doit être ajustée à la taille déployée de la bannière afin de permettre des interactions cohérentes et éviter que l'animation ne se referme automatiquement lorsque le curseur quitte la zone cliquable initiale.