This position can be the very center of the GIF or any of its four corners. For the radial gradient, you can specify the radius of the gradient and its starting position. The colors can blend horizontally (left to right, or right to left) or vertically (top to bottom, or bottom to top). For the linear gradient, you can specify the direction of color change. You can create either a linear gradient or a radial gradient. To create a gradient background, activate the "Color Gradient" mode and enter two, three, or four colors.
To create a solid background, switch to the "Single Color" mode and choose a color using the color palette or enter its name.
At the moment, you can use a solid color or a color gradient as a background but very soon, you'll also be able to add a background image. As soon as you load a GIF, it automatically finds all transparent pixels in all the frames and makes them opaque. This allows you to see how your chosen animations play out and make adjustments according to your preferences.įor more guidance on creating interactive videos, visit the Vimeo Help Center.This is a browser-based program that adds a background to GIFs with animated or static frames. You can also set the delay between each element's appearance with the Cascade delay option. the order in which the elements will animate. If you opt for the Fade in Cascade style, you can further refine the animation. Animation type: There are 2 types of animation available: Fade In and Fade In Cascade.ĭirection of Animation: Select the direction from which the animation effect will come. You can add animation effects to elements as they appear and disappear on the screen. This ensures viewers engage with the content as intended without accidentally bypassing it. For example, in cases where you have a mandatory quiz question or a branching experience where viewer choices determine the path, you might choose to disable the overlay's default close button. While allowing manual closure is generally recommended, there are instances where you might opt for a different approach. ⚠️ Note: All overlays do not come with a default close button You can use your own branded "X" image or add custom text like Back or Return to Video. You can customize the design of the close button. Offering viewers an intuitive way to exit the overlay and return to the main video contributes to a seamless experience. This is particularly useful when your overlay contains additional information that viewers might want to explore, such as a bio or product details in a shoppable video. Typically, it's a good idea to enable manual closure. You have the choice to either hide the default close button or allow viewers to manually close the overlay. Drag the color bar to modify the background. You can customize the overlay's background color and modify it to suit your video.
depending on your template choice or starting point, the overlay's background might be transparent by default. If you notice your video shining through the overlay when you first open it, i.e. This video explains how to edit overlay settings: This article will guide you through the process of editing overlay settings. Overlays are an effective way to enhance viewer engagement and provide additional information.