Quick mode animation

Each scene represents the entire ad or webpage as it appears at the start or end of the animation. Google Web Designer handles the transitions between scenes.

Quick mode is unavailable for video ads and image ads.

Add animation in Quick mode

1. Create and arrange all the elements on the stage how you want them at the start of the animation. The timeline shows a thumbnail of the stage.
   
2. Click the Add thumbnail button in the timeline. Google Web Designer creates a copy of the previous scene.
   
3. Edit the elements on the stage so they appear the way you want them at the end of the animation. Changes can include moving and rotating elements, switching their color, resizing them, or adjusting other properties. Unchanged elements remain static.
   
4. Repeat steps 2 and 3 to add as many scenes as you like to your animation, each time changing the elements you want to animate.
   

Google Web Designer automatically animates the changes between scenes.

Preview your animation

You can see how your animation looks on the stage by clicking the Play button at the top of the timeline. The preview begins from the currently selected thumbnail.

To loop the preview playback, select the Repeat play button on the timeline before clicking Play. You can pause the preview by clicking the Pause button or pressing the Enter key.

You can't make edits while the animation is playing.

Change the transition between scenes

1. Click the transition icon between scenes.
   
2. The transition editor opens.
   
3. Adjust the transition:
   • Change the transition duration (in seconds)
   • Change the easing type by clicking the arrows

Switch to Advanced mode

Click the Switch to Advanced mode button on the right side of the timeline. Each scene is converted into a set of keyframes that preserves your animation.