L'easing v2 Hitskin_logo Hitskin.com

Ceci est une prévisualisation d'un thème de Hitskin.com
Installer le thèmeRetourner sur la fiche du thème

Le Deal du moment : -11%
Smartphone 6.36 ” Xiaomi 14 (12 Go / 256 Go
Voir le deal
641 €

L'easing v2

3 participants

Aller en bas

L'easing v2 Empty L'easing v2

Message  Tom Sam 21 Nov 2015 - 18:53

Salut, salut,il y avait un tuto sur l'easing fut un temps, mais il est temps d'en faire un nouveau, l'évolution, tout ça, tout ça!
Let's start.

L'EASING

Qu'est-ce que c'est?
Me demandez vous;

Eh bien l'easing c'est le commencement ou la fin d'un mouvement animé qui prend a peu près trois à dix frame (ça dépend du mouvement et de l'animateur) et en gros c'est pour rendre un mouvement plus fluide et réel.

Comment l'appliquer?
Me demandez vous encore plus vite;

Eh bien calmez vos slips, j'y viens: On a juste besoin d'un stick pour appliquer l'easing, après il faut le mélanger à la physique, la continuité de mouvement (qui fait partie de l'easing) pour qu'une animation soit réaliste. C'est pour ça que j'ai juste utilisé le stick de base pour les exemples.

Mouvement sec, avec un ralentissement:
L'easing v2 1448127837-1

Mouvement fluide, avec un ralentissement:
L'easing v2 1448127814-2

Ça a l'air difficile au début, mais ce n'est que rendre l'espace entre la peau d’oignon et du stick de plus en plus proche pour arrêter un mouvement, et de plus en plus éloigné pour en commencer un.

Un autre mauvais exemple:

L'easing v2 1448128045-4

Son amélioration:

L'easing v2 1448128057-5

Et finalement, je finis ce tuto avec un exemple de 7 fps pour voir a quel point les mouvements sont ralentis a la fin.

L'easing v2 1448128270-easing-exemple7

La même plus rapide:

L'easing v2 1448128231-easing-exemple7

Et voilà! J'espère que tout ça vous aidera!
Et que les liens de mes animations ne mourront pas :3
Tom
Tom

Masculin Nombre de messages : 2478
Age : 26
Date d'inscription : 12/12/2010
Localisation : Paris

Revenir en haut Aller en bas

L'easing v2 Empty Re: L'easing v2

Message  Sd' Sam 21 Nov 2015 - 19:14

Ah c'est vraiment dommage que la boucle ne suit pas sur celle-ci :

L'easing v2 1448128057-5


Mais voilà c'est pas mal sinon, je déplace ça peut servir.
Sd'
Sd'
Retraité

Masculin Nombre de messages : 2471
Age : 29
Date d'inscription : 20/07/2009
Localisation : ...

Revenir en haut Aller en bas

L'easing v2 Empty Re: L'easing v2

Message  Tom Sam 21 Nov 2015 - 19:22

Justement je voulais pas faire de boucle: je me concentrais uniquement sur le mouvement de droite :) merci beaucoup :)
Tom
Tom

Masculin Nombre de messages : 2478
Age : 26
Date d'inscription : 12/12/2010
Localisation : Paris

Revenir en haut Aller en bas

L'easing v2 Empty Re: L'easing v2

Message  Yato Sam 21 Nov 2015 - 19:39

Tres bon tuto le mieux serait maintenant un exemple en mouvement :3
Yato
Yato

Féminin Nombre de messages : 34
Age : 25
Date d'inscription : 29/09/2015
Localisation : Chez ma maman :3

Revenir en haut Aller en bas

L'easing v2 Empty Re: L'easing v2

Message  Contenu sponsorisé


Contenu sponsorisé


Revenir en haut Aller en bas

Revenir en haut


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