Bonjoour !
Nom du tuto : Faire une userbar animée
Difficulté : Moyen
Source : moi-même
Aperçu : ________________________________
1- Créez un nouveau fichier de 350*20 pixels avec un fond transparent.
2- Remplissez votre fond d'une couleur, dégradé, fond ou autre.
3- Ouvre votre image sur Photoshop (ici, j'ai pris une image que j'ai vectoriser
)
Découpez-là ci nécessaire.
Puis fais copier/coller votre image sur un nouveau calque et redimensionnez-là.
Faites dépasser le haut de l'image un petit peu comme ceci :
4- Ouvre la fenêtre d'animation ( Fenêtre > Animation)
Puis, dans cette fenêtre d'animation, dupliquez l'image.
5-
Sur la deuxième image de la fenêtre d'animation, prenez l'outil
Déplacement (V) et montez votre image en haut et arrêtez-là au niveau
que vous voulez (attention, déplacez-le bien droit sinon ça va faire
moche
)
6-
Toujours dans la fenêtre d'animation, sélectionnez la première image et
appuyez sur le bouton trajection. Choisissez le nombre d'image (ici je
prend 25). Plus vous mettez d'image plus l'animation sera lente mais
très fluide.
Voilà, 25 images se sont ajoutés dans la fenêtre d'animation.
7- Dans la fenêtre d'animation, dupliquer la première image et mettez-là à la fin.
Sélectionner l'avant-dernière image et faites de nouveau trajectoire avec le même nombre d'image (ici 25 images).
Et vOilà, votre userbar est animée.
Si vous voulez mettre du texte, veillez à le mettre la première image de le fenêtre d'animation
Et voilà le résultat :
Et avec une petite touche perso (pour faire cette effet, voir à la fin du tuto sur le Globe).
NB : Vous pouvez faire la même chose avec du texte si vous voulez.
J'espère que ce tutoriel vous a plus et vous servira
Si
vous avez des questions, un problème, n'hésitez pas surtout (soit vous
poster à la suite, ou si il faut des explications assez longues,
contactez-moi par MP)
Montrez-nous vos résultats
Bonne visite sur AD
© Reproduction et/ou distribution du tutoriel interdit sans mon autorisation