Overlays are an effective way to enhance viewer engagement and provide additional information. This article will guide you through the process of editing overlay settings.
In this article
- Video tutorial
- Accessing Overlay settings
- Background color
- Close button options
- Customizing the close button
- When not to allow manual closure
- Overlay animation
- Preview animation
Video tutorial
This video explains how to edit overlay settings:
Accessing Overlay settings
To get started, open the Overlay editor. If you notice your video shining through the overlay when you first open it, i.e. depending on your template choice or starting point, the overlay's background might be transparent by default.
Background color
You can customize the overlay's background color and modify it to suit your video. Drag the color bar to modify the background.
Close button options
Next up are the close button settings. You have the choice to either hide the default close button or allow viewers to manually close the overlay. Typically, it's a good idea to enable manual closure. 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. Offering viewers an intuitive way to exit the overlay and return to the main video contributes to a seamless experience.
Customizing the close button
You can customize the design of the close button. You can use your own branded "X" image or add custom text like Back or Return to Video.
⚠️Note: All overlays do not come with a default close button
When not to allow manual closure
While allowing manual closure is generally recommended, there are instances where you might opt for a different approach. 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. This ensures viewers engage with the content as intended without accidentally bypassing it.
Overlay animation
You can add animation effects to elements as they appear and disappear on the screen. Animation type: There are 2 types of animation available: Fade In and Fade In Cascade.
Direction of Animation: Select the direction from which the animation effect will come.
If you opt for the Fade in Cascade style, you can further refine the animation. You can choose the Cascade order i.e. the order in which the elements will animate.
You can also set the delay between each element's appearance with the Cascade delay option.
Preview animation
This allows you to see how your chosen animations play out and make adjustments according to your preferences.
For more guidance on creating interactive videos, visit the Vimeo Help Center.