Creation d'animation web

er à la création effective d’une animation web.

II)- CREATION D’UNE ANIMATION

1)- Fond d’écran animé

C’est le travail le plus relaxe en terme de création ; pour s’y prendre, il tout simplement :

 Créer un nouveau projet

À l’aide du menu « File / New », il vous faudra déterminer le format de votre création.

Pour un fond d’écran, cela dépendra de la résolution de votre écran et de la taille souhaitée de l’animation.

Les résolutions d’écran les plus courantes aujourd’hui (en pixels) sont : 1024*768 ; 1280*800 et 1280*1024.

 Importer et ajouter des éléments

Pour ajouter une image : « File / Add image »

Pour ajouter du texte et le formater : très simple via la palette d’outils : en activant le bouton « T ».

 manipuler chaque élément

Chaque élément (nommé « Object ») de chaque écran est indépendant (à droite de l’écran) et la palette d’outils permet alors de modifier chacun (agrandir, déplacer, etc.).

À noter : il faut être positionné correctement sur le calque de l’élément pour être sûr d’agir sur l’élément souhaité.

 Manipuler l’animation : les frames

En bas de l’écran, vous pouvez voir vos « frames », soit chaque écran de votre animation. Vous pouvez créer, dupliquer, ajouter, modifier, supprimer chaque frame. Pour régler la vitesse d’enchaînement utilisez le bouton « Frame Properties ».

 Pré visualiser l’animation

L’onglet « Preview » ou la fonction « Play » permettent de pré visualiser l’animation.

 Installer votre création sur votre bureau ou dans votre site web

Ulead Gif animator permet aussi la création des images gifs animées

2)- CREATION D’IMAGE GIF

Pour créer une image animée pour l’insérer dans une page web, il faut :

Ajouter des objets image

Sélectionner Fichier: Ajouter une image - Insère des objets image à partir de fichiers image.

Le fichier image peut être une image fixe, une animation GIF, un projet animation, un fichier Photoshop, un fichier Paint Shop Pro, ou même un fichier créé dans GIF Animator ou PhotoImpact.

Pour ajouter des objets image à partir des fichiers image :

1 Sélectionnez limage dans laquelle vous voulez ajouter des objets image dans le Panneau Images.

2 Sélectionnez Fichier: Ajouter une image, ou bien cliquez sur le bouton Ajouter une image.

3 Sélectionnez le ou les fichiers image que vous voulez, puis choisissez une option :

Insérer dans l’image courante - Ajoute les objets image en commençant dans limage active. Insérer sous forme de nouvelle(s) image(s) - ajoute les objets image en commmençant dans la première image après limage active.

4 Cliquez sur Ouvrir.

5 Suivre exactement le même procédure que celle ci-dessus

Astuce : Il est recommandé d’utiliser une vidéo de courte durée. En effet, un fichier vidéo est généralement constitué de nombreuses images, ce qui risque d’augmenter considérablement la taille du fichier animation.

Chacun étant maintenant capable de créer une animation, il ne nous reste plus qu’à l’insérer dans une page web

III)- INSERTION D’ANIMATION DANS UNE PAGE WEB

L’insertion d’une animation dans une page web nécessite la connaissance des balises HTML. Nous distinguerons ainsi deux cas :

1) Insertion d’un fond animé dans une page web. Pour se faire, il faut utiliser la balise en l’attribuant background qui permet d’insérer votre image GIF en fond d’écran de votre page web.

Exemple :