Pivot-land

Forum français consacré au logiciel Pivot Stickfigure Animator
 
AccueilPortailS'enregistrerMembresConnexion

Partagez | 
 

 [MegaTuto] Fluidité

Aller en bas 
Aller à la page : Précédent  1, 2, 3, 4, 5, 6  Suivant
AuteurMessage
FireFox
Administrateur
avatar

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

MessageSujet: [MegaTuto] Fluidité   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)
Revenir en haut Aller en bas
Voir le profil de l'utilisateur

AuteurMessage
Omega

avatar

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

MessageSujet: Re: [MegaTuto] Fluidité   Jeu 18 Oct 2007 - 17:17

Pour ta questions 1 , c'est a l'oeil .

La deux je sais pas ^^
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
solidsilversoldier
Retraité
avatar

Masculin Nombre de messages : 3522
Age : 26
Date d'inscription : 07/03/2007
Localisation : Royaume Skate-land !

MessageSujet: Re: [MegaTuto] Fluidité   Jeu 18 Oct 2007 - 20:07

Pour ta question Deux , Je pense que cela fera plutot un espece de saccadement ( C'et un mot sa ? :scratch: ) !
Voila Voila ;p
Mais comme disait mon grand tonton , Rien ne vaut l'experience :P
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
_SpirOux_

avatar

Masculin Nombre de messages : 91
Age : 26
Date d'inscription : 12/11/2007
Localisation : Vive le Québec ! Néophyte

MessageSujet: Re: [MegaTuto] Fluidité   Jeu 15 Nov 2007 - 23:15

Ah c'est ce Topic que tout le monde me dit d'aller Voir ^.^ J'avou que ça va grandement m'aider ^.^ !
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Orixx

avatar

Masculin Nombre de messages : 45
Age : 26
Date d'inscription : 30/01/2008

MessageSujet: merci   Lun 4 Fév 2008 - 17:31

Merci beaucoup pour ce super tuto firefox, j'essairais de l'appliquer des que possible, quant a la deuxieme question je dirai ossi un espece de sacadement car si un mouvement trop rapide (certes exactement copié) est placé juste aprés un autre, sa fait bizare, enfin je pense


bref, je suis pas très doué pour expliquer donc si t'a pas compris tu me le dis j'essaierais de mieux reformuler sa bref chou les gens ... :lol!:
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Kevin94800

avatar

Masculin Nombre de messages : 28
Age : 24
Date d'inscription : 10/02/2008
Localisation : -_-' J'existe po ^^

MessageSujet: Re: [MegaTuto] Fluidité   Dim 17 Fév 2008 - 17:36

j'ai bien fait de venir la en plus je suis nul en fluidité merci Firefox pour ce tuto
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Linkfan

avatar

Nombre de messages : 102
Age : 23
Date d'inscription : 19/07/2007

MessageSujet: Re: [MegaTuto] Fluidité   Mar 19 Fév 2008 - 20:33

Merci, mais je suis toujours pas terrible :( .
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Remora
Modérateur
avatar

Masculin Nombre de messages : 1040
Age : 24
Date d'inscription : 22/10/2006
Localisation : Devant la gamelle du chat ( qu'est-ce que je fous là...? )

MessageSujet: Re: [MegaTuto] Fluidité   Mar 19 Fév 2008 - 21:27

Essaye de tout appliquer par étapes, ça te permettra d'approfondir chaque subtilité ;)
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Mou_stick

avatar

Masculin Nombre de messages : 1010
Age : 23
Date d'inscription : 10/02/2008
Localisation : In Wonderlaaaaaaand Anniversaire: 24 Janvier

MessageSujet: Re: [MegaTuto] Fluidité   Jeu 28 Fév 2008 - 23:16

:affraid: Alors la je suis impressionné :affraid:
Je croyais au début que c'était un tuto pour les Noobs et je me suis dit "pourquoi pas" alors j'ai fait une animation de combos avec ton tutoriel et la... le CHOC l'animation est fluide et belle :affraid: alors FireFox JE T'AIME! ❤ :cheers:
Merci encore :cheers:
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
JHF

avatar

Masculin Nombre de messages : 762
Age : 23
Date d'inscription : 23/02/2008
Localisation : Tu voie le mec las bas ? Bah c'est pas moi ....

MessageSujet: Re: [MegaTuto] Fluidité   Ven 29 Fév 2008 - 11:56

Très bien comme tutorial rien a dire même si je comprend pas trop mais bravo :) :P
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
skywat

avatar

Masculin Nombre de messages : 29
Age : 25
Date d'inscription : 04/03/2008
Localisation : New Mombassa

MessageSujet: Re: [MegaTuto] Fluidité   Dim 23 Mar 2008 - 18:53

merci super tuto
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Ant77



Nombre de messages : 5
Date d'inscription : 17/03/2008

MessageSujet: Re: [MegaTuto] Fluidité   Mer 9 Avr 2008 - 19:29

Merci,pour ce superbe tuto.
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
léocmoi

avatar

Masculin Nombre de messages : 98
Age : 22
Date d'inscription : 14/04/2008
Localisation : LeMans

MessageSujet: Re: [MegaTuto] Fluidité   Ven 18 Avr 2008 - 12:37

bon pour l'instant j'y arrive pas merci quand meme sa rentrera
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Chocks
Retraité
avatar

Masculin Nombre de messages : 6474
Age : 25
Date d'inscription : 07/04/2008

MessageSujet: Re: [MegaTuto] Fluidité   Dim 20 Avr 2008 - 21:26

Merci pour ce magnifique tuto il va beaucoup m'aider

_____________________
"Les amis c'est comme les patates: si on les mange ils meurent"

Par OkoiaCeci est un message inutile, à ne lire que si on a du temps à perdre. Bonne journée!.
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
fire.aton@hotmail.fr

avatar

Masculin Nombre de messages : 42
Age : 24
Date d'inscription : 07/04/2008
Localisation : la ou persone ne me cherchera le (biiiiip) d'une vache

MessageSujet: Re: [MegaTuto] Fluidité   Sam 26 Avr 2008 - 13:33

salut voila une video court jé bien fait les mouvemant?
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
solidsilversoldier
Retraité
avatar

Masculin Nombre de messages : 3522
Age : 26
Date d'inscription : 07/03/2007
Localisation : Royaume Skate-land !

MessageSujet: Re: [MegaTuto] Fluidité   Dim 27 Avr 2008 - 9:56

Euh ... désolé, mais c'est pas très fluide ....

Et puis, j'suis pas sûr que posté une anim' ici est bien, tu aurais pu la mettre dans ton topic en demandant la même question :roll:
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Xiaoxiaopivot

avatar

Masculin Nombre de messages : 175
Age : 22
Date d'inscription : 17/03/2008
Localisation : Alors {USERNAME} tu me vois ?!

MessageSujet: Re: [MegaTuto] Fluidité   Dim 1 Juin 2008 - 21:19

:study: ça ma apris quelquechose au moins :lol!:
Merci Firefox pour c tuto
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
PyVoT
Retraité
avatar

Masculin Nombre de messages : 2564
Age : 23
Date d'inscription : 20/06/2008
Localisation : Présent

MessageSujet: Re: [MegaTuto] Fluidité   Jeu 26 Juin 2008 - 11:08

Vraiment GENIAL !!

Vive firefox vive firefox !

Il m' a énormément aidé a progrésser !
Merci vraiment Pour ce tuto et tous les autres !!!!

_____________________




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



Masculin Nombre de messages : 39
Age : 24
Date d'inscription : 05/07/2008

MessageSujet: Re: [MegaTuto] Fluidité   Jeu 10 Juil 2008 - 1:05

Merci firefox.Il est exelent ton tuto sa marche trop bien.
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
mhdlcm

avatar

Masculin Nombre de messages : 1455
Age : 24
Date d'inscription : 19/07/2008
Localisation : En train d'éssayer de parler à PyVoT sur msn et de fiquer avec Obi' sur le thème de Warhammer.

MessageSujet: Re: [MegaTuto] Fluidité   Sam 19 Juil 2008 - 22:45

Une chose a dire firefox , GG ^^
C'est trés détaillé , bien expliqué , et franchement pas de probléme de comprehension ( enfin pr moi pa :p)
je sens que ton tuto va être trés utile , merci bcp ca va bien m'aidé ^^ :D :D :D :D :D
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
dido84

avatar

Masculin Nombre de messages : 9
Age : 24
Date d'inscription : 16/08/2008

MessageSujet: Re: [MegaTuto] Fluidité   Lun 18 Aoû 2008 - 18:02

merci pour ce tuto ;) bien utile

je n'y arrive pas encore mais je vais m'entrainer toute la journée XD
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
IDRAGON

avatar

Masculin Nombre de messages : 103
Age : 24
Date d'inscription : 09/05/2008
Localisation : somwere in nevada (avec hank xD)

MessageSujet: Re: [MegaTuto] Fluidité   Dim 24 Aoû 2008 - 22:49

simplement extra ordinère!!!
sans sa je cerais encor plus que paumer avec le fluiditée :lol!: déja que je doi continuer a bosser la deçu il y a une bonne diférence entre ma 1ere et derniere anime je sui passer de la vitesse 10 a la vitesse 16 et je vais bientot tenter le 18
en tout cas merci infiniment pour ce tuto fox :)
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Igen

avatar

Masculin Nombre de messages : 204
Age : 28
Date d'inscription : 09/10/2008

MessageSujet: Re: [MegaTuto] Fluidité   Sam 11 Oct 2008 - 18:51

Monstrueux le tuto. Bravo, il m'aide beaucoup. Merçi.
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
wong



Nombre de messages : 10
Date d'inscription : 25/10/2008

MessageSujet: Re: [MegaTuto] Fluidité   Mar 28 Oct 2008 - 16:57

Merci :D

Je m'en vais de se pas prendre ma douche. Et après j'appliquerai ça
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
pivotacro

avatar

Masculin Nombre de messages : 142
Age : 24
Date d'inscription : 10/12/2007

MessageSujet: Re: [MegaTuto] Fluidité   Mer 5 Nov 2008 - 13:55

merci sa m'aide grandement!!! :cheers: :cheers:
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Nayoes

avatar

Masculin Nombre de messages : 654
Age : 21
Date d'inscription : 09/11/2008
Localisation : kAt DeZeRo

MessageSujet: MERCI FireFox   Jeu 13 Nov 2008 - 13:14

MERCI TROP MERCI !! Firefox il est superbe ton tuto^^ dur a appliquer mais tres utilie merci ^^ :winkanim: :winkanim: :winkanim: :winkanim: :winkanim: :winkanim: :winkanim: :winkanim: :winkanim: :winkanim:
Revenir en haut Aller en bas
Voir le profil de l'utilisateur
Contenu sponsorisé




MessageSujet: Re: [MegaTuto] Fluidité   

Revenir en haut Aller en bas
 
[MegaTuto] Fluidité
Revenir en haut 
Page 3 sur 6Aller à la page : Précédent  1, 2, 3, 4, 5, 6  Suivant

Permission de ce forum:Vous ne pouvez pas répondre aux sujets dans ce forum
Pivot-land :: Corbeille/Archives :: Archives :: Ressources :: Tutoriels :: Bases-
Sauter vers: