Ceci est une prévisualisation d'un thème de Hitskin.com
Installer le thème • Retourner sur la fiche du thème
L'Easing, Une Notion Capitale !
+3
Granolla
Ropy
Vypyr
7 participants
Page 1 sur 1
Ce tutoriel...
L'Easing, Une Notion Capitale !
TUTORIEL SUR L'EASING
L'Easing, Une Notion Capitale !
L'Easing, Une Notion Capitale !
Je conseille de lire ce tutoriel après ceux sur la fluidité, la raideur, les saccades et la physique. En effet, il s'agit d'une sorte de résumé faisant le lien entre ces notions. Si vous ne le faites pas, je ne peux pas vous en empêcher mais vous devrez certainement le relire après les avoir consultés et vous allez probablement mal comprendre certaines choses^^
J'ai tout de même pris le temps de mettre les liens vers les autres tutoriels en gras.
J'ai tout de même pris le temps de mettre les liens vers les autres tutoriels en gras.
I : Résumé sur l'Easing
C'est l'easing qui permet d'obtenir un bon rendu de l'animation.
1) Qu'est-ce que l'easing ?
Easing : c'est un mot anglais qui désigne l'accélération/ralentissement.
C'est en fait un sous-ensemble de la fluidité. Gné ? C'est simple, l'easing fait parti de la fluidité.
C'est pour ça que je vous ai dit de lire le tutoriel sur la fluidité avant (Bah oui c'est pour votre bien quoi =) ).
2) Comment je fais cela ?
Eh bien vous faites que votre objet (ou membre d'un stickman) se déplace progressivement de plus en plus vite puis ralentit de la même façon.
Par exemple : si vous faites rouler une bille par terre, elle accélère petit à petit puis ralentit progressivement. Ceci est dû aux forces de frottement qui s'exercent sur la bille. De même, l'air exerce des forces de frottement sur les objets.
Bon je vais vous donner des exemples schématisés ( "|" est le changement de frame et "-" correspond à
- Easing "poussé" : ||-|--|---|----|------|----|---|--|-||
En image : ----------
- Easing "normal" : ||-|--|----|------|------|------|----|--|-||
En image : ----------
- Easing "marqué" : ||-|--|---|-------|--------|-------|---|--|-||
En image : ----------
Moi je le dit comme ça, ce n'est pas le cas de tout le monde.
C'est l'easing employé en heavy-spacing...
Pour plus d'exemples, vous pouvez aller consulter le tutoriel d'illusion ici. Il est judicieux d'aller le voir après celui-ci si vous n'avez pas encore tout à fait saisi.
II : Pourquoi une "Notion Capitale" ?
Vous vous êtes peut-être dit en voyant ce que j'ai écris précédemment : "
Eh bien vous n'avez pas tout à fait tort (mais pas tout à fait raison quand même =P) !
Comme je l'ai dis en introduction, l'easing met en relation toutes les autres notions ! Mais là je radote, passons au concret !
Comment intervient-elle dans toutes les autres notions ?
C'est en fait par relation de cause à effet que l'easing intervient. Je sais, ça a l'air compliqué mais ça ne l'est pas vraiment.
Pourquoi les animations des néophytes paraissent-elles baclées ? Ne cherchez pas, la réponse est là (ne cherchez pas de lien c'est plus bas qu'il faut regarder^^).
La raideur apparait lorsque l'easing n'est pas assez présent. Quand on ralentit (ou accélère) trop brusquement, à la fin (ou au début) du mouvement, les points rouges restent au même endroit et ça donne une impression de raideur (et parfois une saccade) !
Les saccades apparaissent généralement chez les nouveaux lorsqu'ils essayent de retirer la raideur en bougeant tous les points rouges. Il faut en effet bouger tous les points rouges (sauf les pieds lorsqu'il reste au même emplacement) mais dans le sens logique du mouvement.
Les saccades apparaissent aussi lors d'un changement brutale de vitesse ou de direction (donc quand l'easing et la fluidité ne sont pas respectés).
C'est ici que la physique intervient ! C'est elle qui définie le sens logique des mouvements qui répond à la loi de la gravité ! Aussi, lorsque tu lance un objet en l'air, il ralentit jusqu'à arriver à un point sommet puis redescend de plus en plus vite. C'est l'easing appliqué à un objet inerte.
Pour que cela soit plus explicite (et parce qu'on me l'a demandé^^), je vais vous donner un exemple :
- sans easing :
Mauvais rendu : raideurs et saccades. ===> Niveau : Néophyte
- avec un mauvais easing :
Meilleur rendu mais : quelques raideurs et quelques saccades.===> Niveau : Débutant
- avec de l'easing :
Beau rendu : quasiment plus de raideurs et plus de saccade.===> Niveau : Intermédiaire =)
J'ai utilisé la même vitesse et le même stickman pour tous ces exemples.
Conclusion :
L'easing est la clef de la réussite =D Il est donc capitale de savoir le gérer !
J'espère que ce tutoriel vous aura aidé.
Si vous pensez que j'ai oublié des choses ou que certaines de mes explications ne sont pas très claires ou quelque peu incorrecte, dites le moi.
Vypyr- Nombre de messages : 179
Age : 32
Date d'inscription : 19/09/2009
Localisation : Dans l'univers complexe (o_O) !
Re: L'Easing, Une Notion Capitale !
C'est beau, c'est bien expliqué et cette fois il y a des exemples, je ne peux qu'accepter, bravo \o/ !
Ropy- Nombre de messages : 2816
Age : 27
Date d'inscription : 20/09/2008
Localisation : Subir les insanités d'AC!D...
Re: L'Easing, Une Notion Capitale !
Merci à toi Ô brave Ropy' !
Cette foi ci on ne pouvais pas me le refuser de toute façon^^
Je trouvais qu'il manquait un tuto complet sur l'easing =)
Cette foi ci on ne pouvais pas me le refuser de toute façon^^
Je trouvais qu'il manquait un tuto complet sur l'easing =)
Vypyr- Nombre de messages : 179
Age : 32
Date d'inscription : 19/09/2009
Localisation : Dans l'univers complexe (o_O) !
Re: L'Easing, Une Notion Capitale !
J'adore ce tutos ! c'est vraiment très claire, bien fait tout ça ! Merci Vypyr
PS : Je connais l'origine de ton pseudo =)
PS : Je connais l'origine de ton pseudo =)
Granolla- Nombre de messages : 1035
Age : 29
Date d'inscription : 05/07/2009
Localisation : Dans un sachet fraîcheur
Re: L'Easing, Une Notion Capitale !
Wa! Magnifique tuto je le préfère a celui de illusion ^^.Bravo :(top): .
killmat2- Nombre de messages : 262
Age : 29
Date d'inscription : 30/10/2008
Localisation : .
Re: L'Easing, Une Notion Capitale !
Beau tuto bien expliqué : )
Les exemples sont super, super beau mais
l'easing est présente c'est ce qui compte =P
Franchement bravo, et oui je mettrai
un lien vers ton tuto dans mes post chez les nouveaux.
*S'incline*
Les exemples sont super, super beau mais
l'easing est présente c'est ce qui compte =P
Franchement bravo, et oui je mettrai
un lien vers ton tuto dans mes post chez les nouveaux.
*S'incline*
Mr.Joker- Retraité
- Nombre de messages : 1616
Age : 30
Date d'inscription : 22/10/2009
Localisation : J'ai une tête à te dire ma localisation ?
Re: L'Easing, Une Notion Capitale !
Merci Joker (je suis pas encore inter donc forcement les exemples...) !
Je suis content de voir que mon tuto est mieux que de vouloir sodomiser les libellules (ce qui est franchement inutile^^) !
PS : Mon pseudo vient de la gamme Vypyr de la marque d'ampli Peavey =)
Je suis content de voir que mon tuto est mieux que de vouloir sodomiser les libellules (ce qui est franchement inutile^^) !
PS : Mon pseudo vient de la gamme Vypyr de la marque d'ampli Peavey =)
Vypyr- Nombre de messages : 179
Age : 32
Date d'inscription : 19/09/2009
Localisation : Dans l'univers complexe (o_O) !
Re: L'Easing, Une Notion Capitale !
Moi j'aime surtout les exemples avec le bâton, t'as bien varié et tout, là c'est sympatoche.
Au niveau des autres exemples, t'as assez bien géré l'easing, en revanche l'animation est pas énormément convaincante.
Mais ça passe pour moi. Ce tuto, il le fait, même s'il a déjà un cousin, voire même deux.
Au niveau des autres exemples, t'as assez bien géré l'easing, en revanche l'animation est pas énormément convaincante.
Mais ça passe pour moi. Ce tuto, il le fait, même s'il a déjà un cousin, voire même deux.
Dreizen- Retraité
- Nombre de messages : 4623
Age : 30
Date d'inscription : 29/04/2008
Re: L'Easing, Une Notion Capitale !
Bon je vais vous donner des exemples schématisés ( "|" est le changement de frame et "-" correspond à une unité arbitraire de mouvement un mouvement) :
C'est clair que tous le monde comprendrait pas ça mais tu devrais ne pas le barrer, ça apprendrais des choses au gens.
Sinon, super tuto, tu as tu bien t'embêter a faire les exemples avec les trainées...
Il a sa place ici, en tous cas...
C'est clair que tous le monde comprendrait pas ça mais tu devrais ne pas le barrer, ça apprendrais des choses au gens.
Sinon, super tuto, tu as tu bien t'embêter a faire les exemples avec les trainées...
Il a sa place ici, en tous cas...
Tanpée- Nombre de messages : 401
Age : 27
Date d'inscription : 23/10/2009
Page 1 sur 1
Permission de ce forum:
Vous ne pouvez pas répondre aux sujets dans ce forum
|
|