To “animate” means to breathe life into things. In these 5 exercises we make stones come alive.
![stones](https://ralphammer.com/wp-content/uploads/2024/07/01_stones.gif)
Preparation
To get started I suggest this simple setup for you to try at home:
- Install the free Stop Motion app on your phone (Android, iOS).
- Get familiar with the app and set it to 15 frames per second.
![framerate](https://ralphammer.com/wp-content/uploads/2024/07/02_framerate.gif)
- Fix your mobile phone so that the camera faces a piece of paper. Use a tripod or whatever does the job.
![setup](https://ralphammer.com/wp-content/uploads/2024/07/03_setup.gif)
Ready? Let’s go!
Thinking in time
Stop-motion is simple: Take a picture, move the object, take the next picture, move the object, etc.
![stopmotion](https://ralphammer.com/wp-content/uploads/2024/07/04_stopmotion.gif)
Once you are done, you can play back all those images as a little movie.
Tip: You can do the following exercises exactly as shown here or play around with them. Just make sure to have fun!
Exercise 1: Timing
Turn a stone into a bouncing ball.
![bouncing stone](https://ralphammer.com/wp-content/uploads/2024/07/05_bouncingstone.gif)
Start with a stone above the middle of the page and hit the record button. Then move it down a little, take the next frame, move it again, and so on. Once it has reached the bottom, gradually move it up again until it is back to its starting position.
Tip: At first you will notice that our steps are too big. As a result the animation plays way too fast! Just start over and make the steps smaller.
![bounce speed](https://ralphammer.com/wp-content/uploads/2024/07/06_bouncespeed.gif)
Another tip: You can make the movement more natural by varying the distances. And you can make the “ball” look squishy by using flatter stones at the bottom.
![bounce natural](https://ralphammer.com/wp-content/uploads/2024/07/07_bouncenatural.gif)
Now I can hear you scream:
“Why should I waste my time on old-fashioned stop-motion when there is software that can do that much easier?”
Well, because it is not about the result, it is about you! We have to get a gut feeling for the motion of things so that we can better imagine it. Stop-motion exercises like this one are a fitness workout for our imagination.
Also: stop-motion is cool.
Exercise 2: Matter
Give the stone different material properties.
![stone material](https://ralphammer.com/wp-content/uploads/2024/07/08_stonematerial.gif)
We can suggest physical properties just by movement. As we have seen before, the stone looks bouncy if we vary the distances. Now, let’s have some fun and make it look heavy, brittle, sticky, soft, hard, or whatever comes to mind.
Tip: Exaggerated or even unrealistic movements can appear more realistic—even if they are “wrong”. Just like drawing, animation is about exaggerating what matters.
Micro-Animation
Exercise 3: Transition
Pick two very different stones and animate their transformation.
![stone transition](https://ralphammer.com/wp-content/uploads/2024/07/09_stonetransition.gif)
How we get from one state to the next matters. See how the steps in between give the transformation a different meaning?
![transition](https://ralphammer.com/wp-content/uploads/2024/07/10_transition.gif)
Exercise 4: Character
Use human gestures to give the stone a personality.
![stone gesture](https://ralphammer.com/wp-content/uploads/2024/07/11_stonegestures.gif)
Let the stone do a little thing that shows what he is up to. Try out gestures from different parts of your body like waving, winking or a little twitch.
![gestures](https://ralphammer.com/wp-content/uploads/2024/07/12_gestures.gif)
Quite often it is less the look of a character that brings it to life but rather these subtle little movements.
Little side note: Interface designers use micro animations like these to make their apps more engaging and easier to understand.
Story
Exercise 5: Storyboard
Draw a storyboard for a little story.
![storyboard](https://ralphammer.com/wp-content/uploads/2024/07/13_storyboard.gif)
So far, we just went with our gut and made little intuitive animations. The next step is to make a plan for a slightly bigger narrative using a storyboard.
The basic idea is to start with a piece of paper with frames of equal size.
![frames](https://ralphammer.com/wp-content/uploads/2024/07/14_frames.gif)
Then we fill these frames with our story, similar to drawing a comic.
I like to draw the key frames first. Key frames show the most important states of a story. These keyframes help us understand what the core idea of the story is.
![keyframes](https://ralphammer.com/wp-content/uploads/2024/07/15_keyframes.gif)
Once we are sure of the keyframes, we can carefully fill in the less important frames in between.
Tip: If you need to brush up your drawing skills, check out A quick beginner’s guide to drawing.
When it comes to storyboarding there is a temptation to go for lengthy epic dramas. At least for this exercise, let’s make sure to keep your story simple and short. Here are some tips for good stories:
- Include a surprise.
- Let the main character go through a transformation.
- Get to the point: focus on what you have to say—or show!
Equipped with a solid storyboard it is much easier to take on more complex animations.
![lovestory](https://ralphammer.com/wp-content/uploads/2024/07/16_lovestory.gif)
Imagination in time
You might still wonder, why we use this “primitive” animation technique and not some fancy production software or even fancier AI tools.
My stance on this is clear: If you want to learn how to make good animations, don’t waste your time looking for the perfect animation tool. Instead, focus on how to show your thoughts in time.
Simple tools make good craftsmen. And good craftsmen have great ideas.
Before you go
I am curious about your animations, so feel free to share them with me via Substack, Twitter (yup, I still call it that), Instagram, or Facebook!
Before you go
If you enjoyed this article, then subscribe to my mailing list to receive more animated stories!
1 comments On A quick beginner’s guide to animation
Pingback: Understanding Animation | My Journal ()