Skip to main content

Creating overlays

If you want to export a Remotion video to use it as an overlay or transition in a conventional video editing software, you can export it as a transparent Apple ProRes file, which is supported by Final Cut Pro, Adobe Premiere and Davinci Resolve.

Exporting a video as ProRes file​

1 Make sure your composition has no background color. If you toggle the transparency option on in the editor, you should see a checkerboard background.

2 To export the video as ProRes file, setup the remotion.config.ts file as follows: 

remotion.config.ts
tsx
import { Config } from "@remotion/cli/config";
 
Config.setVideoImageFormat("png");
Config.setPixelFormat("yuva444p10le");
Config.setCodec("prores");
Config.setProResProfile("4444");
remotion.config.ts
tsx
import { Config } from "@remotion/cli/config";
 
Config.setVideoImageFormat("png");
Config.setPixelFormat("yuva444p10le");
Config.setCodec("prores");
Config.setProResProfile("4444");

and trigger the render with

bash
npx remotion render
bash
npx remotion render

Alternatively, you can set the settings directly on the command line:

bash
npx remotion render --image-format=png --pixel-format=yuva444p10le --codec=prores --prores-profile=4444
bash
npx remotion render --image-format=png --pixel-format=yuva444p10le --codec=prores --prores-profile=4444

Use a template​

import { OverlayDemo } from "../components/OverlayDemo";

Use it in your Video Editor​

Now, you can simply import the video into your video editing software. You can find the video in the out folder of your Remotion project.

import { OverlayInDavinci } from "../components/OverlayInDavinci";

See also​