# Show a redesign with an animated before and after wipe

> In Tella, attach your before and after images in the Tella Agent chat and ask for a wipe. Tella Motion builds it. The after image sits under the before image, and a linear wipe clears the top one away. Play it as its own Tella Motion clip, as b-roll, or as an overlay timed to what you say.

Page: https://www.tella.com/motion/before-and-after-comparison · Part of Tella Motion (https://www.tella.com/help/editing/tella-motion)

## How do I make an animated before and after wipe from one image to another?

In Tella, attach your before and after images in the [Tella Agent](https://www.tella.com/agent) chat and ask for a wipe. [Tella Motion](https://www.tella.com/help/editing/tella-motion) builds it. The after image sits under the before image, and a linear wipe clears the top one away. Play it as its own Tella Motion clip, as b-roll, or as an overlay timed to what you say.

## Prompt to start from

```text
Make a before and after wipe from my two attached images. Hold the before image 2 seconds, then wipe left to right over 1.5 seconds. Add a thin white line on the edge and small white "Before" and "After" labels.
```

## More prompts

### Real estate agent

```text
Use my two attached kitchen photos for a renovation reveal. Hold the old kitchen for 3 seconds, then wipe left to right over 2 seconds with a soft edge. Then show "Newly renovated" in white, bottom left.
```

### SaaS team

```text
In my release video, when I say "here's the new dashboard", overlay a wipe from the old dashboard screenshot to the new one, right to left over 1 second. Keep it clear of my camera bubble.
```

## How to do it in Tella

1. Open your video and the Tella Agent chat.
2. Attach both images, or pick them from your [Media Library](https://www.tella.com/help/editing/use-media).
3. Ask for a wipe with its direction, duration, edge and where it plays.
4. Check the preview and ask for changes like "slower" or "add labels".

## Good to know

- Available to everyone: through the Tella Agent on a paid plan or the 7-day trial, or through Claude or ChatGPT on any plan.
- Tella Motion animates images you provide. It does not generate before or after footage.
- Use images with the same framing and size so the comparison lines up.
- A Tella Motion clip has no transcript, layouts or cuts.

## Questions people ask

### Can the wipe go diagonally or from the right?

Yes. Tella Motion's linear wipe has an angle setting, so it can sweep from any side or diagonal. A feather setting softens the edge.

### Are there wipe styles besides a straight line?

Yes. Tella Motion also has a radial wipe that clears clockwise around a center point, and a gradient wipe that clears the darkest pixels first, based on another layer's brightness.

### Can Claude or ChatGPT build the wipe instead?

Yes. Connect [Claude](https://claude.ai/directory/tella) or [ChatGPT](https://chatgpt.com/plugins/plugin_asdk_app_6a7026f78434819186579d93d20ab38b?open_in_app) to Tella's [MCP server](https://www.tella.com/mcp), and it can place your images, add the wipe and keyframe it. The result stays editable in the Tella editor.

## Related

- [Branded wipe transitions timed to your words](https://www.tella.com/motion/animated-wipe-transitions.md): Branded wipes between the sections of your video.
- [Animate a product screenshot for your launch](https://www.tella.com/motion/animated-product-screenshot.md): Turn a still screenshot into a moving launch shot.
- [Photos with soft edges that blend into your video](https://www.tella.com/motion/feather-image-edges.md): Soft-edged photos that blend into your video.
- [Create motion graphics with Tella Motion](https://www.tella.com/help/editing/tella-motion)
- [Add B-roll and media](https://www.tella.com/help/editing/use-media)
- [Add overlays](https://www.tella.com/help/editing/overlays)
- [All of Tella's AI features](https://www.tella.com/ai.md)