AccueilFAQRechercherS'enregistrerMembresGroupesConnexion

Partagez | 
 

 [tuto photoshop] animer une userbar

Voir le sujet précédent Voir le sujet suivant Aller en bas 
Aller à la page : 1, 2, 3, 4, 5  Suivant
AuteurMessage
Darkside76

avatar

Masculin Nombre de messages : 872
Age : 30
Localisation : Le Havre
Date d'inscription : 10/03/2006

MessageSujet: [tuto photoshop] animer une userbar   Sam 11 Mar - 23:43

Dans ce tuto, je vais vous expliquer comment créer une animation pour une userbar, anim consistant à déplacer le fond de haut en bas ou inversement Wink

-ouvrez un nouveau document avec ces dimensions:



-importez votre fond : fichier > importer (si toshop l'importe en tout petit, agrandissez le en veillant à rester appuyé sur maj pour garder les proportions Wink)



-Pour l'exemple, nous placerons cette image de telle sorte qu'on en voit le bas. Créez votre userbar comme d'habitude (liste de mes calques de bas en haut: fond, motif de lignes en diagonales, reflet, texte et cadre de 1 pix noir)



-Ensuite passons sous imageready pensif assurez vous que la fenêtre "animation" est ouverte, si elle ne l'est pas : Fenêtres > animation Wink



-Créez une seconde frame en cliquant sur ce bouton, sélectionnez la et déplacez alors l'image afin que l'on voit le haut



-Resélectionnez la première frame et cliquez ensuite sur le bouton "trajectoire"

-Une fenêtre s'ouvre, n'y modifier que le nombre d'images à ajouter (30 me parait raisonnable ^^) cliquez sur "ok" (sachez que plus vous mettez d'images, plus l'anim est lente, mais lourde aussi ^^)

-Voila, votre animation est (presque) terminée Nickel petit détail: vous pouvez mettre un temps d'attente avant que l'animation recommence, ça fait moins mal aux yeux ^^. Pour cela sélectionnez la dernière frame et changez le 0 secondes en 1 secondes par exemple Wink

-Pour l'enregistrer : Fichier > Enregistrer une copie optimisée sous ...




Voila j'espère que ce tuto est assez clair, n'hésitez pas à poser des questions si vous avez un problème Wink

enjoy bye
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Trekstar


avatar

Masculin Nombre de messages : 188
Age : 30
Localisation : Essonne
Date d'inscription : 11/03/2006

MessageSujet: Re: [tuto photoshop] animer une userbar   Dim 12 Mar - 0:21

Génial, simple concis et çà marche!! Nickel

Merci!
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://rymai.tumblr.com
TheGreenMan
TGM Tout Puissant
TGM Tout Puissant
avatar

Masculin Nombre de messages : 4363
Age : 36
Localisation : sur E-Design...
Date d'inscription : 06/02/2006

MessageSujet: Re: [tuto photoshop] animer une userbar   Dim 12 Mar - 0:40

Bravo Darkside76 pour ce tres bon tuto, je m'en vais l'essayer de suite... Nickel
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://daleetstudios.free.fr/dotclear/
El-Cherubin

avatar

Masculin Nombre de messages : 1418
Age : 29
Localisation : Yes !! Parisien dans l'ame!
Loisirs : Femme, net, informatique, lecture, cinema, et...hheeeuuu.......
Date d'inscription : 09/02/2006

MessageSujet: Re: [tuto photoshop] animer une userbar   Dim 12 Mar - 0:50

interressant!! merci l'ami! Wink
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://www.infocompub.fr
Darkside76

avatar

Masculin Nombre de messages : 872
Age : 30
Localisation : Le Havre
Date d'inscription : 10/03/2006

MessageSujet: Re: [tuto photoshop] animer une userbar   Dim 12 Mar - 0:54

Merci à vous cheers
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Trekstar


avatar

Masculin Nombre de messages : 188
Age : 30
Localisation : Essonne
Date d'inscription : 11/03/2006

MessageSujet: Re: [tuto photoshop] animer une userbar   Dim 12 Mar - 1:13

Tiens juste pour montrer comment c'est facile, je met mon résultat:

Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://rymai.tumblr.com
TheGreenMan
TGM Tout Puissant
TGM Tout Puissant
avatar

Masculin Nombre de messages : 4363
Age : 36
Localisation : sur E-Design...
Date d'inscription : 06/02/2006

MessageSujet: Re: [tuto photoshop] animer une userbar   Dim 12 Mar - 1:27

Eh beh... Laughing Non franchement top Wink
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://daleetstudios.free.fr/dotclear/
pouloupe

avatar

Masculin Nombre de messages : 293
Age : 29
Localisation : Saint-Etienne
Date d'inscription : 27/02/2006

MessageSujet: Re: [tuto photoshop] animer une userbar   Dim 12 Mar - 12:27

Darkside76 a écrit:

-Créez une seconde frame en cliquant sur ce bouton, sélectionnez la et déplacez alors l'image afin que l'on voit le haut



-Resélectionnez la première frame et cliquez ensuite sur le bouton "trajectoire"


Jai un petit problème au niveau de cette étape. Je deplace mon image comme tu dit après avoir créer la 2nde frame mais elle ne se déplace pas seulement sur cette seconde frame mais en même temps sur la 1ere frame donc ca donne une animation qui bouge pas.

qqun aurait-il une solution je vois vraiment pas pourquoi ca fait ca ? Sad

bye
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://www.dailymotion.com/pouloupe42
Trekstar


avatar

Masculin Nombre de messages : 188
Age : 30
Localisation : Essonne
Date d'inscription : 11/03/2006

MessageSujet: Re: [tuto photoshop] animer une userbar   Dim 12 Mar - 12:48

Il faut que tu ai cliqué sur la deuxième frame pour déplacer l'image.

En gros, résumons:

1°)Tu as ta première image qui est le point de départ, tu n'y touches pas.

2°)Tu fais une nouvelle frame, tu cliques dessus si ce n'est pas fait, et là tu sélectionne le calque de l'image (parce que si tu fais pas gaffe tu peux déplacer d'autres calques Laughing ), ensuite tu déplace l'image à l'endroit désiré.

3°)Tu cliques sur la première frame.

4°)Tu cliques sur le bouton trajectoire et tu met 30 images (ou plus ou moins, bref Wink ).

Normalement c'est bon Rolling Eyes

J'espère que j'ai été clair.. Neutral
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://rymai.tumblr.com
pouloupe

avatar

Masculin Nombre de messages : 293
Age : 29
Localisation : Saint-Etienne
Date d'inscription : 27/02/2006

MessageSujet: Re: [tuto photoshop] animer une userbar   Dim 12 Mar - 13:19

C'est très clair mais le problème c'est que c'est exactement ce que je fait il y a aucun doute. Vraiment chiant ca je vais retester. Evil or Very Mad

Si vous voyez un pb sur ce screen dites le moi :

Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://www.dailymotion.com/pouloupe42
Darkside76

avatar

Masculin Nombre de messages : 872
Age : 30
Localisation : Le Havre
Date d'inscription : 10/03/2006

MessageSujet: Re: [tuto photoshop] animer une userbar   Dim 12 Mar - 14:57

Cliques sur la petite flèche en dessous de la croix rouge, dans la fenêtre animation et regardes si l'option "créer un calque pour chaque nouvelle image" est cochée, si oui déchoches la et réessaye Wink
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
pouloupe

avatar

Masculin Nombre de messages : 293
Age : 29
Localisation : Saint-Etienne
Date d'inscription : 27/02/2006

MessageSujet: Re: [tuto photoshop] animer une userbar   Dim 12 Mar - 15:34

Non j'ai deja essayé et ca ne viens pas de là. Seul

C'est incompréhensible Neutral
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://www.dailymotion.com/pouloupe42
Darkside76

avatar

Masculin Nombre de messages : 872
Age : 30
Localisation : Le Havre
Date d'inscription : 10/03/2006

MessageSujet: Re: [tuto photoshop] animer une userbar   Dim 12 Mar - 16:54

En effet, ce genre de chose n'arrive que lorsque tu modifies la première frame, je n'ai aucune idée sur ton problème dsl Neutral

edit: est ce que tu peux m'envoyer ton .psd par hasard, que je regarde Wink
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
pouloupe

avatar

Masculin Nombre de messages : 293
Age : 29
Localisation : Saint-Etienne
Date d'inscription : 27/02/2006

MessageSujet: Re: [tuto photoshop] animer une userbar   Dim 12 Mar - 20:40

Ok je vais le refaire et jte l'envois.

Edit : le voici http://www.picdo.net/Fichiers/dc8edf63d71d2371111a5d85c1128f/msn.psd
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://www.dailymotion.com/pouloupe42
Darkside76

avatar

Masculin Nombre de messages : 872
Age : 30
Localisation : Le Havre
Date d'inscription : 10/03/2006

MessageSujet: Re: [tuto photoshop] animer une userbar   Sam 1 Avr - 18:36

Désolé je t'ai oublié pouloupe Laughing

ça doit venir de ton programme car j'ai réussi à faire ton animation

Revenir en haut Aller en bas
Voir le profil de l'utilisateur
mersko




Nombre de messages : 4
Date d'inscription : 26/03/2006

MessageSujet: Re: [tuto photoshop] animer une userbar   Ven 7 Avr - 20:07

Merci Nickel
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Echolls

avatar

Masculin Nombre de messages : 1182
Age : 26
Localisation : San Diego // California
Date d'inscription : 02/04/2006

MessageSujet: Re: [tuto photoshop] animer une userbar   Dim 9 Avr - 14:57

Serait'il possible de faire sa mais sans photoshop mais avec un logiciel de gif gratuit ou un payant ???
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://echolls.free.fr/
Darkside76

avatar

Masculin Nombre de messages : 872
Age : 30
Localisation : Le Havre
Date d'inscription : 10/03/2006

MessageSujet: Re: [tuto photoshop] animer une userbar   Dim 9 Avr - 15:08

Oui c'est possible, le fonctionnement est exactement le même que sur imageready, tu créer deux images clées et tu fais une interpolation entre les deux.

En logiciel d'animation, il y a Ulead Gif Animator et Animation Shop (payants) et en gratuit il y a Microsoft Gif Animator Wink
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Bujingai


avatar

Masculin Nombre de messages : 250
Age : 26
Localisation : Lille
Loisirs : Création graphique, consoles...
Date d'inscription : 06/05/2006

MessageSujet: Gimp   Sam 6 Mai - 23:30

Et est-ce que c'est possible avec Gimp? Rolling Eyes
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://userbars.forumpro.fr
Darkside76

avatar

Masculin Nombre de messages : 872
Age : 30
Localisation : Le Havre
Date d'inscription : 10/03/2006

MessageSujet: Re: [tuto photoshop] animer une userbar   Dim 7 Mai - 0:22

Oui, il me semble mais je ne l'utilise pas donc peut pas t'aider, désolé Neutral
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Bujingai


avatar

Masculin Nombre de messages : 250
Age : 26
Localisation : Lille
Loisirs : Création graphique, consoles...
Date d'inscription : 06/05/2006

MessageSujet: Re: [tuto photoshop] animer une userbar   Dim 7 Mai - 11:30

Y aurait-il quelqu'un qui serait comment faire?
Moi, j'y arrive pas... Sad

*Help me, please* Seul
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://userbars.forumpro.fr
sidkiller




Nombre de messages : 1
Date d'inscription : 29/04/2006

MessageSujet: Re: [tuto photoshop] animer une userbar   Lun 8 Mai - 23:23

moi j'y arrive mais j arrive juste pas a faire pour aller dans les 2 sens
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
TheGreenMan
TGM Tout Puissant
TGM Tout Puissant
avatar

Masculin Nombre de messages : 4363
Age : 36
Localisation : sur E-Design...
Date d'inscription : 06/02/2006

MessageSujet: Re: [tuto photoshop] animer une userbar   Mar 9 Mai - 0:28

sidkiller a écrit:
moi j'y arrive mais j arrive juste pas a faire pour aller dans les 2 sens

C'est simple, quand tu fais ta premiere trajectoire, tu va a la derniere frame et tu refait "reproduire l'image selectionnée". la tu remonte ou tu redescend ton calque (tout depend comment tu l'as bougé avant). Tu revient a l'avant derniere frame et tu fait trajectoire. Teste et normalement c'est bon. Wink
Revenir en haut Aller en bas
Voir le profil de l'utilisateur http://daleetstudios.free.fr/dotclear/
fada




Nombre de messages : 14
Date d'inscription : 07/05/2006

MessageSujet: Re: [tuto photoshop] animer une userbar   Dim 14 Mai - 15:50

moi quand je veux remonter pour afficher le haut de l'image sa deplace mon texte et pas l image je ois fusioner quoi ??
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
fada




Nombre de messages : 14
Date d'inscription : 07/05/2006

MessageSujet: Re: [tuto photoshop] animer une userbar   Dim 14 Mai - 15:55

c'est bon j'ai trouvé Laughing
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Contenu sponsorisé




MessageSujet: Re: [tuto photoshop] animer une userbar   

Revenir en haut Aller en bas
 
[tuto photoshop] animer une userbar
Voir le sujet précédent Voir le sujet suivant Revenir en haut 
Page 1 sur 5Aller à la page : 1, 2, 3, 4, 5  Suivant
 Sujets similaires
-
» tuto clin d'oeil et bisou
» SILIC - challenge Noël
» Le "qu'en" le "quant" et le "quand"
» tuto photoshop pour une jolie signature
» Tuto photoshop "Les bases" niveau débutant

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
UserBars France :: Tutoriels / Support :: Tutos :: Photoshop :: Userbars/boxs, Squareboxs-
Sauter vers: