Skip to main content
Participant
January 24, 2023
Question

Animate a liquid

  • January 24, 2023
  • 4 replies
  • 1034 views

How can I create a animation of a liquid?  Such as water in a glass.

This topic has been closed for replies.

4 replies

Inspiring
January 25, 2023

I created a puppet that was itself a bottle of juice (kids' show, enough said) and I used dangle and clipping masks so that it looks like the liquid is sloshing inside the bottle. I can't post the puppet, but I'd be happy to answer questions.

Inspired Kindergartens
Known Participant
December 17, 2024

That's fantastic... and what I am looking for. Can you provide some tips how you set up dangle? I'm looking at having floaties in a viscous liquid, a semi opaque character and would like to hear about your discoveries.

Inspiring
December 17, 2024

I did this a couple of years ago, so forgive me if I don't remember 100%. I remember having trouble with transparencies and how it rendered in Ch, so my character only seems transparent but is really opaque - the program has gone through quite a few changes since then, so you might have an easier time with the transparencies.
I drew the shape of the bottle in illustrator and then drew the liquid shape above it, faking a top surface with a couple of gradients. I made sure that the liquid shape was wider than the bottle. In Ch I added the dangle handles in the parts that went out of the shape, as well as one in the middle, and fixed the bottom (I added another shape that continued the liquid but doesn't move.) I then clipped the liquid movement shape to the bottle shape and added it's own physics behavior, playing around with the squashiness, stiffness, etc., until I got a movement I was happy with. It's triggered by face movement, like hair dangles.

 

Adobe Employee
January 25, 2023

Worked better than I thought. Here is an example puppet holding a glass

https://shared-assets.adobe.com/link/63c4d3de-df81-410e-5a26-b78d10ee6531

Rotate the glass by "Rotation" of "Transform [glass]" (there are many transform behaviors, make sure you pick the right one)

 

Setup:

  • "water" layer pinned to "glass" layer by Leader-Follower at a point (no rotation), allowing "water" to maintain the horizontal level
  • Some Dangles on "water" layer for a bit of a jiggly effect
  • Mask out "water" layer outside of "glass" layer with a clipping mask

 

Glass image attribution: vectorpouch on Freepik

Community Expert
January 25, 2023

there are so many ways to do this! You could use Photoshop to create an animated GIF of a glass,  that can be used as a trigger in Character Animator. You can use a brush, or shapes, or a real glass with water with different frames of water in different places so when it animates it looks like its moving and/or filling up the glass. 

Or I guess you could use morphing in Adobe Animate to create an animation like that, export to a movie and composite in Premiere?

 

Hope that helps!
mark

headTrix, Inc. | Adobe Certified Training & Consulting
TheOriginalGC
Community Expert
Community Expert
January 24, 2023

Unless you need this to be paired with a speaking character, this question might be better in the Adobe Animate forums.