CATALOGUE Design et Infographie Formation Illustrator Techniques créatives avec Illustrator

Gratuit Création d'une Animation Web avec Illustrator

Retour à la formation
Chapitre 11 Leçon 8
Précédent
Suivant

Apprenez à créer rapidement une animation web en utilisant Illustrator et à l'exporter vers Flash.

Détails de la leçon

Description de la leçon

Dans cette leçon, nous allons voir comment utiliser Adobe Illustrator pour créer une animation simple mais efficace que nous exporterons ensuite vers Flash Player. Notre projet consiste à créer une alternance de jour et de nuit dans une illustration. Nous utiliserons divers calques et effets tels que l'effet néon pour ajouter de la luminosité à certaines parties de notre dessin. Ensuite, nous finaliserons l'animation en exportant notre projet au format SWF, compatible avec Flash. Vous verrez comment nommer correctement vos calques, ajouter des effets et manipuler les options d'exportation pour obtenir une animation fluide.

Cette leçon vous guidera pas à pas dans le processus, depuis la création des effets visuels jusqu'à la visualisation de l'animation dans un navigateur web. En faisant cela, vous apprendrez non seulement les techniques de base d'animation dans Illustrator, mais aussi comment améliorer et diversifier vos projets créatifs pour le web.

Objectifs de cette leçon

Les objectifs de cette vidéo sont d'enseigner comment:

  • Créer des animations simples avec Adobe Illustrator
  • Utiliser des effets graphiques pour dynamiser une illustration
  • Exporter des fichiers Illustrator au format SWF pour Flash
  • Visualiser et tester une animation dans un navigateur web

Prérequis pour cette leçon

Pour suivre cette vidéo, vous devez avoir :

  • Une connaissance de base d'Adobe Illustrator
  • Des notions élémentaires d'animation et de graphisme
  • Une version d'Illustrator compatible avec les fonctions d'exportation SWF

Métiers concernés

Les concepts et techniques présentés dans cette vidéo peuvent être appliqués dans divers métiers tels que :

  • Graphiste
  • Web Designer
  • Animateur 2D
  • Développeur Front-End

Alternatives et ressources

Comme alternatives, vous pouvez utiliser :

  • Adobe Animate pour créer des animations directement au format Flash
  • After Effects pour des animations plus complexes
  • HTML5 et CSS3 pour des animations compatibles avec les standards web modernes

Questions & Réponses

Vous pouvez ajouter des effets néon en ouvrant la bibliothèque de style graphique dans Illustrator et en sélectionnant l'effet néon désiré.
Nommer correctement ses calques facilite la gestion et l'édition de différentes parties de votre illustration, particulièrement lorsque vous travaillez avec plusieurs transformations pour l'animation.
Lors de l'exportation pour Flash, il est recommandé de définir l'affichage à 72 DPI et d'entrer 2 images par seconde pour une animation fluide. Assurez-vous aussi que les calques AI soient exportés comme image SWF.