-
Visit LearnMMD.com on Facebook!.
Keep the Faith-MMD... Learn to be a responsible MMDer! .
.

Make Smooth Animation Using Interpolation Curves


See all of the articles by LearnMMD's TaiGaO!How do I make a smooth motion in MikuMikuDance? How do I use the interpolation curve in MMD. What shape should the interpolation curve be?

Finally, my first ever “how-to” article!
(My previous two articles were about YouTube and MMD videos!)

Let’s make smooth animation…
Using Interpolation Curves!

Before we begin, I want to (honestly) tell you guys that…all this is just based upon my assumption. So, there is no solid-proof evidence for what I’m about to claim in this article. However, what I do have is my video to back-up my claim:

So, if this video doesn’t meet your expectation, then, from the bottom of my heart, I’m very sorry. BUT if you are amazed by the “smooth animation” that I made and interested to know more about it…
then… Welcome aboard the “hype train”!! (because I’m always super-excited for these sorts of things!)

But I’m going to explain a much simpler version of this interpolation curve tutorial because many tutorials/information/theories have already been written about in previous articles on LearnMMD.com. So, you can go check them out by clicking the link here. (Reggie and ARIZONA did a good job on covering pretty much about everything!)

I’m going to split this article into 2 sections: a “Theory Section” and a “Practical Section”. Hint: You can jump straight to “Practical Section” if you do not understand the “Theory Section”.

*THEORY SECTION*

First of all, let me tell you a little bit about myself. I was a science student…focusing on biology, chemistry and physics… you get the point (and no, I did not have any artistic knowledge/background up till now). Thus, naturally, graphs like these are no stranger to me.

Based on my understanding, what we are looking at is actually somewhat similar to “distance/time” graph. In other words, this interpolation graph is similar to “speed” graph or “velocity” graph. So, depending on how you adjust it, you affect the speed of a motion! In terms of MMD, this is how I think the interpolation actually works:

image

As you can see from the picture above, the interpolation graph doesn’t start in the “previous” diamond you just set. Based on my trial-and-error, it always seems like the interpolation starts one frame after the “previous” diamond. So, whatever you set on the “previous” diamond, it has no effect to any motion later on.

Another important key (that I found) for creating a smooth/realistic MMD animation is implementing the concept of inertia. What is inertia? (There is a chance that I’m going to be wrong in my explanation) Inertia is about an object resisting a change in its current state of motion. Well, to keep it simple… try to imagine that a car is braked, right now. When the brake is applied, the car doesn’t stop on the spot. It takes time, right? So, the time required to slow down is caused by inertia. If you constantly keep this concept in mind throughout your MMD animation, it will be much more realistic in terms of motion and movement. How do we apply it in our MMD software? It’s all explained in the Practical Section.

OK, that was a very unnecessarily long story. And if you don’t understand the concept/ theory I just mentioned… DON’T WORRY!! Just follow the “Practical Section” below and you’ll be good to go.

*PRACTICAL SECTION*

So, you might be wondering: What is the perfect shape for your interpolation graph? Well, truthfully, there is no perfect shape for it because it will vary “depending-on-the-situation”…

Note: You don’t have to follow the shape I show 100%… you can adjust it (by using the 2 red “X”) to your liking… so long as the core concept is there. Also note: the “bigger” the curve, the more drastic the speed changes.

 

1. Straight line motion

Core Concept: A default straight interpolation line that doesn’t need any adjustment.

The straight-line "curve" is the most basic of the interpolation curves.

This is the most basic motion. This type of shape is best used if the model is to keep moving at a constant speed. Examples are like a car traveling at a steady speed or any flying object moving at a steady speed. So, it’s usually a good idea to avoid using this when the model starts to move or is trying to slow down.

 

2. Curve motion (from slow to fast)

Core Concept: Certain part of the line is being bent down to the right.

Use these interpolatoin curves when acceleration is needed... starts slow and speed builds.

Remember the concept of inertia I mentioned earlier? Well, this is how an acceleration graph looks. A curve motion like this one is advisable to use when a model (character or car) starts to move. Why? The reason is because everything that wants to move has to start from a slow speed before it ends at the full-speed you want to see.

 

3. Curve motion (from fast to slow)

Core Concept: Certain part of the line is being pull up towards the left.

Use these interpolatoin curves when deceleration is needed... The motion slows down.

Inertia is also applied here. But instead, it curves in the other direction… showing deceleration. The best way to use this curve graph is when someone or something is slowing down. Try to imagine a car braking to slow down or a character that starts to slow down after becoming exhausted from running.

 

4. Basic smooth motion

Core Concept: A “S” shape graph with same curve on both sides.

These s-shaped interpolation curves create a natural motion... a slight acceleration into the motion which slows, a bit, at the end.

Now this shape has various functions depending on how much the curve is bent. If bends are small, it’s usually best to use it to make subtle “realistic motion”. A simple “S” is more than enough so long as the interpolation isn’t a straight line. But if the bend is big, I don’t know where you would use it!

 

5. Natural/realistic motion

Core Concept: A “S” shape graph with a smaller curve on the left than the one on the right.

This is my favorite interpolation curve... a very natural motion for slight movements.

Notice that the curve is very similar to the previous graph? This is usually good for making a somewhat slow animation. This also includes slow body movement like head, arms and legs rotation as well. For an example… see my video! I used this type of interpolation graph for the entire video!

 

That’s about it…

…but I’m pretty sure there are a lot of shapes I haven’t written about here. So, let me know in comments… I’ll be sure to write about them in the future!

One last Bonus Point:

Don’t go for any complicated motion unless you very confident to do so. The interpolation graph won’t do much to improve a “messy” body motion. If you have noticed, all my videos don’t have any extremely complicated movement…just basic movements with a little help of camera angles. Just like the pictures below (pictures from my previous article); just a change of camera view makes a huge difference in the look of the scene.

Changing camera-view often works better than animating a complicated motion. "Click" to see my video.

Credits:

  • Mamama for Appearance Miku
  • Digitrex for Nanoko
  • 6666AA for 八頭身モナー
  • 遠藤工, 井谷美乃里 and 青山顕 for Terminus Est
  • brsa for the “Chair”
  • ビームマンP for GodRay

– SEE BELOW for MORE MMD TUTORIALS…




Visit the LearnMMD.com Homepage! Plenty of Mikumikudance instruction and info!

17 Comments

  1. SPIRITRAY76 SPIRITRAY76
    January 27, 2018    

    so….

    what does x axis, y axis, z axis, distance, and view angle mean and what are they good for?

    just break it down in categories.

    • Reggie_Dentmore Reggie_Dentmore
      January 27, 2018    

      You are on your OWN with that question… just play with things, you will discover it all for yourself.

    • January 27, 2018    

      X axis is the direction left and right. Y axis is the direction up and down. Z axis is the direction forward and backward. View angle refers to changes in the view angle (FOV, field of view) on the camera panel. By setting these independently, you can use different interpolation curves for different elements of a rotation– it might move linearly up and down, but smooth into and out of forward/backward movement.

  2. September 19, 2017    

    Wow,this really help me to understand why and when to use the curve! Thanks you very much! Much apperciate! (> w <)b

  3. food food
    September 27, 2016    

    how can you add the backgorund animations like in the video

  4. Richard Xu Richard Xu
    July 26, 2016    

    I’ve been using MMD for a year now and I’m still practicing making motions. I have a question. Is it easier to make motions by using a wireless mouse? Because right now I have a laptop and I’ve been having extreme difficulties making motions because I don’t a mouse and I’ve been using the mouse pad on my laptop and it’s been hurting my hand. So I was just wondering that if it is easier if I use a wireless mouse or not.

    • July 27, 2016    

      I’m not sure I understand your problem. Ergonomically, a wireless mouse is equal to a regular USB mouse in everything, except that it isn’t bound to your computer with a wire. Both, naturally, beat using laptop’s touchpad by the mile, and making motions in MMD isn’t any different nor specific in there than any other point-and-click activity. (unless you mean an “air mouse”, which is a glorified TV remote with a motion sensor – which may have its merits if you use it with a Smart-TV, but with a computer it’s just a waste of money) There’s absolutely no reason not to buy a mouse, wireless or no, if you can afford it… but why ask *us* about it???

      • Richard Xu Richard Xu
        July 30, 2016    

        I was just wondering that is it easier to use a mouse than using an mouse pad that’s all. Wireless or not

        • July 30, 2016    

          Well the difference between wired and wireless is latency with input.
          Most people won’t care about that anyway. But yeah a mouse is generally better for everything. I always use a mouse when I am on my laptop (which is rarely as I use a desktop PC most of the time)

          • Richard Xu Richard Xu
            July 31, 2016    

            So your saying that using a mouse for making motions is better right?

            • August 1, 2016    

              If I can answer this:

              Yes.

              But your mileage may vary.

              • Richard Xu Richard Xu
                August 1, 2016    

                I don’t care how long my mileage is. I’m not looking for a shortcut. I’m looking for an easier tool that’s all. I just had enough using my mouse pad on my laptop. It makes my right hand sore.

  5. Yolo Cats Yolo Cats
    July 17, 2016    

    this sounds like a stupid question but, what if the curve doesn’t show?

    • Yolo Cats Yolo Cats
      July 17, 2016    

      Nevermind, I got it

  6. anonymous anonymous
    November 10, 2015    

    hey thanks for the info it was quite helpful

  7. KyokiDoesMMD KyokiDoesMMD
    September 25, 2015    

    Hello, Kyoki here (back from the dead haha). I just wanted to say that this was really helpful in helping me get back to animation, mainly because I lost grip of how to use the interpolation curves after being stuck with static renders for over a year.

Leave a Reply

Your email address will not be published. Required fields are marked *

Download the latest version of MMD MikuMikuDance! Step-by-step instructions to help you make an MMD Music Video! bo-beep-bo-beep! LearnMMD's Step-by-Step MMD instructions for MikuMikuDance!

MMD Tutorials:


Really Learn MMD as you face the 15-second Animation Challenge!

Visit LearnMMD.com on Facebook!