Waveform:



Twist:


Sphere:

Made purely with photoshop...
Here’s how:
The above effects are actually done in the same way. Different filters are used to produce different effects. I used the waveform effect as an example. Please draw inferences.
1. New block 500x150, add text deletion

2. Duplicate 26 text layers...hey and click off the copied layer eyes

3. Add a new layer at the bottom to draw a square and fill it with a red square whose width is about twice the width of the blank space.

4. Layer 1 is the first frame of the animation. If it remains unchanged, we will start by copying layer 1.

5. Move the red square to the left and align the center with the edges:

6. Select the copy of layer 1 and load the red square selection

7. Use wave filters

Reference settings:
8. The copy and deformation of layer 1 is completed.
Now we need to transform layer 1 copy 2...

9. Select the red square layer and press V (Move Tool)
Note: Do not cancel the selection!!!

Then... hold down the shift key and then press the direction key to the right twice so that the red square will move 20 pixels to the right.

10. Select layer 1 and copy 2, press ctrl+F
Use the filter just now

11. Deformation of other layers...
Repeat steps 8~10 above
