Turning text into liquid shapes

Wondering how to accomplish a certain animation task? Ask here.

Moderators: Víctor Paredes, Belgarath, slowtiger

Post Reply
animation-user-99
Posts: 2
Joined: Wed Mar 12, 2025 8:45 pm

Turning text into liquid shapes

Post by animation-user-99 »

Trying to create an effect where text is merged into one blob and slowly separates so you can read the individual letters. Felt that liquid shapes would work. But when I typed out the text in a text layer, converted to one vector layer, and dragged the letters on top of each other while increasing the blend percentage, nothing happened.
User avatar
Greenlaw
Posts: 10395
Joined: Mon Jun 19, 2006 5:45 pm
Location: Los Angeles
Contact:

Re: Turning text into liquid shapes

Post by Greenlaw »

Interesting idea. I just tried it, and it works here...

Image

It's very easy. To do the above, make sure you're enabling Liquid Shapes for each of the shapes that sit above the bottom shape. To help the deformation, I added extra points along the long straight edges. I also pushed some points inward using the Magnet tool to help them merge as one.

Tip: Use Rai's Shapes Window so you can see the stacking order of the shapes. In the above example, Convert To Vector placed the first B at the bottom of the stack and the second B at the top.

Hope this helps.

Image
Last edited by Greenlaw on Thu Mar 13, 2025 12:25 pm, edited 3 times in total.
User avatar
slowtiger
Posts: 6242
Joined: Thu Feb 16, 2006 6:53 pm
Location: Berlin, Germany
Contact:

Re: Turning text into liquid shapes

Post by slowtiger »

There's lots of ways to achieve that effect. If it's only 1 to 5 letters I'd go with vectors. But if it's a whole sentence or more I'd render the text as bitmap and distort that.
AS 9.5 MacPro Quadcore 3GHz 16GB OS 10.6.8 Quicktime 7.6.6
AS 11 MacPro 12core 3GHz 32GB OS 10.11 Quicktime 10.7.3
Moho 13.5 iMac Quadcore 2,9GHz 16GB OS 10.15

Moho 14.1 Mac Mini Plus OS 13.5
User avatar
Greenlaw
Posts: 10395
Joined: Mon Jun 19, 2006 5:45 pm
Location: Los Angeles
Contact:

Re: Turning text into liquid shapes

Post by Greenlaw »

This shows the points I added...

Image

The top 'BLOB' is the orginal Text after conversion to Vector, and the bottom 'BLOB' is after I added the points along the long sides.

If I don't add the extra points and push them inward with the Magnet, Liquid Shapes will do this...

Image

This is pretty cool too, but I think the version in my first post is more dramatic.

Another tip: Enable Selected Points Only for the Magnet, and select one letter at a time for the point animation. It's much easier this way.
User avatar
Greenlaw
Posts: 10395
Joined: Mon Jun 19, 2006 5:45 pm
Location: Los Angeles
Contact:

Re: Turning text into liquid shapes

Post by Greenlaw »

I can't spend more time on this right now, but here's another tip: I think that the Blend effect was additive, so after enabling LS for each of the upper shapes you might only need to animate Blend for the topmost shape. That's just a guess for now. Let me know how it works for you.

Oh, and to make the blob resolve into letters, animate it like I did, from letters to blob, and then reverse the keyframes using Alt+Drag. That's what I did to animate the smoke coming out of the mask at the beginning of DreamWorks Curses title animation. I found it easier to animate the smoke going into the mask than coming out from it, and then I reversed the keyframes. (No Liquid Shapes though; I believe I used only Moho FBF and point animation for that effect. That was a while ago, so probably done in Moho 13.5.)

Hope this helps.

Image
Post Reply