How to export Keynote Animations with Transparent Backgrounds - Live Streaming Pros

How to export Keynote Animations with Transparent Backgrounds

Apple’s Keynote app isn’t just for presentations. You can also use it to create lower thirds and other animated graphics for Ecamm Live and OBS. In this tutorial, we will show you how to export your designs with transparency so you can place them on top of your video.

Step 1

Open your design in Keynote. For the purpose of this tutorial we will be using an animated call to action template that we sell on our store.

Step 2

To set the background to transparent you need to click on the “Format” tab, and then underneath “Current Fill” select “No Fill” in the drop down menu. This will show as black in Keynote, but it will be transparent in the final design.

Step 3

The next step is to export your design by going to “File > Export To > Movie” from the menu located at the top of your Mac’s screen. 

Step 4

From the Export window you need to select the following:

1. Set the Resolution to “Custom” (this will reveal more options)

2. Set the Compression Type to “Apple ProRes 4444”

3. Check “Export with transparent backgrounds”

Now you just need to click “Next” to export your design.

Congratulations! You have successfully exported your Keynote animation with a transparent background. If you need help adding it to Ecamm, follow this tutorial, and for OBS, follow this tutorial.


If you want to reduce the size of your animation, you can convert it to WebM.

Get Overlays for OBS and Ecamm

We sell animated overlays with transparency on our Store.

Animated Emoji Overlays