I’ve been animating my illustrations lately and thought I’d share how I do it. My technique is similar to stop motion – I save an image for each point of movement in the animation. Then I put the images together in iMovie. When the time between frames (or images) is the right speed, it appears as if the illustration moves.
Here are the three animations I created recently – click each image to see the animated movie on Instagram.
Steps to animating your illustration:
- Create your illustration. It is easier if the animated part is created separately from the non-moving part. For my reindeer animation – the reindeer is a separate illustration from the lights. The same is true for the elf. The background with the present is one illustration and the elf at the various stages of flipping are separate illustrations.
- Create the frames for your animation. Save a separate jpg file for each frame. I use Adobe Photoshop to put the illustrations together and to create the animated element. For the reindeer it was the lights lighting up in different ways. For the candle it was the flame moving and changing shape slightly. For the elf it was the elf in different positions, in different places. See my frames below.
- Upload the jpgs into iMovie. Place the jpgs in the order you want them to be viewed. Adjust the time between the frames so the animation looks fluid. Make sure “fit to frame” is selected so each frame doesn’t zoom in and out.
- Select “Share to file” to save your movie as an mp4 file to post.
Some of the reindeer jpgs:
In the image to the left only the blue lights are “on.” The one in the middle all the lights are on. On the right only the red lights are on.
Some of the Candle jpgs:
In each image the flame is slightly modified. I wanted it to appear that the candle was flickering.
The Elf jpgs:
Let me know if you give it a try!
Want a dose of creative inspiration? Sign up for my newsletter “My Creative Collection” by clicking here. Learn more here.
Have you visited my online shop? Prints of my seascapes are available on watercolor paper or canvas, in many sizes including the new “mini” canvas 11″ x 14″ at shop.eileenmckenna.com. Take a peek! The perfect gift for beach lovers.
8 thoughts on “Creating an Animation from your Illustration”
Thanks for the step by step Eileen. I love your animations.
Thanks Sharon! You’re welcome 😀
This is brilliant. Love the flashing lights 🙂
These are so cute and I’ve enjoyed seeing these on IG, Eileen! Thanks for explaining how you did the animation.
Thanks Carol, I’m so glad you liked them!