Description

This article explains the steps needed to create a transparent WebM video using Adobe After Effects or Premiere Pro, which, once rendered, can be used within any Intuiface experience. 

NOTE: This article focuses on Adobe tools, but Intuiface supports transparent WebM videos created using any third-party software. Feel free to use the software of your choice.

Adobe After Effects

Step 1: Install the WebM Plugin via Creative Cloud

1. Open Adobe Creative Cloud Desktop App
2. Go to the Marketplace (Stock & Marketplace tab)
3. Search for WebM
4. Locate "WebM by Fnord" and click Install
5. Restart After Effects and Media Encoder if they were running
6. If the plugin isn’t listed, download and install it manually from:
   Index of /WebM

Step 2: Import Your Content into After Effects

1. Launch After Effects or Premiere
2. Go to File > New > New Composition
3. Import your content and drag it into the timeline

Step 3: Make the Background Transparent in After Effects

1. Open the Effects & Presets panel
2. Search for Keylight (1.2) and drag it onto your footage
3. Use the eyedropper to select the background colour (e.g., green screen)

Step 4: Export to Media Encoder

1. Go to File > Export > Add to Adobe Media Encoder Queue
2. Adobe Media Encoder will launch with your comp added to the queue

Step 5: Configure WebM Settings

1. Click the Format dropdown next to your comp
2. Choose WebM (requires the plugin)
3. In the WebM export settings:
   • Set Video Codec to VP9
   • Enable Include Alpha Channel
4. Choose your output location and filename

Adobe Premiere Pro

Step 1: Install the WebM Plugin via Creative Cloud

1. Open Adobe Creative Cloud Desktop App
2. Go to the Marketplace (Stock & Marketplace tab)
3. Search for WebM
4. Locate "WebM by Fnord" and click Install
5. Restart Premiere Pro and Media Encoder if they were running
6. If the plugin isn’t listed, download and install it manually from:
   Index of /WebM

Step 2: Import Your Content into Premiere Pro

1. Launch After Effects or Premiere
2. Go to File > New > Project
3. Import your content and drag it into the timeline

Step 3: Make the Background Transparent in Premiere Pro

1. Open the Effects panel
2. Search for Ultra Key and drag it onto your footage
3. Use the eyedropper to select the background colour (e.g., green screen)

Step 4: Export to Media Encoder

1. Go to File > Export > Add to Adobe Media Encoder Queue
2. Adobe Media Encoder will launch with your comp added to the queue

Step 5: Configure WebM Settings

1. Click the Format dropdown next to your comp
2. Choose WebM (requires the plugin)
3. In the WebM export settings:
   • Set Video Codec to VP9
   • Enable Include Alpha Channel
4. Choose your output location and filename

Final Output of Rendering

Above is the output file used with the WebM plugin in both After Effects and Premiere Pro.