Etape 1 – Collectez vos images
Dans cet exemple, nous allons réaliser des images animées pour annoncer une soirée festive. Préparez chacun des clichés qui constitueront votre animation avec un outil de retouche d’images, comme PaintShop Pro 7.0 de Jasc (www.jasc.com, 70 euros environ ; version d’évaluation de 30 jours).
Commencez par redimensionner vos images à la taille voulue pour votre animation, 320 ?- 240 pixels par exemple. Si les dimensions d’origine de vos images n’affichent pas un rapport de 1,33, vous devrez les recadrer.
Créez sur le Bureau un dossier nommé par exemple Flyer et enregistrez-y vos images. Vous les numéroterez dans leur ordre d’apparition, au format Gif, en les appelant 01.GIF, 02.GIF, etc.
Etape 2 – Définissez leur enchaînement
Lancez le programme Gif Animator. Dans la fenêtre qui apparaît, cliquez sur Try It, puis sur Animation Wizard. Tapez 320 dans le champ Width et 240 dans le champ Height. Cliquez
sur Suivant, puis sur Add Image.
Dans l’Explorateur qui apparaît, ouvrez le dossier Flyer sur le Bureau. En maintenant la touche Ctrl enfoncée, cliquez sur l’ensemble des images dans l’ordre croissant de leurs numéros. Appuyez
sur Ouvrir, puis sur Suivant. Tapez 2 dans le champ Specify frame rate, pour que les images de l’animation s’enchaînent à raison de deux par seconde. Cliquez sur Suivant, puis sur
Terminer. Gif Animator présente alors la succession des images dans sa fenêtre principale.
Etape 3 – Ajoutez du texte
Vous voulez intégrer le message ‘ Venez faire la fête avec nous ‘ à la fin de votre animation ?
Pour cela, cliquez sur la dernière image de l’animation dans le cadre du bas. Appuyez sur l’icône T, dans la barre d’outils de gauche. Positionnez le pointeur de la souris à l’endroit où vous voulez faire apparaître
votre texte. Cliquez, puis tapez votre texte dans le cadre blanc. Choisissez la police et sa taille avec les listes Font et Size. Fixez ses attributs avec les icônes situées sous les listes et sa disposition avec les icônes
à droite.
Cliquez sur Preview pour apprécier le résultat sur votre image. Lorsque vous êtes satisfait, appuyez sur OK. Cliquez sur l’icône représentant une flèche dans la barre d’outils à gauche pour positionner
parfaitement votre texte sur l’image.
Il est plus esthétique de faire apparaître ce texte progressivement sur trois images. Pour cela, dans le cadre de droite de la fenêtre de Gif Animator, sélectionnez votre texte, puis l’avant-dernière image. Tapez Ctrl +
D. Dans le champ Transparency, tapez 50. Cliquez sur la troisième image en partant de la droite, tapez Ctrl + D et saisissez 25 dans le champ Transparency.
Etape 4 – Ajoutez une transition entre deux images
Cliquez sur la seconde image de votre animation. Déroulez le menu Video F/X, Stretch, Cross ZoomStretch. Dans le champ Frames, tapez 5 et cliquez sur OK. Gif Animator va créer cinq images de
transition et les insérer entre les deux premières images.
5. Enregistrez le fichier
Déroulez le menu Edit, Global Information. Décochez la case Infinite si vous ne voulez pas que votre animation se répète à l’infini. Indiquez, dans le champ en dessous, le nombre de répétitions que vous
souhaitez pour votre animation. Cliquez sur OK.
Déroulez le menu File, Save As et sélectionnez GIF File. Baptisez le fichier Flyer.gif et enregistrez-le sur le Bureau. Intégrez-le ensuite tout simplement à une page Web.
