Metagames

Metagames (https://www.metagames-eu.com/forums/)
-   Les tutoriels graphiques (https://www.metagames-eu.com/forums/les-tutoriels-graphiques/)
-   -   tuto animer une user bar (https://www.metagames-eu.com/forums/les-tutoriels-graphiques/tuto-animer-une-user-bar-72850.html)

¤¤Koopa¤¤ 25/09/2006 17h28

tuto animer une user bar
 
bon ba voila un tuto simple et claire pour créer des userbars anime
http://userbars.forumpro.fr/viewtopic.forum?t=719

FreeZou 25/09/2006 17h34

Tu pourrais mettre le tuto dans quote, car il faut s'inscrire ...

kira 25/09/2006 17h34

La Section "Tutoriaux" c'est pour des "Tutos Made in Meta",pointer des "Tutos" d'ailleurs ou les deux?:snif:

FreeZou 25/09/2006 17h48

C'est une question ?

Nan mais le truc s'il faut s'inscrire sur un forum a chaque fois pour avoir un tuto ... voila quoi tu met le tuto entre quote avec la source et c'est bon.

kira 25/09/2006 17h53

Citation:

C'est une question ?
Oui c'en est une.
-->Je peux donc pointer vers des tutos que je n'ai pas réalisé?

A moins que le tuto que montre Koopa soit réalisé par ses soins.:fou:

FreeZou 25/09/2006 17h55

Ah ouais bien sur, tu peux pointer, si l'auteur est d'accord ( en general ça doit etre bon ^^ ) et si tu cites la source sans probleme.
Le but de cette partie du forum est d'apprendre et tous les moyens sont bon.

kira 25/09/2006 18h03

Merci pour la précision.:jap:

"Tutos" j'arrive.:D

¤¤Koopa¤¤ 27/09/2006 19h00

Citation:

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 :fuck:

-ouvrez un nouveau document avec ces dimensions:

http://img376.imageshack.us/img376/7350/17fy1.th.jpg

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

http://img141.imageshack.us/img141/9669/20ta.th.jpg

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

http://img452.imageshack.us/img452/5061/33jn.th.jpg

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

http://img117.imageshack.us/img117/949/44tq.th.jpg

-Créez une seconde frame en cliquant sur ce boutonhttp://img88.imageshack.us/img88/9542/56ml1.jpg, sélectionnez la et déplacez alors l'image afin que l'on voit le haut

http://img467.imageshack.us/img467/2013/66uv.th.jpg

-Resélectionnez la première frame et cliquez ensuite sur le bouton "trajectoire"http://img467.imageshack.us/img467/5561/74mo.jpg

-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 :jap: 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 :fuck:

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

http://img481.imageshack.us/img481/2...stitre10up.gif


Voila j'espère que ce tuto est assez clair, n'hésitez pas à poser des questions si vous avez un problème :fuck:
voila désoler j'ai pas pu le faire avant le forum été en maintenance

Link14 28/09/2006 19h47

Les :fuck: ils font quoi dans le tuto?
Tu pourrai pas plutot éditer le 1er post pour mettre le tuto ?
Merci!

Feng_Shui 30/09/2006 13h05

A mettre dans le premier post
 
[TUTO] Animer une userbar

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

-ouvrez un nouveau document avec ces dimensions:

http://img376.imageshack.us/img376/7350/17fy1.jpg

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

http://img141.imageshack.us/img141/9669/20ta.jpg

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

http://img452.imageshack.us/img452/5061/33jn.jpg

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

http://img117.imageshack.us/img117/949/44tq.jpg

-Créez une seconde frame en cliquant sur ce boutonhttp://img88.imageshack.us/img88/9542/56ml1.jpg, sélectionnez la et déplacez alors l'image afin que l'on voit le haut

http://img467.imageshack.us/img467/2013/66uv.jpg

-Resélectionnez la première frame et cliquez ensuite sur le bouton "trajectoire"http://img467.imageshack.us/img467/5561/74mo.jpg

-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 :jap: 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

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

http://img481.imageshack.us/img481/2...stitre10up.gif


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


Fuseau horaire GMT +1. Il est actuellement 04h11.

Powered by vBulletin® Version 3.8.7
Copyright ©2000 - 2024, Jelsoft Enterprises Ltd.

Integrated by BBpixel ©2004-2024, jvbPlugin

Version française #23 par l'association vBulletin francophone
© 2003-2018 MetaGames. Tous droits réservés.