Before/After Transformation Short

Watch as an animation →

When to use it

Show the same spot before and after a change, like tidying a room, changing outfits, or tending a plant. The bigger the change, the more people watch to the end.

Techniques that build this scene

  1. CameraStatic / Locked-Off Shot

    Film Shots 1, 2 and 4 from the same spot in front of the doorway, with a camera that doesn't move. When the camera stays the same, only the one thing that changed catches the eye.

    To recreate it: Put 'static locked-off shot from the doorway' in every shot, with the same wording.

  2. CompositionCenter Framing / One-Point Perspective

    The view looks straight into the room from the doorway, so the lines of the walls and floor converge at the center of the frame. Before and after line up exactly even when overlaid, which makes comparison easy.

    To recreate it: Don't draw the After from scratch. Feed the Before image to an image-editing model and lock 'same camera position, same composition'.

  3. EditingBefore / After Pairing

    Join the messy room and the tidy room on the same frame to show the size of the change at a glance. Put a caption like '3 hours later' on the Before shot and the effort in between becomes readable.

    To recreate it: Overlay the two images to check that the composition matches first, then turn each into video separately.

  4. SpeedFast Motion / Undercranking

    Speed up the tidying in Shot 2 by 3-4x in editing, cutting hours of work down to 2s. A person moving fast adds a lively feel.

    To recreate it: Models don't follow instructions to move fast well, so generate at normal speed and speed it up in editing.

  5. EditingMask / Wipe-By Transition

    In Shot 3, cut at the frame where a palm fully covers the lens and move to the After in Shot 4. The moment of change is hidden by the hand, so the room looks tidied by magic.

    To recreate it: If the hand doesn't fully cover the lens, give up at the draft stage and use an editing wipe or flash transition instead.

  6. SoundSound Design: Hits, Whooshes, Risers

    Land a 'whoosh' as the palm passes and a hit on the first frame where the After appears. With sound attached, the difference between the shots before and after (contrast cut) feels bigger.

    To recreate it: Start the whoosh just before the hand covers the lens and end it on the first frame of the After.

  7. LookShot Color Matching

    If the light direction or color temperature of Before and After don't match, fix them in editing. If the colors differ, it looks like the shots were taken on different days, and the transformation is less convincing.

    To recreate it: Put 'same soft daylight from the left window' into both shot prompts, and match whatever differences remain in editing.

Reference videos

How to create a BEFORE and AFTER Wipe Transition Effect in Adobe Premiere Pro Tutorial
Create the VIRAL AI Outfit Transition (step-by-step tutorial)

Camera

Composition

Editing

Light & Speed

Look & Finish

One-click prompt

Cinematic multi-shot sequence, 8 seconds total, vertical 9:16. Shot 1 (2s): static locked-off shot from a doorway of a small messy bedroom, clothes piled on the bed, centered one-point perspective; Shot 2 (2s): same locked-off view in fast motion as a young man folds clothes and carries boxes out; Shot 3 (1s): close-up from the doorway as his open palm sweeps across the lens and covers the whole frame; Shot 4 (3s): same locked-off angle, the room now neat and bright with a made white bed and plants on a shelf. Identical camera position and framing in every shot, soft daylight always from the left window, natural colors, tired mood turning calm and satisfying.

Why this combo

Keep the camera position and framing identical, and the one thing that changed is all the eye catches. Hide the moment of change in a transition where a palm covers the screen, and it looks like magic.

Shot-by-shot breakdown and prompts

  1. Shot 1 · 2s · Before: a messy room
    Vertical 9:16 static locked-off shot of a small messy bedroom, clothes piled on the bed and boxes on the floor, centered one-point perspective from the doorway, soft daylight from a window on the left, flat natural colors, tired overwhelmed mood.
  2. Shot 2 · 2s · The tidying process
    Vertical 9:16 static locked-off shot of the same messy bedroom from the doorway as a young man folds clothes and carries boxes out, busy steady movement, soft daylight from the left window, natural colors, energetic cleaning mood.
  3. Shot 3 · 1s · Covering the screen with a palm
    Vertical 9:16 close-up from the doorway as the young man's open palm moves quickly toward the lens and covers the whole frame, static camera, motion blur on the hand, soft daylight from the left window, natural colors, playful mood.
  4. Shot 4 · 3s · After: a tidy room
    Vertical 9:16 static locked-off shot of the same small bedroom now neat and bright, bed made with white linen, plants on a clean shelf, identical one-point perspective from the doorway, same soft daylight from the left window, fresh airy colors, satisfying calm mood.

Editing order

Put a caption like "3 hours later" on the before shot, and speed up the tidying process 3–4x in editing. On the frame where the palm fully covers the screen, join the after shot with a mask / wipe-by transition. Add a whoosh and a hit at that moment to widen the gap of the contrast cut. If the light direction or color temperature of the two shots doesn't match, fix it with shot color matching.

Making it with AI

Don't draw the after image from scratch. Put the before image into an image-editing model, lock "same camera position, same composition, same light", and write only what should change. Overlay the two images to check that the composition matches, then make a video from each one separately (if you put the start and end frames into one shot, the model smoothly fills in the gap between them). If the hand can't fully cover the lens, give up at the 480p draft stage and use a wipe or white flash transition in editing instead.