Comment animer vos smileys ?

Bien, pour animer un smiley, il faut au préalable avoir créer chaque image qui composera votre animation. Vous pouvez pour celà vous aidez du tutorial Comment créer vos smileys. Pour ma part je vais utiliser 6 images : ,,,, et . Vous pouvez télécharger ICI le pack contenant les 6 images nécessaires pour la réalisation de ce tutoriaux/imagesrial.
Il existe de nombreux logiciels permettant d'animer vos smileys. Je vais vous présenter la méthode pour l'animer avec 1 logiciel : ImageReady 7.0.
1) ImageReady 7.0

1) Animer votre smiley avec ImageReady

1) Tout d'abord, ouvrez ImageReady qui doit se trouver dans le même menu que Photoshop. Allez dans le menu "Fichier" puis cliquez sur "Nouveau" (raccourci : Ctrl + N). Pour les dimensions mettez celles de votre smiley que vous désirez animer. ici je prendrais 52*15. Et pour "Contenu du premier calque" prenez Transparant.

2) Dans la fenêtre d'animation cliquez sur le bouton "Reproduit l'image sélectionnée" : . Vous devez créer ainsi 7 images ou frames : . Cliquez sur l'image 1 puis allez dans le menu "Fichier" puis cliquez sur "Importer". Sélectionner l'image "smi-1.gif", pour le décalage horizontale et verticale sélectionnez pour les 2 "Position courante" et 0 pxiels. Puis cliquez sur "OK". Importer ainsi vos 5 autres images.
Remarque : si vous créer un smiley animé à partir d'image ne possédant pas la même taille, vous pouvez choisir un décalage différent. Choisissez toujours le décalage le mieux adapter à votre smiley.
Vous devriez obtenir ceci : .

3) Vous constaterez que les smileys ce sont importés dans les 7 frames (ou images) or nous souhaitons qu'un seul smiley apparaisse dans chaque image. Pour celà, cliquez sur l'image "1" Et dans la fenêtre des calques cliquez sur l'oeil à gauche de chaque smiley, désélectionnez ainsi tous les smileys.

Vous remarquerez que les smileys ont disparus dans toutes les autres images, pas d'affolement !

4) Cliquez sur l'image "2" et cliquez sur la case vide où se trouvait l'oeil à gauche du calque "smi-1.gif". Vous verrez réaparraître le premier smiley dans votre image "2".

5) Effectuez la même opération avec chaque image en réaffichant les smileys dans l'ordre croissant (de 1 vers 6). Au final vous devriez obtenir l'image ci-dessous :

6) On a quasiment terminé. la dernière étape consiste à régler le temps d'affichage de chaque image (soit le régler l'intervalle de temps qui s'écoule entre chaque image). Pour celà, il suffit de cliquez sur image puis de cliquez sur "0 sec" (par défaut), un menu déroulant s'affichera en voulant laissant le choix de sélectionner le temps que vous désirez :

Pour l'image "1" sélectionnez 0,5sec. Image "2" : 0,15sec (cliquez sur "Autre"). Image "3" : 0,15sec. Image "4" : 0,15sec. Image "5" : 0,5sec. Image "6" : 0,1sec. Et image "7" : 2sec.
Remarque : vous pouvez bien entendu modifier les intervalles de temps à votre manière en fonction des effets que vous souhaitez obtenir.
Vous devriez obtenir comme l'image ci-dessous :

7) Voilà, vous n'avez plus qu'à tester votre smiley animé en cliquant sur la petite flèche. Puis allez dans le menu "Fichier" puis cliquez sur "Enregistrer une copie optimisée" (raccourci : Ctrl + Alt + S), donnez un nom à votre smiley animé puis cliquez sur "Enregistrer". Et vous obtiendrez ceci :

Et voilà le travail, vous venez de créer votre smiley animé sans trop de difficulté !
Vous pouvez également utiliser Animation Shop 3 qui possède un assistant de création de gif animé très simple !

Ce tutorial est terminé, vous pouvez bien sûr réalisez n'importe quel autre smiley animé avec le même principe ! Postez toutes vos remarques sur ce tutorial en cliquant ICI. Enjoy, grand créateur de smiley animé !