Art Delicious
Vous souhaitez réagir à ce message ? Créez un compte en quelques clics ou connectez-vous pour continuer.


# Forum de Graphisme =)
 
AccueilAccueil  PortailPortail  Dernières imagesDernières images  RechercherRechercher  S'enregistrerS'enregistrer  ConnexionConnexion  
Le Deal du moment : -45%
WHIRLPOOL OWFC3C26X – Lave-vaisselle pose libre ...
Voir le deal
339 €

 

 Userbars animée [Moyen]

Aller en bas 
3 participants
AuteurMessage
mimizz
Admin
mimizz


Féminin
Nombre de messages : 96
Age : 31
Localisation : Lille (59)
Loisirs : Graphisme & Tennis
Logiciel(s) : Photoshop CS3
Date d'inscription : 26/04/2008

Userbars animée [Moyen] Empty
MessageSujet: Userbars animée [Moyen]   Userbars animée [Moyen] EmptyVen 30 Mai - 20:57

Bonjoour !

Nom du tuto : Faire une userbar animée
Difficulté : Moyen
Source : moi-même
Aperçu :
Userbars animée [Moyen] Image8cr8

________________________________

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 Very Happy)
Découpez-là ci nécessaire.

Userbars animée [Moyen] Image_10

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 :

Userbars animée [Moyen] Image210

4- Ouvre la fenêtre d'animation ( Fenêtre > Animation)

Puis, dans cette fenêtre d'animation, dupliquez l'image.

Userbars animée [Moyen] Image310

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 Razz)

Userbars animée [Moyen] Image410

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.

Userbars animée [Moyen] Image510

Userbars animée [Moyen] Image610

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 Very Happy

Et voilà le résultat :

Userbars animée [Moyen] Image7uw9

Et avec une petite touche perso (pour faire cette effet, voir à la fin du tuto sur le Globe).

Userbars animée [Moyen] Image8cr8

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 Wink
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 Very Happy

Bonne visite sur AD

© Reproduction et/ou distribution du tutoriel interdit sans mon autorisation
Revenir en haut Aller en bas
http://graph-forum.nice-forum.com/
#_Axell'

#_Axell'


Féminin
Nombre de messages : 56
Age : 28
Localisation : D'vant mon Ordii XDeii
Loisirs : Graphism', Shopping ...
Logiciel(s) : Toshop CS2
Date d'inscription : 30/05/2008

Userbars animée [Moyen] Empty
MessageSujet: Re: Userbars animée [Moyen]   Userbars animée [Moyen] EmptyDim 1 Juin - 12:18

Pour enregistrer on fait comment et sous quel format ????
Revenir en haut Aller en bas
http://images-a-gogo.goodforum.net
mimizz
Admin
mimizz


Féminin
Nombre de messages : 96
Age : 31
Localisation : Lille (59)
Loisirs : Graphisme & Tennis
Logiciel(s) : Photoshop CS3
Date d'inscription : 26/04/2008

Userbars animée [Moyen] Empty
MessageSujet: Re: Userbars animée [Moyen]   Userbars animée [Moyen] EmptyDim 1 Juin - 13:15

Toutes les animations c'est sous .GIF Wink
Revenir en haut Aller en bas
http://graph-forum.nice-forum.com/
#_Axell'

#_Axell'


Féminin
Nombre de messages : 56
Age : 28
Localisation : D'vant mon Ordii XDeii
Loisirs : Graphism', Shopping ...
Logiciel(s) : Toshop CS2
Date d'inscription : 30/05/2008

Userbars animée [Moyen] Empty
MessageSujet: Re: Userbars animée [Moyen]   Userbars animée [Moyen] EmptyDim 1 Juin - 13:16

Mais quand je mets Fichier > Enregistrer sous après je le nomme et je mets sous format gif ca me mets : Aplatir les calques et supprimer les imùages animées ?

Et si je mets ok ba mon image est pu animée ='(
Revenir en haut Aller en bas
http://images-a-gogo.goodforum.net
mimizz
Admin
mimizz


Féminin
Nombre de messages : 96
Age : 31
Localisation : Lille (59)
Loisirs : Graphisme & Tennis
Logiciel(s) : Photoshop CS3
Date d'inscription : 26/04/2008

Userbars animée [Moyen] Empty
MessageSujet: Re: Userbars animée [Moyen]   Userbars animée [Moyen] EmptyDim 1 Juin - 13:54

Il faut faire : Enregister pour le Web Wink
Et là tu prend .GIF Wink
Revenir en haut Aller en bas
http://graph-forum.nice-forum.com/
#_Axell'

#_Axell'


Féminin
Nombre de messages : 56
Age : 28
Localisation : D'vant mon Ordii XDeii
Loisirs : Graphism', Shopping ...
Logiciel(s) : Toshop CS2
Date d'inscription : 30/05/2008

Userbars animée [Moyen] Empty
MessageSujet: Re: Userbars animée [Moyen]   Userbars animée [Moyen] EmptyDim 1 Juin - 14:05

Ah okaii =) M'cii mimizz =)


Ca marche (L)
Revenir en haut Aller en bas
http://images-a-gogo.goodforum.net
Cookie
Admin
Cookie


Féminin
Nombre de messages : 75
Age : 28
Localisation : //!!//
Loisirs : Danse et CHaNt !
Logiciel(s) : Toshop & tofiltre
Date d'inscription : 30/04/2008

Userbars animée [Moyen] Empty
MessageSujet: Re: Userbars animée [Moyen]   Userbars animée [Moyen] EmptyLun 2 Juin - 17:46

Mercii beaucoup le tuto est super !
Revenir en haut Aller en bas
Contenu sponsorisé





Userbars animée [Moyen] Empty
MessageSujet: Re: Userbars animée [Moyen]   Userbars animée [Moyen] Empty

Revenir en haut Aller en bas
 
Userbars animée [Moyen]
Revenir en haut 
Page 1 sur 1
 Sujets similaires
-
» Faire un Globe [Moyen]
» Make a Rainbow. [Moyen]
» Full Sign. Stock. [Moyen -]

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Art Delicious :: » Your Graph :: Tutoriaux :: Photoshop-
Sauter vers:  
Ne ratez plus aucun deal !
Abonnez-vous pour recevoir par notification une sélection des meilleurs deals chaque jour.
IgnorerAutoriser