Création d'une Bannière Animée avec ActionScript 3

Apprenez à réaliser une bannière originale en utilisant ActionScript 3 et Photoshop. Suivez ce tutoriel pour maîtriser les techniques d'animation et d'interactivité dans un document flash.

Détails de la leçon

Description de la leçon

Dans cette leçon, nous allons créer un document ActionScript 3 pour réaliser une bannière originale. Nous commencerons par définir les dimensions standards de publication puis importerons une composition Photoshop pour l'animer. Vous apprendrez comment adapter la structure de votre document depuis l'inspecteur de propriétés et à gérer les différents calques dans Flash.

Vous découvrirez également comment ajouter une couche d'interactivité à vos animations en utilisant des symboles boutons. Enfin, nous verrons comment visualiser et ajuster les limites de votre document en mode filaire, utiliser les règles et insérer des repères pour positionner les objets avec précision.

La dernière partie de la leçon se focalisera sur la création et la modification d'interpolations de mouvement pour animer tous les éléments de votre bannière, ainsi que sur l'ajout des actions nécessaires à l'interactivité.

Objectifs de cette leçon

Les objectifs de cette vidéo sont les suivants :

  • Comprendre comment définir les dimensions standards d'une bannière.
  • Apprendre à importer et animer une composition Photoshop dans Flash.
  • Découvrir les techniques d'interpolation de mouvement et d'ajout d'interactivité.

Prérequis pour cette leçon

Pour suivre cette vidéo, vous devez :

  • Avoir des notions de base en ActionScript 3 et Adobe Flash.
  • Savoir manipuler des calques et des compositions dans Photoshop.

Métiers concernés

Les usages professionnels ou métiers pour ce sujet comprennent :

  • Développeur d'animations web
  • Graphiste multimédia
  • Designer interactif

Alternatives et ressources

Comme solutions alternatives, vous pouvez utiliser :

  • Adobe Animate au lieu de Flash.
  • HTML5 Canvas avec JavaScript pour des animations web modernes.
  • GreenSock Animation Platform (GSAP) pour des animations en JavaScript efficaces et performantes.

Questions & Réponses

Les dimensions standards choisies pour cette bannière sont 728 pixels de largeur par 90 pixels de hauteur.
Il est important de conserver la transparence pour que les images s'intègrent correctement sur n'importe quel arrière-plan sans apparaitre avec des bords indésirables.
On peut visualiser les objets en mode filaire en cliquant sur le petit carré situé en haut de la fenêtre de scénario, ce qui permet d'afficher les objets dans ce mode et de placer des repères pour les caler.