CPTIC-Info'

Créer et intégrer des images animées dans ses pages WEB

Comment intégrer des images animées,

Comment créer les images animées au format GIF animé,

CIP to Club Internet animation

Réalisé avec GifBuilder et Home Page

Pour illustrer vos pages.

icône de gif Builder
GifBuilder

Disponibles au CPTIC sur le réseau éléphant du CPTIC

F. Lombard
CP 3144 1211 Genève 3
Tél. 388.33.02
Adresse Mailbox: lombard-f


Contenu :

  1. Le problème
  2. Comment intégrer des images animées,
  3. Comment créer les animations GIF,
  4. Comment obtenir des animations GIF ?
  5. Comment obtenir GifBuilder ?
  6. Comment obtenir Claris Home Page Mac ou PC ?

 

 


en construction
Fig. 1 : L'animation attire l'oeil, ...
elle peut parfois détourner
l'attention du message principal...

Le problème :

L'animation :

Pour qu'une image soit perçue comme animée, on recourt à un artifice : une succession d'images fixes est rapidement présentée, et la persistance rétinienne donne l'illusion du mouvement.

L'attention

Notre système visuel est ainsi conçu que ce qui change, qui bouge, attire l'attention bien plus que ce qui est statique. On peut donc recourir à des images animées pour attirer l'attention.

Attirer l'attention ou la détourner ?

livre en 3-d

Si une animation attire indiscutablement l'attention, il faut bien évaluer son impact sur la page.
Une image animée ne rend pas forcément la page plus intéressante, elle pourrait même détourner l'attention du message de la page.

Le ralentissement

Une animation étant une succession d'images, elle est généralement de taille considérable, ce qui peut ralentir le chargement de la page, surtout pour ceux qui sont connectés au réseau par modem.


Comment intégrer des images animées ?

Très simplement...

Une fois créées, les GIF animés se placent exactement comme les autres GIF, on les glisse dans la page WEB. (Cf. "Comment intégrer une image dans une page WEB")


Comment créer des images animées ?

Il y a de nombreux logiciels pour créer ou modifier les GIF animés. Un des meilleurs, un ShareWare créé par un suisse (ancien de l'EPFL) est GifBuilder.

Il est très souple, puissant et performant.

 

Créer les images individuelles

On créera les différentes images constituant les étapes d'une animation dans un logiciel de dessin. (Ici ClarisWorks):

dessiner dans Clarisworks

Une fois crées, on sélectionne et on les copie vers GifBuilder.

Placer les images dans GifBuilder

L'une après l'autre, coller les images qui doivent constituer l'animation.

2images dans  Gif Builder

L'ordre des images peut être modifié en glissant leur nom (saisir à gauche du nom).

On peut déjà sauver l'animation telle qu'elle est, pour un cas simple, cela suffit.

Quelques effets.

GifBuilder offre de nombreuses possibilités pour affecter une transition progressive entre deux images. C'est-à-dire qu'il va produire des images intermédiaires entre celles qui est sélectionnée et la suivante.

effet dissoudre
Pour faire une transition...

Transitions
...GifBuilder produit des images intermédiaires

D'autres possibilités !

Bien sûr il y a d'autres possibilités pour créer des animations GIF : on peut les produire dans Director, ou convertir (avec GifBuilder p. ex.) un QuickTime, etc.

Mais souvent, il est plus simple de les obtenir déjà faites, sur le 'Net !

(cf aussi: Comment converir une vidéo pour le web


Comment obtenir des images animées ?

On peut simplement sauver les images qu'on trouve sur le 'Net au cours de ses explorations.
De nombreux sites en proposent,un stock est fourni avec Claris Home Page...
Certains sites offrent des masses d'animations.

 

Comment obtenir GifBuilder ?

Evidemment sur le WEB, sur GifBuilder sur le web ou en ftp ou auprès de l'auteur Yves Piguet , Av. de la Chablière 35, 1004 Lausanne, Suisse.

Comment obtenir Claris Home Page ?

Evidemment sur le WEB, à http://www.Claris.com

CPTIC / F. Lombard

Dernière mise à jour : 13 mai 1998