Motion Titles, Calls to Action and Overlays

Flixier's library comes packed with animated text, social media Calls to Action, and customizable motion graphics to elevate your video's production value.

Motion Titles and Overlays

1. You can find pre-animated text templates, openers, and overlays in the Elements tab on the left-side panel.
2. Scroll down and click on the Motion Titles category. Here, you will find a variety of styles.
3. Drag and drop your favorite style directly onto the video preview canvas or into your timeline. If you are using an Overlay as a transition, place it on a new track centered directly above the split between two clips.
4. You can resize the asset by clicking and dragging the corners of the bounding box on the canvas, or move it around to change its position.

How to Edit Text and Fonts

1. To edit the text, click on the motion title or overlay in your timeline to select it.
2. Navigate to the Properties panel on the right side of the screen and make sure you are on the Motion Object tab.
3. Under Motion Object Properties, replace the placeholder text by typing in the Text box.
4. Just below the text box, you can customize the typography using the Font Family, Font Weight, and Font Style dropdown menus.

How to Change Colors

• In the Motion Object tab, scroll down to the Shape Colors section.
• Click the solid color box to open the color picker.
• Select a new color to update the shapes and accents included in that specific animation.

Calls To Action (Motion Graphics)

Animated Calls to Action are handled the exact same way as Motion Titles.

1. You can find them in the Elements tab on the left side of the screen, just below the Motion Titles, under the Motion Graphics category.
2. Drag and drop them into the timeline or canvas.
3. You can move, resize, and edit the text and colors of these CTAs using the exact same Motion Object menu on the right side of the screen.

Can I Add My Own Custom Motion Graphics?

Of course! You will need a custom After Effects plugin to convert them into a format understood by web browsers, but it is entirely possible.

Our recommendation and the one we've been using for the built-in animations is Bodymovin. Just export the animation into a JSON file and upload it just like any other asset. If everything went well with the export, you should be able to view and edit it inside Flixier.

You can also check out this Lottie Gallery: it has a lot of animation, and they're already converted for usage on the Web.

Note: Because there is a lot of third-party software involved in this process, we cannot guarantee that every custom animation will work perfectly or be 100% editable, but it functions smoothly for the majority of cases.