Ripple transition guide

Start

The tool opens with two sample pictures, A and B, and the Default preset. The picture fills the frame; the panel sits beside it.

What you need

• A current browser with WebGL. Chrome, Edge, Firefox and Safari all have it.
• Two pictures of your own, if you want them. Any image the browser can open works; the samples are there until you swap them.

Your first result

1. Open Ripple transition and tap the picture. A ring of waves spreads from that point and carries A into B. See tap origin.
2. Tap again. The ring now carries B back into A.
3. Press a preset under Presets, such as Shockwave, then press Replay at the top of the panel to see it from the last point you tapped.
4. At the top of the panel, press the Image A and Image B tiles to pick your own two pictures, or drop two at once.
5. Press Save PNG for a still, or Record video to keep one full run.

Good to know

• A tap during a run does nothing; wait for the ring to finish. Replay always starts again at once.
• Moving any slider takes the highlight off the preset, and the next run uses your settings.
• The frame takes the shape of picture A. Picture B is stretched to that shape, so two pictures of the same shape look best.
• On a phone the controls sit in a bar at the bottom of the screen. Tap the bar to open them.