Les images animées

Qu'est-ce qu'une image animée sur le Web?

Tout comme il est possible d'insérer une image dans une page Web, il est aussi possible d'insérer des animations.

En fait, la plupart des animations sur les pages web actuelles, sont des sortes de dessins animés réalisés à l'aide de logiciels spécialisés. Il s'agit de fichiers d'images GIF un peu spéciaux (on parle aussi de GIF animés). Le principe de base est simple : il s'agit d'une succession d'images affichées à une certaine fréquence. L'encart suivant décrit ce principe (fig 1.).

Figure 1) principe de la succession d'images  =

Les images animées permettent de...

• enrichir un schéma en ajoutant, supprimant ou déplacant de l'information, selon un scénario déterminé,
• grâce au mouvement, attirer l'attention sur de l'information importante,
• travailler l'esthétique ou la convivialité dans certaines pages,

Quelques remarques sur les images animés sur le WWW :

• taille des fichiers

  Une image animé contient nécessairement plus d'information qu'une image fixe (à dimension et nombres de couleurs identique). Lorsque le temps de téléchargement des pages web est important, p.ex. si les étudiants sont a distance sur des lignes à faible débits, le téléchargement d'une animation peut prendre beaucoup de temps. Il est donc important de bien doser l'emploi d'animations dans une page web. N.B. Lorsque la vitesse d'accès au document électronique est rapide (CD-ROM, ligne haut débit) on peut bien entendu se permettre plus de liberté.

• surcharge visuelle

  Une erreur fréquente dans la conception et la production de document électronique est la surcharge visuelle de la page. Elle devient alors rapidement illisible (distraction) (et souvent inesthétique!). N'abusons pas des bonnes choses, ni des images, ni des animations :)

Faire une image animé pour le Web avec Paint Shop Pro 5

Une multitude de logiciels permettent de faire des GIF animés. Nous vous proposons d'utiliser un module spécial de Paint Shop Pro 5, intitulé Animation Shop. Celui-ci permet de faire rapidement des GIF animés de bonne qualité.

1. GIF animé... à l'ancienne!

   La méthode traditionnelle est de composer soi-même les images successives à l'aide d'un logiciel de dessin (p.ex. PSP5), puis de les composer avec Animation Shop. Il suffit alors d'indiquer à Animation Shop l'ordre de déroulement des images et les intervales séparant chacunes des images de l'animation.

   Pour cela, nous vous conseillons d'utiliser l'Animation Wizard (utilitaire rapide) que vous trouverez de le menu File d'Animation Shop.

2. Utilisation des facilités d'Animation Shop

   Animation Shop vous permet aussi de faire des GIF animés à partir de rien (!) ou d'une seul voir 2 images. La encore le principe est assez simple : le logiciel créé lui-même à partir d'un texte ou d'une image la succession d'image qu'il faut pour une animation. Il est bien sûr impossible pour le logiciel d'inventer quoique ce soit. En fait, Animation Shop applique des filtres et divers algorithmes de transformation aux matériel qu'on lui fournit. Vous accéderez à ces fonctionnalité depuis le menu 'Effects' (p.ex. fig. 2).

Figure 2) exemple d'utilisation des facilités d'Animation Shop L'animation suivante à été créé à partir de rien en utilisant l'option 'Effects - Text transitions'.