I'm trying to animate a text possibly for a logo, making it into a seamless loop. The effect I'm trying to achieve is that of a wave like rippling but only on a portion of the text.

I still want it to look as if it is connected to the part of text that's staying static.

I've seen suggestions of using turbulent displace effect, but I can't get it to loop. Also not certain how to keep one part of the text static while getting the waviness in a correct direction.

Should I mask it out?

Is there any better way of going about this?

Edit: Here's a static image made in photoshop with warp tool. So, I would like only bottom half of each word have this effect and obviously to animate it.

text with a wave applied

1 Answer 1

  1. Create your text layer.
  2. Create a 100% black solid layer
  3. Create a 100% white solid layer, make sure it is above the black layer.
  4. Precomp the two solid layers (cmd/control + shift + c) and jump into the comp.
  5. Add a 'venetian blinds' effect to the white layer and delete the keyframes that automatically accompany it.
  6. Set the 'Direction' to -90deg, 'transition completion' to 50%, width to 100 and the feather to 50 (or half width).
  7. Set a keyframe to position of the white layer. Jump forward two seconds (or however long you want the loop to last) and add 100px to the y position. (Note: the difference in y pos needs to match the width of the venetian blinds effect. 100 = 100).
  8. Go to the previous frame by hitting the 'page up' button on your keyboard.
  9. Hit 'tab' then 'left arrow' then 'enter'. To go to the parent comp.
  10. Hit 'n' on the keyboard to set the animation duration. Duration should always be one frame less that the keyframes of the position on the white layer of the nested comp.
  11. Turn off the visibility of the nested comp and add a 'displacement map' effect to the text layer.
  12. Set the 'Max Horizontal Displacement' to 50 (or your preference) and the 'Max Vertical Displacement' to 0.
  13. Set the 'Displacement Map' to the nested comp layer.

Mine looks like this: enter image description here

You should be able to modify it to your liking. Good luck!

EDIT: I've just reread your post and realised that you wanted the top to remain static and have the bottom wave.

In order to accomplish that, you'll want to add a couple of rectangular shape layers that will sit directly over your text layers (make them a fair bit wider than your text, but the same height). Add a 'gradient ramp' effect and make is so that it runs from black at the top of the layer to white at the bottom. Set the shape layer's blend mode to multiply. Then cut the layers out and paste them into the nested map layer. Your nested map layer should now look something like this:

With text for reference: enter image description here

Final map, text turned off: enter image description here

Now the top of the text will remain static and the bottom will progressively wave more.

enter image description here

  • So time displacement uses the colour black as no displacement in this case?
    – spockerrs
    Commented Mar 10, 2020 at 8:59
  • Also when I try to do the gradient overlay over my shape layers and then put it in the same comp as the venetian blinds, it's obviously over the venetian effect so displacement doesnt work anymore.... what should i do?
    – spockerrs
    Commented Mar 10, 2020 at 9:14
  • It turns out I missed a crucial part of the instructions. You need to set the blend mode of shape layers with the gradients on them to 'multiply' so that it blends with the venetian blinds effect. Sorry about that. And yes, the map controls the effect through greyscale values. 100% white is 100% effect and 100% black is not effect.
    – Clif
    Commented Mar 11, 2020 at 22:21

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service and acknowledge you have read our privacy policy.

Not the answer you're looking for? Browse other questions tagged or ask your own question.