Dans le récent post de Sylvain, je lui demandais comment il avait fait pour ajouter une animation sur sa homepage alors que kingeshop ne gère pas (encore?) les fichiers flash et autres objets multimédias..

La réponse est qu'il a utilisé un gif animé. Je viens d'en créer un vite-fait pour voir si ça fonctionne et effectivement, ca marche ! :-)

Pour celles et ceux qui aimeraient en faire autant, voici comment procéder pour créer votre propre gif animé en utilisant Photoshop et ImageReady.

Dans photoshop :
1- ouvrir l'image de base que vous aimereriez animer
2- dupliquer le calque de l'image afin d'avoir deux calques identiques
3- faire les modifications sur l'un des deux calques (ex : pour un texte qui clignote dans une image, ajouter le texte sur un seul des deux calques)
4- Dans le menu Fichier choisir Editer avec ImageReady (ou quelque chose dans ce style, mon photoshop à moi est en anglais..)

Dans Image Ready (vos deux calques doivent apparaitre dans la fenêtre de calques)
1- Faire apparaitre la fenêtre d'animation (Fenêtre Animation)
2- Dans la fenêtre d'animation, cliquer sur la petite flèche noir en haut à droite pour faire apparaitre le menu contextuel et choisir Faire des images à partir des calques (ou quelque chose dans ce goût là ;-) en anglais Make Frames From Layers)
3- régler les temps d'apparition des images en cliquant sous chaque image sur le temps qui s'affiche (0 sec)
4- Enregistrer au format .gif : pour cela, dans le menu Fichier, choisir Sauvegarde Optimisée (Save Optimized As)

Une fois le fichier créé, il suffit de l'importer dans votre page statique comme n'importe quelle autre image et le cas échéant d'y ajouter un lien !

Elle est pas belle la vie ? :-D

J'espère que ca vous sera utile.

Un conseil important , néanmoins, évitez de vous emporter par ce nouveau gadget et par pitié ne chargez pas votre page de gif clignotants : le résultat fait très amateur et n'invite pas à rester sur le site.
Suivez plutôt l'exemple du site de Sylvain qui n'utilise qu'un seul .gif animé, pour attirer l'attention du visiteur et qui couple cette image à un lien redirigeant le visiteur vers la page où on veut les emmener.

Amusez-vous bien !

A+

Auteur	:	Arnaudlimit
Lectures	:	2689
Création	:	2008-02-27

KingEshop a dit ...

Bonjour Arnaudlimit,

Tout d'abord, merci beaucoup pour les informations sur comment créer un gif animé que vous avez fourni, cela va sûrement aider les autres propriétaires de boutique en ligne KingEshop.

Il serait bon d'ajouter que lorsque le gif animé est créé, vous pouvez ensuite l'insérer dans votre boutique comme une simple image. Voici une question de notre FAQ qui vous explique la marche à suivre pour insérer des images dans votre boutique :

http://www.kingeshop.com/Comment-inserer-des-images-ou-des-photos-dans-mes-pages-statiques-cbeeamaaaaaa.asp

Cordialement,

L'Équipe KingEshop.

2008-02-29

sylvain a dit ...

Bonjour et bravo,

Bravo pour cette leçon sur le gif animé. Si je peux me permettre, j'utilise un logiciel (en anglais) mais complètement gratuit qui permet de faire des animations beneton movie
c'est d'ailleurs comme çà que j'ai fait mon gif sur la page d'accueil.

Bonnes ventes à tous
Sylvain
www.lescravates.com
la cravate de qualité 100% soie

2008-02-29