[MegaTuto] Fluidité

Page 2 sur 6 Précédent  1, 2, 3, 4, 5, 6  Suivant

Voir le sujet précédent Voir le sujet suivant Aller en bas

[MegaTuto] Fluidité

Message  FireFox le Mer 30 Mai 2007 - 15:14

Rappel du premier message :

Il s'agit, à l'instant où je poste, du plus gros tutoriel du forum  :)
J'ai mis pas mal de temps à le créer, j'espère qu'il vous aidera.
Certaines idées sont vraiment difficiles à exprimer, mais je pense m'en être assez bien sorti...

Attention : Il est possible que le tutoriel soit mis à jour, si c'est le cas je vous préviendrais.
(Tutoriel mis à jour par Sd')

Bon allez, place au tutoriel :

Fluidité

Vous en avez marre que l’on vous dise d’améliorer votre fluidité ? Et bien vous êtes tombés sur le bon tuto !
Ici vous sera expliqué étape par étape ce qu’il faut savoir pour avoir une animation fluide !


Chapitre 1 : Vitesse constante :

Avant de passer aux choses sérieuses, il faut connaitre la base : Ce qui joue le plus sur la fluidité ; garder une vitesse constante. C'est ce que vous aller apprendre dans ce chapitre 1.

Quand vous débutez, vos mouvements sont souvent saccadés (ce qui joue beaucoup sur la fluidité).
Vous ne savez pas pourquoi ? Et bien c'est parce que les mouvements ne sont pas réguliers !
Certains passages sont plus rapides que d'autres. Ce qui donne un mauvais résultat :



Schématisons le déplacement gauche-droite du stk de l'animation ci-dessus... ce qui donne quelque chose de ce genre :
|---->|->|----->|-->|----->|----->|->|--->|---->|----->|----->|--->|------>|

Vous remarquerez bien que les déplacements ne sont pas du tout réguliers !

Pour y remédier, il vous suffit juste de garder en tête l'espacement de votre stk la frame précédent, et de le reproduire au mieux dans la frame suivante, ce qui donne :



Schématisons le déplacement gauche-droite du stk de l'animation ci-dessus... ce qui donne quelque chose de ce genre :
|------>|------>|------>|------>|------>|------>|------>|------>|------>|------>|------>|------>|------>|

Le résultat est nettement meilleur. Donc n'oubliez pas : Garder toujours une vitesse constante à chaque mouvement.


Chapitre 2 : Vitesse des mouvements :

Quand vous débutez, vos mouvements sont souvent beaucoup trop rapides, ce qui donne un mauvais résultat.
Et vous êtes les seuls à comprendre votre anim !
Vous ne savez pas pourquoi ? Et bien c'est parce que vos mouvements sont trop espacés !

Alors vous avez tendance à baisser la vitesse d'animation : très mauvaise idée !! Ca ne fait qu'empirer la mauvaise fluidité !

Plus votre vitesse d'animation sera élevée, plus vos mouvements devront être serrés.
[La vitesse d'animation se change grâce à cette mini-bar de défilement :



Prenons 2 exemples :

Vitesse 7 : |------>|------>|------>|------>|------>|------>|------>|------>|------>|------>|------>|------>|------>|
Vitesse 16 : |-->|-->|-->|-->|-->|-->|-->|-->|-->|-->|-->|-->|-->|-->|-->|-->|-->|-->|-->|-->|-->|-->|-->|-->|

Pour une distance plus ou moins semblable, il est donc nécessaire, selon la vitesse, d'augmenter ou diminuer le nombre de frames par mouvement.

Il est préférable d'augmenter au maximum la vitesse et de serré au maximum les mouvements.

Maintenant, je vous laisse constater la différence de qualité entre la qualité maximale et la qualité minimale :

Qualité maximale (vitesse 33) (fichier .piv)


Qualité moyenne (vitesse 18) (fichier .piv)


Bon, ça crève les yeux : La différence est flagrante !

Avant de conclure sur ce chapitre, je tiens à vous prévenir qu'il faut être fou pour faire une animation vitesse 33 !
Pour être considéré comme "bon" à pivot (pour la fluidité) il faut faire des animations vitesse 18, ce qui donne de très bons résultats. Mais si vous débutez, augmentez petit à petit.


Chapitre 3 : Variation de vitesse :

Une fois que vous avez assimilé les 2 premiers chapitres, vos animations devraient être nettement plus fluides qu'avant.
Mais il existe d'autres moyens de rendre ses anims encore plus fluides : Il faut varier la vitesse !
C'est sûrement le chapitre le plus complexe, c'est pourquoi je vais le diviser en 2 sous-chapitres.

[1] Mouvements différents = vitesse différentes :

Je sais ce que vous vous dites : "Mais qu'est ce que ça veut dire ?!?! Dans le chapitre 1 tu nous dis de garder une vitesse constante, mais maintenant tu nous dis de la varier !?!?"
Et bien il y a une nuance là dedans : En fait il ne faut pas garder une vitesse constante pendant toute l'anim. Il faut garder une vitesse constante pour chaque mouvement !

C'est un peu flou pour le moment, je vous comprends ^^

Prenons un exemple simple : Lorsque vous courez, vous aller plus vite que lorsque vous marcher. Donc les déplacements seront plus espacés si vous faites courir votre stickman que si vous le faites marcher.

Je sais, ça a l'air stupide, vous allez croire que je vous prends pour des boulets ^^
Mais il vaut mieux commencer par quelque chose de simple avant de passer à quelque chose de plus complexe...

Prenons maintenant un exemple un peu plus compliqué et que nous allons donc schématiser ; un coup de poing :

L'exemple est pourrit, c'est juste pour vous montrer l'idée ^^
Je l'ai ralenti au maximum pour que vous puissiez bien voir la différence de vitesse :



Préparation du poing : |--->|--->|--->|--->|--->|--->|
Quand vous préparez votre coup de poing, le mouvement est relativement lent, il dure 7 frames sur cette anim.

Lancement du poing : |---------->|---------->|
Lorsque votre poing est lancé, il se précipite rapidement vers sa cible, ici 2 frames suffisent.

Tout ça pour dire que la préparation du poing est plus longue que son lancement. Ce qui n'empêche pas les mouvements d'être réguliers.

Je ne peux rien dire de plus.
C'est à vous de gérer la vitesse tout en gardant des déplacements réguliers en fonction des mouvements.

[2] Accélérations et Freinages :

Difficile de trouver les bons mots pour exprimer ça. C'est aussi assez difficile à expliquer et à mettre en pratique une fois compris.
Mais vous verrez, à force ça deviendra une habitude et vous le ferez machinalement.

En plus de devoir garder une vitesse constante par mouvements, certains mouvements nécessitent une "accélération" ou un "freinage".

Prenons un exemple simple : une voiture. Lorsque vous démarrez il vous faut un temps d'accélération avant d'arriver à votre vitesse de pointe, et pour freiner pareil : il vous faut un certain temps avant que votre vitesse atteigne 0.
Tout ça pour dire que vous ne démarrez pas tout de suite en vitesse de pointe pour vous arrêter en une fraction de seconde !

Pour beaucoup de mouvements il vous faudra un temps d'accélération / freinage.

Un autre exemple simple mais cette fois en image :



Schématisons le déplacement gauche-droite du stk, ce qui donne quelque chose comme ça :

|>|->|-->|--->|---->|---->|--->|-->|->|>|
Le stk accélère jusqu'à sa vitesse de pointe, puis freine et s'arrête complètement.


Maintenant, passons à un exemple beaucoup plus complexe. Regardez cette anim :



Vous remarquerez peut-être qu'en plein mouvement la vitesse varie.

Nous allons travailler sur cette anim pour que je puisse vous expliquer plus clairement.

Tout d'abord là-voici vitesse réduite (pour faciliter la compréhension) :



Pour commencer, la Flexion : |->|-->|--->|-->|->|>|
Lors de la flexion, la vitesse est progressive. Au tout début du mouvement il faut un temps d'accélération, ici 2 frames.
Ensuite il faut un temps de freinage, ici 3 frames. Tout cela doit être progressif : le stickman accélère progressivement et freine progressivement.

Maintenant, le Saut : |--->|--->|--->|-->|->|>|
Le saut démarre rapidement grâce à la flexion le précédent. Ensuite, au bout d'un moment, le stickman doit freiner dans les airs (c'est la gravité ^^), il freine progressivement pendant 3 frames.

Puis, la Chute : |->|-->|-->|--->|
Lorsque le stickman a atteint sa hauteur maximale il retombe en accélérant de plus en plus, ici 3 frames d'accélération.

Ensuite, une autre Flexion : |--->|--->|--->|-->|->|>|
Après le saut une autre flexion similaire à la première. Sauf qu'ici la vitesse de pointe est déjà atteinte, donc l'accélération n'est pas nécessaire, seul le freinage l'est.

Et pour finir, le stickman se relève : |->|-->|>|
Ici le stickman n'a pas le temps d'accélérer qu'il doit déjà freiner ^^

Bon, voilà, c'était un exemple assez long de l'utilité des accélérations / freinages.

Avant de conclure avec ce chapitre, si vous êtes encore sceptique, je vous montre l'anim si l'on ne prend pas compte des accélérations et freinages :



Fin du tuto

Voilà, c'est la fin du tuto, j'espère qu'il vous aidera beaucoup et qu'il est assez compréhensible  :D


Dernière édition par Sd' le Mar 11 Avr 2017 - 11:36, édité 7 fois (Raison : Mis à jour)

_____________________
avatar
FireFox
Administrateur

Masculin Nombre de messages : 3655
Age : 24
Date d'inscription : 22/10/2006

Voir le profil de l'utilisateur

Revenir en haut Aller en bas


Re: [MegaTuto] Fluidité

Message  Kane le Lun 25 Juin 2007 - 16:03

Ouai merçi firefox^^
avatar
Kane

Masculin Nombre de messages : 292
Age : 27
Date d'inscription : 13/06/2007
Localisation : Paris

Voir le profil de l'utilisateur

Revenir en haut Aller en bas

Re: [MegaTuto] Fluidité

Message  cgdb le Lun 25 Juin 2007 - 17:55

FireFox fait parti de cette race supérieure qui peut écrire des lignes et des lignes sans fatiguer... on les appelaient les écrivains. (à noter que Elfe est un être appartenant à cette race. surement un des meilleurs éléments)

_____________________
Revenons au principe de base d'une signature :
Signé cgdb
avatar
cgdb
Retraité

Masculin Nombre de messages : 3933
Age : 25
Date d'inscription : 03/05/2007
Localisation : l'eau qu'a Lise à Sion (elle est drôle, hein ?)

Voir le profil de l'utilisateur

Revenir en haut Aller en bas

Re: [MegaTuto] Fluidité

Message  Omega le Lun 25 Juin 2007 - 18:11

je pense que elfe est a part :lol: :lol:
avatar
Omega

Masculin Nombre de messages : 2629
Age : 23
Date d'inscription : 03/04/2007

Voir le profil de l'utilisateur

Revenir en haut Aller en bas

Re: [MegaTuto] Fluidité

Message  Soso le Sam 30 Juin 2007 - 12:31

merci pour tout les tutos firefox.
ils m'aident vraiment.
avatar
Soso

Masculin Nombre de messages : 1850
Age : 23
Date d'inscription : 16/06/2007
Localisation : 31 tu peux pas testé.....tu le sais !

Voir le profil de l'utilisateur

Revenir en haut Aller en bas

Re: [MegaTuto] Fluidité

Message  Xari le Mer 4 Juil 2007 - 12:52

Salut,
j'ai un problème quand je change la vitesse avec la barre de défilement ça change la vitesse pour toutes les frames :x.
avatar
Xari

Masculin Nombre de messages : 272
Age : 26
Date d'inscription : 03/07/2007

Voir le profil de l'utilisateur

Revenir en haut Aller en bas

Re: [MegaTuto] Fluidité

Message  Omega le Mer 4 Juil 2007 - 13:01

Bah oui c'est fais expré lol
avatar
Omega

Masculin Nombre de messages : 2629
Age : 23
Date d'inscription : 03/04/2007

Voir le profil de l'utilisateur

Revenir en haut Aller en bas

Re: [MegaTuto] Fluidité

Message  Xari le Mer 4 Juil 2007 - 13:10

Pour ralentir je fais comment alors ?
avatar
Xari

Masculin Nombre de messages : 272
Age : 26
Date d'inscription : 03/07/2007

Voir le profil de l'utilisateur

Revenir en haut Aller en bas

Re: [MegaTuto] Fluidité

Message  cgdb le Mer 4 Juil 2007 - 14:03

ben tu utilises la barre à de défilement à gauche, mais encore une fois, ça change la vitesse partout.
arpès, à toi de jouer avec les mouvements de tes persos pour harmoniser le tout, car on ne peut pas changer la vitesse d'une frame en particulier.

_____________________
Revenons au principe de base d'une signature :
Signé cgdb
avatar
cgdb
Retraité

Masculin Nombre de messages : 3933
Age : 25
Date d'inscription : 03/05/2007
Localisation : l'eau qu'a Lise à Sion (elle est drôle, hein ?)

Voir le profil de l'utilisateur

Revenir en haut Aller en bas

Re: [MegaTuto] Fluidité

Message  Xari le Mer 4 Juil 2007 - 14:32

Re,
ok merci ^^
avatar
Xari

Masculin Nombre de messages : 272
Age : 26
Date d'inscription : 03/07/2007

Voir le profil de l'utilisateur

Revenir en haut Aller en bas

Re: [MegaTuto] Fluidité

Message  kr0om le Lun 16 Juil 2007 - 16:13

:D merci pour ton mega tuto!!!!qui m'a beaucoup aider(comme tous tes tutos dailleur ;) )
avatar
kr0om

Masculin Nombre de messages : 251
Age : 22
Date d'inscription : 11/07/2007
Localisation : heu..chepa ou mais y'a du soleil des fois ou je suis

Voir le profil de l'utilisateur

Revenir en haut Aller en bas

Re: [MegaTuto] Fluidité

Message  lennyanki le Jeu 19 Juil 2007 - 21:43

Hu :shock:
Pas mal le tuto ^^'
Ca aidera pas mal de monde, moi y compris :roll:
avatar
lennyanki

Masculin Nombre de messages : 121
Age : 23
Date d'inscription : 18/07/2007
Localisation : C'est quoi une localisation ?

Voir le profil de l'utilisateur

Revenir en haut Aller en bas

Re: [MegaTuto] Fluidité

Message  FabY le Jeu 26 Juil 2007 - 0:39

Bravo, je suis sur que sa va m'aider ^^ ,j'en prenais conscience qu'à moitié.
Maintenant j'en ai conscience à 100% :lol!:

Bref, merci pour tout et ne ferme jamais le forum !!!

FabY

Nombre de messages : 29
Date d'inscription : 25/07/2007

Voir le profil de l'utilisateur

Revenir en haut Aller en bas

Re: [MegaTuto] Fluidité

Message  cgdb le Jeu 26 Juil 2007 - 11:03

FabY a écrit:Bref, merci pour tout et ne ferme jamais le forum !!!
c'est une info qui date d'une autre ère, on ne veut plus jamais en entendre parler... :roll:

_____________________
Revenons au principe de base d'une signature :
Signé cgdb
avatar
cgdb
Retraité

Masculin Nombre de messages : 3933
Age : 25
Date d'inscription : 03/05/2007
Localisation : l'eau qu'a Lise à Sion (elle est drôle, hein ?)

Voir le profil de l'utilisateur

Revenir en haut Aller en bas

Re: [MegaTuto] Fluidité

Message  K@nd00 K!773r le Ven 3 Aoû 2007 - 20:20

Z'etes marrant y en a plein qui disent que c'est simple mais quant on est un gros noob comme moi c'est pas si simple
avatar
K@nd00 K!773r

Masculin Nombre de messages : 402
Age : 23
Date d'inscription : 09/06/2007
Localisation : Depression nerveuse a cause de pivot xD

Voir le profil de l'utilisateur

Revenir en haut Aller en bas

Re: [MegaTuto] Fluidité

Message  cgdb le Ven 3 Aoû 2007 - 20:22

entraine-toi, essaie de faire toujours mieux !
c'est pas facile, mais avec le temps, tu y arriveras.
chacun progresse à son rythme. ;)

_____________________
Revenons au principe de base d'une signature :
Signé cgdb
avatar
cgdb
Retraité

Masculin Nombre de messages : 3933
Age : 25
Date d'inscription : 03/05/2007
Localisation : l'eau qu'a Lise à Sion (elle est drôle, hein ?)

Voir le profil de l'utilisateur

Revenir en haut Aller en bas

il est super ce tuto

Message  meomichael le Sam 4 Aoû 2007 - 13:43

c koi les :boulet: qui conprene pas le ritme :lol!: mercie
avatar
meomichael

Masculin Nombre de messages : 30
Age : 23
Date d'inscription : 30/07/2007
Localisation : au toilette

Voir le profil de l'utilisateur

Revenir en haut Aller en bas

Re: [MegaTuto] Fluidité

Message  Rekhyt le Sam 1 Sep 2007 - 15:48

Merci FireFox, Je "laguais" beaucoup question fluiditée (je montrerais mes animatons honteuse en même temps que mes nouvelles après) mais maintenant tout est clair! XD, pendant 2 ans je faisait pire qu'un néophyte et en cinq minute je fais beaucoup mieux. Super tuto!
avatar
Rekhyt

Nombre de messages : 6
Date d'inscription : 01/09/2007

Voir le profil de l'utilisateur

Revenir en haut Aller en bas

gagaga dit : bravo !

Message  gagaga le Sam 8 Sep 2007 - 11:58

franchement, bravo, :cheers: firefox ! :D Deja un de tes tuto pour le sang mavai bocoup aidé ;) mais la, c'est le must !
:lol: encore merci !

gagaga

Masculin Nombre de messages : 70
Age : 23
Date d'inscription : 31/08/2007
Localisation : dans mon lit en train de dormir ;)

Voir le profil de l'utilisateur

Revenir en haut Aller en bas

megatuto fluidité

Message  g171297 le Dim 16 Sep 2007 - 10:13

j'ai fait un test pour le saut:http://img451.imageshack.us/img451/2033/72203840ne3.gif
avatar
g171297

Masculin Nombre de messages : 85
Age : 25
Date d'inscription : 20/06/2007
Localisation : bah sur mon ordi

Voir le profil de l'utilisateur

Revenir en haut Aller en bas

Re: [MegaTuto] Fluidité

Message  HG le Dim 16 Sep 2007 - 10:21

c'est pas très réussi je trouve :|
avatar
HG

Féminin Nombre de messages : 1635
Age : 22
Date d'inscription : 23/07/2007
Localisation : Chez moi ...

Voir le profil de l'utilisateur

Revenir en haut Aller en bas

Re: [MegaTuto] Fluidité

Message  Saw le Mar 16 Oct 2007 - 20:38

Je te remerci pour ce totoriel!!!
avatar
Saw

Masculin Nombre de messages : 9
Age : 24
Date d'inscription : 15/10/2007

Voir le profil de l'utilisateur

Revenir en haut Aller en bas

Wow

Message  Sylph le Mer 17 Oct 2007 - 5:11

C'est un très bon tutorial... ça règle la plupart des problèmes les plus meurtriers dans la conception d'animations. Cependant, deux petites questions:
1) Y a-t-il un truc pour garder un parallélisme parfait quand on bouge des diagonales (ou on fait ça à l'oeil)?
2) Se pourrait-il qu'il se crée des trous si "l'accélération" et trop rapide ou exagérée?
avatar
Sylph

Nombre de messages : 83
Date d'inscription : 16/10/2007
Localisation : Partout là où je ne suis pas...

Voir le profil de l'utilisateur

Revenir en haut Aller en bas

Re: [MegaTuto] Fluidité

Message  FireFox le Mer 17 Oct 2007 - 15:21

Exprime toi mieux s'il te plait, parce que j'ai du mal à comprendre tes 2 questions :|

1) Non, tu dois faire ça à l'oeil, et puis c'est mieux comme ça puisque la vitesse de déplacement peut parfois varier.

2) Je ne comprends pas vraiment ta question :|

_____________________
avatar
FireFox
Administrateur

Masculin Nombre de messages : 3655
Age : 24
Date d'inscription : 22/10/2006

Voir le profil de l'utilisateur

Revenir en haut Aller en bas

Re: [MegaTuto] Fluidité

Message  Sylph le Jeu 18 Oct 2007 - 0:46

Désolé, je reformule. Ok. Admettons que je déplace la même stickfigure en mouvement selon cet intervalle: |------------------>| ------------------> | ------------------>| etc. ( la vitesse étant constante).
Si chaque déplacement est trop grand, l'animation sera-t-elle saccadée (comme si on montrait des images complètement séparée et distantes qui se succèdent)? Ou est-ce qu'on aura tout simplement un effet de vitesse très élevée?
avatar
Sylph

Nombre de messages : 83
Date d'inscription : 16/10/2007
Localisation : Partout là où je ne suis pas...

Voir le profil de l'utilisateur

Revenir en haut Aller en bas

Re: [MegaTuto] Fluidité

Message  Soso le Jeu 18 Oct 2007 - 7:29

je vais essayé de rrepondre a t'as question, je pense que l'anim' sera iréele car on ne comence jmais a fond, cela va faire un movais truk, il faut commencé doucement et aprés aller plus vite et gardé la meme vitesse.
avatar
Soso

Masculin Nombre de messages : 1850
Age : 23
Date d'inscription : 16/06/2007
Localisation : 31 tu peux pas testé.....tu le sais !

Voir le profil de l'utilisateur

Revenir en haut Aller en bas

Page 2 sur 6 Précédent  1, 2, 3, 4, 5, 6  Suivant

Voir le sujet précédent Voir le sujet suivant Revenir en haut


 
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum