This Step-by-Step guide will show you how to use your own lower third animations from Adobe After Effects in mimoLive. This will allow you to conveniently change title, subtitle and logo of your lower third in mimoLive, without the need to render it every time in Adobe After Effects.

Step 1: Hiding text layers in your After Effects Composition

In order to make the text exchangeable in mimoLive, you have to make the text layers invisible before exporting your background animation.
Alternatively you can check the “guide layer” option, to ensure those layers won’t be exported.

Step 2: Export the animation in ProRes 4444 with Alpha Channel

1. Click on Composition / Add to Adobe Media Encoder Queue.

2. Click on the output preset to edit the export format.

3. Click on source and crop the top to your animations actual height.
The Width should be 1920 for FullHD ( or 3840 for 4K ).
It is also possible to export in 1920 × 1080 ( or 4K ), but by cropping empty space you can improve the performance of the final mimoLive show.

4.In the „Output“ tab set source scaling to “Scale To Fit”. 

Change the format to Quicktime and in the video tab change the video codec to Apple ProRes 4444.

Change the height to your animations height by subtracting what you cropped earlier.

In this case: 1080 – 832 = 257.

Set depth to 8bpc + alpha.

For source range, define in and out points.

Select export destination by clicking on the output name.

Start the export.

Step 3: Setting up the mimoLive document

1. Drag your exported animation from the finder into the sources panel.

You may also want to add a logo in PNG format with alpha channel.

2. Layer Stack:

Add a Lower Third layer.
There are also other customizable lower third animations available, but in order to work with your own animation you have to choose the first one.

3. Content: 

Enter Title and Subtitle. You can leave the subtitle blank if you so desire.

4. Animation: 

Set Incoming to “Cut”, so the background animation starts right away.

Set Text to “Dissolve” or „Push“
Text Delay starts the text fade-in delayed, so your „in-animation“ can finish before the text appears.

Duration” sets the length of the text fade.

5. Background:

Select Type: “Custom Image”.

Image: Set your own Lower Third Animation.

Set Height to your animations height (257px).

6. Appearance:

Customize your text style and layout.

7. Logo:

You can add your Logo in PNG format with alpha channel.


Was this helpful?

Yes No
You indicated this topic was not helpful to you ...
Could you please leave a comment telling us why? Thank you!
Thanks for your feedback.

Post your comment on this topic.

Please do not use this for support questions.
mimoLive Support

Post Comment