> For the complete documentation index, see [llms.txt](https://docs.chatvideopro.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.chatvideopro.com/features/video-generation/transition-mode.md).

# Transition Mode

Transition Mode creates motion between two still images. You attach a start frame and an end frame, then describe how the model should move from the first image to the second.

Use it when you want a quick AI-generated bridge between two frames from the normal Video Generation composer. For guided transition styles like Seamless Morph, Product Reveal, Time Passage, Smoke Reveal, Focus Pull, Whip Pan, or Flying Cam, use Studio AI Transitions.

{% hint style="info" %}
Transition Mode answers: "How should image A become image B?" If you want the two images treated as character references instead of start/end frames, use Reference Mode with a reference model.
{% endhint %}

***

### When To Use Transition Mode

Use Transition Mode when you have two images and want the model to connect them with motion:

* A before/after reveal.
* A product transformation.
* A day-to-night change.
* A scene-to-scene bridge.
* A mood or lighting change.
* A simple morph between similar subjects.
* A quick transition test from the standard composer.

Choose another workflow when:

<table><thead><tr><th width="354">You have...</th><th>Use instead</th></tr></thead><tbody><tr><td>One still image to animate</td><td>Image-to-Video or Studio Motion Director</td></tr><tr><td>A polished transition style in mind</td><td>Studio AI Transitions</td></tr><tr><td>Multiple images of the same character/product</td><td>Reference Mode</td></tr><tr><td>Only a text idea</td><td>Text-to-Video</td></tr><tr><td>Existing footage to transition from/to</td><td>Premiere editing tools or Studio post-production workflows</td></tr></tbody></table>

***

### How It Works

1. Enable **Generate Media** in the composer.
2. Attach exactly two images.
3. Chat Video Pro activates Transition Mode.
4. Choose a transition-capable model.
5. Set duration, resolution, and audio options when available.
6. Write a prompt describing the motion between frames.
7. Generate and review the result.

The first image is the starting frame. The second image is the target frame. Your prompt should describe the path between them.

***

### Transition Mode vs. Studio AI Transitions

Both workflows connect two frames, but they are designed for different levels of guidance.

<table><thead><tr><th width="348">Use classic Transition Mode when...</th><th>Use Studio AI Transitions when...</th></tr></thead><tbody><tr><td>You want the quick composer path.</td><td>You want a guided transition workflow.</td></tr><tr><td>You already know which model to use.</td><td>You want built-in transition styles and better prompt structure.</td></tr><tr><td>You want to write the transition prompt yourself.</td><td>You want style presets like Product Reveal, Time Passage, Smoke Reveal, or Whip Pan.</td></tr><tr><td>You are testing a simple bridge.</td><td>You are making a polished transition for an edit.</td></tr></tbody></table>

The practical rule: use Transition Mode for quick direct control, and use Studio AI Transitions for intentional, styled transitions.

***

### Start With Strong Frames

The two images matter more than the model. A transition can only be as clear as the relationship between the start and end frames.

Strong frame pairs usually have:

* Matching aspect ratios.
* A clear visual relationship.
* Similar framing or a transition style that explains the framing change.
* A readable subject in both frames.
* Enough shared structure for the model to connect them.
* A clear answer to "what is changing?"

Weak frame pairs include:

* Different aspect ratios.
* Totally unrelated images.
* One extreme close-up and one extreme wide with no transition logic.
* Two frames packed with small text or UI.
* Different subjects with no shared shape, location, or idea.
* Frames where the subject appears in completely different screen positions.

If the two frames do not naturally relate, generate a better pair first in Cinematic Lab, Multi-Cam, or another image workflow.

***

### Aspect Ratio Rule

Use matching aspect ratios.

<table><thead><tr><th width="159">Start frame</th><th width="159">End frame</th><th>Result</th></tr></thead><tbody><tr><td>16:9</td><td>16:9</td><td>Best for landscape transitions.</td></tr><tr><td>9:16</td><td>9:16</td><td>Best for vertical transitions.</td></tr><tr><td>1:1</td><td>1:1</td><td>Best for square transitions.</td></tr><tr><td>16:9</td><td>9:16</td><td>Risky. Cropping or distortion likely.</td></tr><tr><td>Different ratios</td><td>Different ratios</td><td>Avoid unless you intentionally want reframing artifacts.</td></tr></tbody></table>

Matching ratios keep the model focused on the transition instead of solving a crop problem.

***

### Write Transition Prompts, Not Image Captions

The images already describe the starting and ending visuals. Your prompt should describe the movement between them.

Focus on:

<table><thead><tr><th width="191">Prompt layer</th><th>What to describe</th></tr></thead><tbody><tr><td>Transformation</td><td>Morph, reveal, wipe, time passage, dissolve, object change.</td></tr><tr><td>Camera movement</td><td>Push, pull, pan, orbit, fly-through, whip pan, focus pull.</td></tr><tr><td>Timing</td><td>Slow, gradual, fast, sudden, elegant, energetic.</td></tr><tr><td>Shared subject</td><td>What should stay stable between frames.</td></tr><tr><td>Style</td><td>Cinematic, natural, surreal, product-commercial, documentary.</td></tr></tbody></table>

Useful structure:

{% code overflow="wrap" %}

```
[Type of transition] from the first frame to the second, using [camera/motion path], keeping [important subject] stable, [style/pacing].
```

{% endcode %}

***

### Prompt Examples

#### Product Reveal

{% code overflow="wrap" %}

```
The closed product box opens into the final hero product shot, with a slow cinematic push-in, soft studio light sweep, subtle haze, and premium commercial pacing.
```

{% endcode %}

#### Day To Night

{% code overflow="wrap" %}

```
Gradual time-lapse transition from the daytime street to the night version, lights turning on across the buildings, sky darkening smoothly, camera position staying stable.
```

{% endcode %}

#### Before And After

{% code overflow="wrap" %}

```
Smooth before-and-after transformation where the messy room becomes clean and organized, objects shifting naturally into place, camera locked off, satisfying gradual reveal.
```

{% endcode %}

#### Scene Change

{% code overflow="wrap" %}

```
A fast whip pan hides the cut between the first location and the second, motion blur briefly fills the frame, then lands cleanly on the final image.
```

{% endcode %}

#### Object Morph

{% code overflow="wrap" %}

```
The small seedling grows and transforms into the mature tree shown in the second frame, time-lapse motion, roots and branches expanding naturally, smooth organic pacing.
```

{% endcode %}

***

### Weak Prompts To Avoid

Too vague:

```
Transition between two images.
```

Better:

{% code overflow="wrap" %}

```
Smooth cinematic morph from the first portrait to the second, preserving the face position while clothing and lighting transform gradually.
```

{% endcode %}

Captions the images instead of the motion:

```
A coffee shop and then a beach.
```

Better:

{% code overflow="wrap" %}

```
Camera pushes through the coffee shop window into a bright beach scene, light blooms across the frame, ending on the final beach image.
```

{% endcode %}

No transition logic:

```
Make these connect.
```

Better:

{% code overflow="wrap" %}

```
A foreground object wipes across the lens, briefly covering the frame, then reveals the second scene with matching camera direction.
```

{% endcode %}

***

### Choosing A Model

Use the model based on the hardest part of the transition.

<table><thead><tr><th width="346">Need</th><th>Good starting point</th></tr></thead><tbody><tr><td>Best morphing quality</td><td>Kling O3 Transition or Studio AI Transitions</td></tr><tr><td>Audio-enabled transition</td><td>Veo 3.1, Kling, or Seedance 2</td></tr><tr><td>Lower-cost silent transition draft</td><td>Veo 3.1 Lite</td></tr><tr><td>Fast transition test</td><td>Fast or Standard model variants</td></tr><tr><td>High-resolution visual interpolation</td><td>Wan 2.7</td></tr><tr><td>Strong style presets</td><td>Studio AI Transitions</td></tr></tbody></table>

For most users, Studio AI Transitions is the better path when the transition matters to the edit. Classic Transition Mode is best when you want the fastest manual model-selector route.

***

### Best Practices

#### Treat Images Like First And Last Frames

The start frame should look like the first frame of the shot. The end frame should look like the final landing frame. Do not treat them as loose mood references.

#### Keep The Relationship Clear

The model needs to know what changes and what stays. If both images share a subject, location, pose, or composition, the transition usually improves.

#### Use The Same Composition When Possible

Before/after, product reveals, time passage, and object transformations work best when the core subject stays in a similar screen position.

#### Pick A Transition That Explains The Cut

If the images are similar, a morph or time-passage transition can work. If they are different locations, use a camera move, wipe, whip pan, or reveal that hides the change.

#### Avoid Too Much Text

Generated transitions can distort small text, signs, UI, labels, and detailed typography. If text must remain perfect, consider doing the transition in Premiere or generating a clean background transition first.

***

### Example Workflows

#### Quick Composer Transition

1. Prepare two images with the same aspect ratio.
2. Attach both images in Generate Media.
3. Choose a transition-capable model.
4. Write a short motion prompt.
5. Generate and review.

#### Polished Studio Transition

1. Prepare intentional start and end frames.
2. Open Studio AI Transitions.
3. Add the start and end frames.
4. Choose a transition style.
5. Add optional notes.
6. Generate and compare results.

#### Cinematic Frame Pair

1. Create two stills in Cinematic Lab.
2. Keep the same aspect ratio.
3. Make sure the frames have a clear relationship.
4. Use Transition Mode for a quick bridge, or AI Transitions for a guided style.

***

### Troubleshooting

#### Transition Mode does not activate

Make sure exactly two images are attached and Generate Media is enabled. If you attach more than two images, the app may route you toward reference-style workflows instead.

#### The transition crops or distorts

Check that both images have the same aspect ratio. If they do not, crop or regenerate one image before trying again.

#### The result feels like a dissolve

Add a clearer motion path: whip pan, push through, object wipe, smoke reveal, time-lapse shift, focus pull, or morph.

#### The subject changes too much

Use more preservation language:

{% code overflow="wrap" %}

```
Keep the main subject centered and preserve the face shape while only the lighting and wardrobe change.
```

{% endcode %}

#### The two images do not connect

The frame pair may be too unrelated. Create an intermediate frame, use a stronger transition style in AI Transitions, or generate a better start/end pair with Cinematic Lab.

#### You wanted Reference Mode instead

If the images are references for the same subject, choose Reference Mode and select a reference-capable model. Transition Mode treats two images as start and end frames.

***

### Related Pages

* [AI Transitions ](/features/studio/ai-transitions.md)- Guided transition styles for polished Studio workflows.
* [Image-to-Video](/features/video-generation/image-to-video.md) - Animate one still image.
* [Reference Mode](/features/video-generation/reference-mode.md) - Use multiple images as identity/style references.
* [Cinematic Lab](/features/studio/cinematic-lab.md) - Generate better start/end frames.
* [Supported Video Models](/features/video-generation/supported-video-models.md) - Choose the right model.

***

**Next:** If you want guided transition styles instead of writing the motion manually, use Studio AI Transitions.
