2.09 Motion Titles, Calls to Action and Overlays

In Flixier you can improve your videos with our built-in librarys of Motion titles, CTAs and Overlays.

Motion titles

How to add Motion Titles to your videos

These assets can be found under the text tab in the Library Panel, to use them drag and drop the one you like in the video preview canvas or on the timeline.You can drag from it's corners in the video preview to make it bigger or smaller and you can also drag and move it around to change it's position.

How to edit text on Motion Titles

To edit the text on a motion title click on one on the timeline and select "Edit animation" in the inspector. Next, replace the text with your own in the text boxes on the right side of the editing window that shows up.

Note: For now each Motion Title has a limited amount of characters it can accept. Writing longer titles will result in cut-offs, the limit can be seen when editing.

How to change font on Motion Titles

To change the font on a Motion Title click on the little icon next to the text box in the Edit animation window. You will be able to browse through the entire library of Google Fonts and choose the one you like best.

How to change shape colors on Motion Titles

You can change the shape colors in the Edit animation window. Just click on the shape you want to change, select a new color and press Done.

Calls To Action

You can find CTAs under the Motion tab in the Library Panel and you can drag and drop them in the timeline or Canvas just as you do with Motion Titles or any other objects.

You can also Move and Resize CTAs if you drag them around the video preview or if you click and drag from one of their corners.

How to edit text and fonts on CTAs

Editing CTAs text and fonts is exactly the same as with Motion Titles. You can click on the Edit animation button on the right side of the screen and in the new window that appears you can change texts and fonts.

Overlays

These animated objects can be used as an alternative to transitions when changing between clips. Overlays can be found in the tab with the same name in your Library Panel.

How to use Overlays

To use an Overlay drag and drop it in the timeline on a new track on top of two clips. Position the Overlay center roughly where there is the split between the two clips.

How to edit Overlays colors

To edit the colors on an Overlay click on it and then click on Edit Animation on the right side of the screen. In this new window click on a shape of the overlay and change the color with a new one. Next click Done and Save Animation to save your changes.

Can I add my own motion graphics?

Of course! You'll need a custom After Effects plugin to convert them into a format understood by browsers, but it's 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.

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

PS: since there's a lot of 3rd party software involved in this process we can't guarantee that all your custom animation will work or that you'll be able to edit them 100%. But for the majority of cases it should work

Still require support?
Contact support