velements

Liquid Transitions

Liquid transitions: ink, drips and waves between scenes

Updated September 18, 20263 min read

What is a liquid transition?

A liquid transition uses organic motion, ink spreading, paint dripping or a wave rising, to cover the frame and reveal the next shot. It suits lifestyle, beauty and craft content where a hard geometric wipe would feel too technical.

Ink moves in a way geometry cannot fake. These presets spread, drip, splash and merge, and because the color is yours, the same motion can feel like coffee, paint or the sea.

Five liquid transitions presets to start from

Hover any card to play it. Opening one loads it in the editor with every control unlocked.

  • Organic ink blooms outward with wobbling edges and flying droplets, then opens into the next scene.

  • Layered liquid waves roll up from the bottom, wash over the frame and continue off the top.

  • Thick paint drips run down to flood the screen, then the whole mass slides away to reveal the next shot.

  • A spiky liquid splash explodes from the center with flying droplets, covering the cut with pure energy.

  • Colorful bubbles pop up everywhere and merge into a solid wall, then burst away in a new random order.

All liquid transitions

How to make one in the browser

  1. 01Open a liquid transitions presetBrowse the Liquid Transitions category and open the preset closest to what you need. It loads in the editor with every control unlocked.
  2. 02Make it yoursRewrite the text, set your brand colors and font, adjust easing and duration, and switch the aspect ratio for the platform you are posting to.
  3. 03Export the clipChoose MP4 for a normal track or transparent WebM for an overlay, pick a resolution up to 8K, and the file renders on your own machine.

Which format should you export?

Use MP4 when the clip sits on its own track or fills the frame. Use transparent WebM whenever it has to float over your own footage: the alpha channel is real, so no keying or blend mode is needed.

Format
MP4 H.264 · WebM VP9
Alpha
Transparent WebM
Resolution
720p to 8K
Aspect
16:9 · 9:16 · 1:1 · 4:5
License
Commercial use included

Three tips that make it look intentional

  • Match the liquid color to something already in the outgoing shot.
  • Let the cover fully fill the frame before the next shot starts underneath.
  • Slower easing suits ink; faster suits splash.

Frequently asked

Can I use it as an overlay instead of a cut?
Yes. Export with a transparent background and the liquid passes over your footage without covering it completely.
How long should it run?
Between half a second and one and a half seconds. Longer starts to read as a scene of its own.
  • Brush Stroke Animations

    Brush strokes: handmade texture for titles and reveals

    Pick a brush preset and set the stroke color, width and speed. The stroke draws itself along a path and can wipe the frame, highlight a word or splatter behind a title. Export transparent WebM to keep the paper texture over your own footage.

    Read the guide
  • Number Counters

    Number counters: make a statistic land

    Choose a counter preset, set the start and end values, decimals, prefix and suffix, then pick the duration and easing. The number counts up in the preview exactly as it will in the export, which you can drop into a report, an ad or a social post.

    Read the guide
  • Animated Infographics

    Animated charts: data that explains itself in seconds

    Enter your values and labels into a chart preset, set the colors, and choose how fast the bars grow or the line draws. Export MP4 for a slide or transparent WebM to place the chart over a presenter, with no spreadsheet or plugin involved.

    Read the guide