You are here

Frame by Frame Liquid Animation Test

For years I've been trying to learn this liquid animation technique, demonstrated by Gregory Villien and Eduard Mykhailov in some sick tutorials. I thought this homework assignment would be a great chance to push myself and squeeze one out!

In the end I'm happy with the liquid trails. When comping, I realized I had miscalculated my composition and did not have a very interesting frame. I attempted to fill it out with clones of the original. In the future I will give more thought to the overall composition!

Homework: Assignment

Motion Design // Lesson 01 Homework

Create a 05s animation using Adobe Animate.

LrnSq Motion Design // Lesson 01 Homework

Homework: Extra Credit

Another Take

Experimenting with intersections of RGB to see if they would combine into white (they do - but only for a few frames in this case).

LrnSq Motion Design // Lesson 01 Homework // EXTRA CREDIT

Homework: Process


This technique can feel like it's taking FOR EV ER but it's extremely rewarding to play back and see that it's working!

LrnSq Motion Design // Lesson 01 Homework // PROCESS

Homework: Additional Content

Remainder of Homework Assignment

01. What got you into motion design?
Motion piece: Good Books, Metamorphosis by Buck (2012)
What was the goal or intention of the piece?
To promote and educate about the Good Books service.
To convey the emotional experience of reading a good book.
What are the characteristics of the design and audio?
 Hand-drawn, fluid illustrative style
 Realistic depictions of surreal elements
 Camera lens distortions
 Dark, high-contrast palette with bold highlights
 Grungy and painterly textures
 Comically irreverent VO
 Surreal and unsettling sound design
 Crescendo/decrescendo to create structure
What moments of animation made it special?
Morph/transition from lady’s bottom to darkened room.
Fluidic morphs between surreal elements.
Do all of the elements fit together?
FUCK YEAH they do.
Viewer is fully engrossed and taken on a journey.
02. Comparing animations.
Video #1 (WINNER)
 Smooth easing creates realistic movement
 Secondary animations as objects interact
 Timing is accurate and natural
Video #2
 Linear animation on everything – robotic and unrealistic
 Animations are out of sync
 Timing is stiff and feels computer-generated


Join the discussion!