PDA

View Full Version : Flow - Everything You Need To Know [Pivot][Movement]



Zed
04-05-2010, 02:04 PM
If you see any broken links or images, PM me or comment so I can get it fixed.

What is flow?
Flow, or fluidity, is keeping your animations moving constantly without changing the momentum. It’s avoiding unnecessary stoppages and making everything move smoothly and pleasantly. It makes an animation look better because when an animation is flowing the eye is instinctively looking at where it expects the animation to be next, and the less work you make a viewer’s eyes do the better.

Take a look at some examples:

http://i771.photobucket.com/albums/xx353/Zed31415/TheCombo-3.gif

This animation flows. The movement never stops and all the momentum is carried on. He changes direction a few times but it is always guided around in such a way as to let everything keep going. I’ll show you how to do this better later.

http://i771.photobucket.com/albums/xx353/Zed31415/FlowingFlipstests.gif

This animation mostly flows. When I started making it I wanted it to be my primary example, but I made a mistake and decided it would be easier to highlight the mistake than fix it. If you look closely you’ll see that he speeds up after the first handspring and then slows down again when he hits the ground. This is bad flow, because the speed changes unnecessarily.

http://i771.photobucket.com/albums/xx353/Zed31415/Flipandroll.gif

This does not flow. There are sudden changes of direction and some things aren’t moving some of the time. Momentum is lost with no real cause. Worst of all, there is shakiness. Shakiness instantly destroys flow. If you are aiming for flow there cannot be a single frame that goes back on itself.

So how do I do it?
For most movements it will be the natural state of things. Look at this walk:

http://i771.photobucket.com/albums/xx353/Zed31415/Perfectwalk-2.gif

There’s nothing special about it beyond the fact that I made it (which instantly makes it awesome) but it all flows. If it didn’t flow it would not be an accurate representation of a walk. Some people’s walks do not flow, however. If you do one step at a time like this:

http://i346.photobucket.com/albums/p426/abarroga/Pivot/Walking.gif

then you are not flowing properly. Sweet Jesus fuck, that's awful. Originally I had an awesome example here which was made by Cronos. It was perfect in every respect apart from flow. Then the link broke and this was the only suitable example I could find. I mean, holy shit. Just, like, imagine that the flow is the only problem. I'll try to get a better example up ASAP. (This note left 04/12/13. British dates - that's not an April thing. Anyway, if it's now 2015 or something then I guess I forgot. I'm sorry about that.)

The steps need to merge into one another. The point is, when you’re doing more than one movement the end of the last movement needs to be the start of the next. See how in my first example the front foot is already moving backwards when it hits the floor? That’s because in the next movement – the next step – that’s the direction that that foot is going to be moving. At the back of the stride the foot keeps going backwards for a moment after lifting off. Same principle. If it takes it one step at a time and moves forwards, back, forwards, back, then that’s precisely what he’s doing. He takes a step. He takes another step. No one moves like that.

Apply the same principle to this animation:

http://i771.photobucket.com/albums/xx353/Zed31415/TheCombo-3.gif

Watch the hand from the first punch. It doesn’t stop moving after the punch, but goes straight back around into the reaction hand for the strike. Watch the hand that doesn’t punch. After moving back as reaction for the punch it curves around without stopping into the strike. No pauses – fluid movement.

As opposed to this one:

http://i48.tinypic.com/5ppnyd.gif

In which he stops his hands after the first punch before the second one starts.

Circles
“But I want to change direction!” I hear you cry. Fear not, dear fellow. Nature hath provided us a means to get around the problem without the need to stop. You see, rather than moving from left to right and then back again like this:

http://i771.photobucket.com/albums/xx353/Zed31415/Notflowy.gif

We are going to be moving from left to right and then easing out of the horizontal motion straight into vertical motion[/I] and then around further into the horizontal motion the opposite way, like this:

http://i771.photobucket.com/albums/xx353/Zed31415/flowy.gif

See? The speed is never reduced – just redirected. If we were to track the middle of the balls along the bottom we would see that the horizontal easing is more or less the same for both. The only difference is the height.

That doesn’t look so impressive just with circles, so here it is when you give the circles legs:

http://i771.photobucket.com/albums/xx353/Zed31415/Circlewalker-1.gif

See? Constant movement.

Multiple jumps
Jumping with flow is a funny one, because you have to have enough time on the floor to do the jump, and also not so much time on the floor that you seem to slow down and lose momentum. Mostly this is how to do it (minus the small handspring issue mentioned earlier):

http://i771.photobucket.com/albums/xx353/Zed31415/FlowingFlipstests.gif

The trick is to hit the ground at an angle rather than horizontally, so that you can absorb the impact and bend the knees whilst the body is getting itself vertical and then extend as it goes past. Here’s an example of what I mean slowed down and zoomed in:

http://i771.photobucket.com/albums/xx353/Zed31415/Slowfliptransition.gif

Think of it like going into a roll. When you go to roll you hit the ground at an angle and then leave at an angle:

http://i771.photobucket.com/albums/xx353/Zed31415/Roll.gif

That’s what you have to do when jumping, just upside down and back to front.


_____________

I hope you’ve found this tutorial helpful. If there is anything more you would like to know on the subject, feel free to either PM me or leave a comment. Feel free to PM me or leave a comment anyway. I always like a good PM.


Also recommended: http://www.youtube.com/watch?v=ylCLIKKCGC8 - the first half at least is a good illustration of flow.



I have a feeling I've missed something huge and glaringly obvious. Can anyone see anything I could go into more detail with or anything?

Panda.
04-05-2010, 02:27 PM
That is nice, i find it hard to make it smooth lol. These animations are making a fool out of me :D

emerold_123
04-05-2010, 02:33 PM
hey,i got your message. im new here. just joinded. but did you ever use pivot. the stick man movie software. :)


from,emerold_123
B slick

Zed
04-05-2010, 02:40 PM
This is the pivot tutorials section. All of my published animations bar one have been pivots. Everything in this section is pivot. Yes, I have used pivot.

RUiN
04-05-2010, 06:11 PM
Nice Zed. I was waiting for this very easy to understand and pretty good. Make it an everything tutorial though.

bubbles
04-06-2010, 07:55 AM
Damn you zed now my thread is pointless. :(
Please delete my flow thread with your mighty mod powers.

Zed
04-06-2010, 09:25 AM
Really? You sure?

bubbles
04-06-2010, 10:37 AM
Really? You sure?Yep, it's abolutly irrelevent now that you have one twice as long and 3 times better.

Zero
04-06-2010, 10:30 PM
Wow. The pivot section sure is lucky to have Zed. If only Zed is also a flash animator then I will ask him to help me. :(

kayne
04-08-2010, 07:27 PM
can u add me.if u have hotmail account plz add me :im hip.hopking@hotmail.com ..."cheesy i know but wont let me change username".

kayne
04-08-2010, 10:23 PM
plz add me..hopefully u might help me with my pivot animations using pivot 3.0 beta

Zed
04-09-2010, 04:58 AM
Your hard drive needs to be cleansed with fire. When you get a new one, put 2.2.5 on it.

I'm too lazy to sign in to my account (it's like, four clicks and a password away) but you're always welcome to add zed.spp@hotmail.com.

Kloud
04-16-2010, 10:47 AM
That was a....LONG tut. But that was reall helpful. Thanks.

Ghombeat
06-27-2012, 12:16 AM
Hey Zed, one of the anims is broken, can you fix it?
sorry for the bump

Zed
06-27-2012, 02:39 PM
So it is. I think that's one that Mark made for me. I probably used it in the walking tut too. I'll see if I can whip something up to replace it.

Praetorain
01-13-2013, 07:47 AM
So Zed, does this animation flow?
http://www.fileize.com/files/e565a063/919/Fighting_Practice.gif

Zed
01-13-2013, 08:14 AM
The flow is very good. There are other issues, like the anticipation for the jump and the foot placement, but everything keeps moving pretty well.

Praetorain
01-13-2013, 08:15 AM
The flow is very good. There are other issues, like the anticipation for the jump and the foot placement, but everything keeps moving pretty well.Thank you, now back to practicing.Everyone(in other animation website) comments that there is something wrong with my foot placement, what is the problem?By the way, are you Oblivion fall?

Zed
01-13-2013, 09:06 AM
I am not OblivionFall. Here's a tutorial by Zombpiv which may help with the foot placement. http://forums.stickpage.com/showthread.php?31100-How-to-maintain-foot-placement

m70sai
10-10-2013, 11:58 AM
Hi i'm a new guy.... i can't have a good flow Do have any advices for me?? i just follow the steps... i train and i cant make my animations look realistic.... they look more like robotic animations......

Zed
10-18-2013, 03:49 AM
It's probably just lack of practice at making the movements realistic. Just keep at it and you'll get there eventually :)

Neom232
01-12-2014, 03:16 AM
thx for this :3