Image qui défile (dans un bouton)

Tuto by Sir Kent
Traduction du franco-anglais bizarre au français correct by Jenni K

Est-ce vous voulez apprendre comment on fait ça ?

Il faut utiliser Photoshop et ImageReady. Je vais vous montrer comment.


1/ PHOTOSHOP

1) Vous pouvez prendre cette base :
(Enregistrez-la sur votre ordinateur pour garder la transparence avant de l'ouvrir dans Photoshop)

2) Écrivez ce que vous voulez sur la partie blanche. Le nom du site pour lequel vous faîtes le bouton, normalement.
Quand vous avez fini, fusionnez tous les casques qui ont été nécessaires à sa réalisation.

3) Dans un nouveau calque (en dessous de celui que vous avez fait dans le 2) ), copiez l'image que vous voulez mettre. Mettez-la à la bonne taille et calez-la selon le défilement que vous voulez :
- si vous voulez que l'image aille du haut vers le bas : il faut voir le haut de l'image
- si vous voulez que l'image aille du bas vers le haut : il faut voir le bas de l'image
- si vous voulez que l'image aille de la gauche vers la droite : il faut voir la gauche de l'image
- etc

Avant de passer sur ImageReady, votre travail doit avoir deux calques : le calque de l'image toute seule et le calque du reste du bouton.

4) Faites Fichier > Modifier dans ImageReady


2/ IMAGE READY

1) Faites Fenêtre > Animation. Une fenêtre s'ouvre avec une petite vignette de votre travail.

2) Dans cette fenêtre, cliquez sur la petite flèche en haut à droite. Un menu se déroule et cliquez sur Nouvelle Image.

3) Vérifiez que le calque sélectionné soit bien celui de l'image (et pas celui du reste du bouton) et appuyer sur la flèche du clavier qui correspond au sens de déplacement que doit être l'image :
- si vous voulez que l'image aille du haut vers le bas : appuyez sur la flèche HAUT
- si vous voulez que l'image aille du bas vers le haut : appuyez sur la flèche BAS
- si vous voulez que l'image aille de la gauche vers la droite : appuyez sur la flèche GAUCHE
- etc
Vous allez voir l'image se déplacer dans le sens choisi. Arrêtez le déplacement quand vous voulez.

4) Sur la fenêtre de l'animation, appuyez sur le bouton pour régler la trajectoire. Voir image en spoiler :

Spoiler:

La seule chose que vous avez à régler est la valeur dans l'entrée "Images à ajouter". Sachez que ça correspond à la vitesse de défilement de l'image.
Par exemple, le troisième bouton que je vous ai montré qui défile de gauche à droite a une valeur de 60. A vous de voir donc.

5) Validez et appuyez sur Play pour voir votre oeuvre. Si vous êtes satisfaits, faîtes Enregistrer une copie optimisée sous...


J'espère que vous essayerez et que vous me montrerez. N'hésitez pas à poser des questions.


Un grand merci à Jenni pour la traduction en français correct. Sans elle, vous n'auriez probablement rien compris