How to Add Animations to Videos?

In case you missed it, here are few tips that will help you select the right animations for your videos. Here is how you can add animations to your videos in 6 easy steps:

STEP 1: Sign up for Rocketium

If you haven’t already, head over to Rocketium and create an account. You can either use Google, Facebook or Twitter to sign up or login.

social media login in rocketium

STEP 2: Go to the Editor

Once logged in, go to the Editor to start creating your video. The screen you see is the Add Media screen. Here you can add your media and text.

Note: Selecting multiple media files automatically adds them to different scenes.

STEP 3: Finalise the Content and click Continue

Once your content is finalised, click Continue to go to the Preview & Customise screen.

click continue

STEP 4: Select ‘Animations’ to add animations

You will find ‘Animations’ in the tab on your left. Clicking that introduces you to 2 types of animations: Animated Overlays and Animated Transitions.

add animations tab

Here you will find a rich collection of transitions and overlays:

Animated GIF - Find & Share on GIPHY

STEP 5: Click ‘FINISH’

Once you’ve previewed your video and have finalised the styles, click on Finish to publish your video.

finish video

STEP 6: Download video from Dashboard

Once you publish your video, you will be redirected automatically to the Dashboard. From here you can either download your video or share it to social media directly.

download video file
Download your video file from the Dashboard

Video Animation: Everything You Need to Know

Video animation  plays a vital role in viewer engagement. As a video producer, you need to know where to include animated overlays, and when to use animated transitions. Let’s start with the basics.

What is an animated overlay?

Video Animation could be in the form of an animated overlay – it is a confined graphical object that changes its visual appearance as a result of cycling through a sequence of graphical updates or as a result of external influences.

OK, so simply put, an animated overlay is a sequence of images that are animated and are sometimes put in an indefinite loop. When you make a video, you place an animated overlay on top of the media content of your video.

Animated GIF - Find & Share on GIPHY


What is an animated transition?

Another type of video animation is animated transition. When referring to video or a slide a transition is an effect that happens between each slide or scene of your video. Do you remember using Microsoft Power Point and its set of transitions? You can replicate the same concept to a video, except each slide is now a scene of the video.

Animated GIF - Find & Share on GIPHY


What are the types of overlays that I can use?

There are 2 types of overlays that you can use in your videos. They are looped and non-looped overlays. Looped overlays run for an indefinite time in the same pattern, i.e. the sequence is repeated indefinitely. Non-looped overlays, on the other hand, only run for the specified time period.

An example of a looped overlay:

Animated GIF - Find & Share on GIPHY

An example of a non-looped overlay:

Animated GIF - Find & Share on GIPHY


When do I use video animations?

Video Animation is best used in scenes which have only an image instead of a video clip. You can also use animated overlays in scenes where you don’t have any images. An example:

Animated GIF - Find & Share on GIPHY

You can also use animated overlays to highlight your text. A good tip to follow is to keep in mind that the color of your text and the color of the overlay you choose should complement each other. You shouldn’t be using a color that dominates your text as it will distract the viewer from the message you wish to convey.

Here are some tips to select the right color palette for your video

Check out this example of an animated overlay used to highlight some text:

Animated GIF - Find & Share on GIPHY

There is another type of animation that you can use in your videos. It is called Dynamic Text Background. This is an animation for the background of the text and captions in your video. Here is an example:

Animated GIF - Find & Share on GIPHY

Once again, you’ll have to keep in mind the color combination of the dynamic background and the caption. The background is meant to complement the text, not dominate it.

Dynamic backgrounds also attract the attention of your viewer immediately to the text. So a good way to use this is for captions that you want your viewer to pay more attention to.


Where Can I Get a Good Collection of Video Animation?

Rocketium houses a huge collection of animated overlays, transitions and dynamic backgrounds. You can create an account for yourself and access these animations inside the Rocketium Editor.

Animated GIF - Find & Share on GIPHY