Tips on making fluid looping 2D water?

[D_A_Renoir]

HI, I recently saw a very nice animater water effect on Twitter, and the artist says it was done in After effects. I'm familiar enough with Puppet Pin and Warp tools, but this one looks very fluid, it looks like there's possibly some expressions or other effects used on top?

See the water/cloud thing behind the koi:

https://twitter.com/i/status/1268157006256287744

[Mylenium]

Nothing to see there along the lines of expressions and given how the fish are "pumping" and changing size it doesn't even look particularly advanced. No offense, but it literally just looks like the usually hacky, unsophisticated use of the Puppet tool with as few pins as possible. the rest is just a question of timing, as always with any type of animation.

Mylenium

[Rick Gerard]

The animated fish are relatively complex because the fins move and the body shape changes. With the right kind of artwork, you could get close using AE's puppet pin tool. You would not animate the position but you would animate the wiggling of the fins and the body shape making sure that the starting and ending frames were identical so you could generate a perfect loop.

The second step would be to pre-compose your animated fish, draw a closed path mask on the Pre-comp that would work as a motion path, set a mask keyframe, and cut it, then set a position keyframe and paste to turn the circular mask path into a motion path. You would then extend the path keyframes so the starting and ending position would match the starting and ending identical fish animation frames. You would then turn on Orient along Path for the fish layer. 

You repeat the same procedure for all of the versions of your animated fish then set up the layers so some fish swim behind the subject and others move in front. 

When all of that is done, as long as the first and last frame of the animation is identical, you can then seamlessly loop the final composition.

If you want to get really fancy you could look up Caustics to create a looking down on a pool effect on top of the whole thing. The key to making the loop work is to make the first and last frames identical, then export a video that is one frame shorter for looping in the web or by nesting the comp in a longer comp and looping playback with Time Remapping and a loopOut() expression.

[D_A_Renoir]

Hey, thanks for the replies.

There's a misunderstanding here, though, sorry if my original post was't clear enough. I wasn't asking about the fish at all, I was specifically asking for these wobbly shape thing behind the fish (I don't know what they are, I assumed it was supposed to be the pond water)

The fish kind of sucks, but those smoke/water parts looks very fluid, like there's a wave/ripple effect applied to it. It looks more smooth than Puppet tool to me, but I can't tell what was effect was used on it. 

[Rick Gerard]

The water - bottom of the pool effect is Caustics. Here's a fair explanation that shows how to set up caustics:

There are lots of ways to distort images. Displacement maps, CC Glass, and other effects but for the most realistic underwater distortion effects I almost always start with Caustics + Fractan Noise + an image for the reflections.

If you want the full meal deal on underwater effects go to Red Giant and check out the Cheap Tricks Aquaman series. To whet your appetite here is the Part 1 tutorial but I highly recommend that you go to the Red Giant site and read all of the additional info.