Step 1: Open the Exports Panel

1. Click the Export button in the top right corner of the editor.

2. The Exports panel will open, displaying a list of past exports from the project.

   
   

View Exports Panel

1. Tabs at the top of the panel allow you to switch between your own exports (My Exports) and team exports (Team Exports).

2. Click the + button in the top right corner of the Exports panel to trigger the Export modal.

Step 2: Configure Export Settings in the Export Modal

1. Select the “Video” format option in the left-side panel of the Export modal.

View Export Modal

1. Once “Video” is selected, the right-side panel will display Export settings and Advanced Options (collapsed by default).

Step 3: Set Up Export Settings

1. File name: Enter the name of your exported GIF file.

2. Preset: Use the dropdown to select the Web option.

3. Export window: Choose between Full timeline, Active work area (default), or Current Frame.

4. Frame size: Adjust the overall scale or specify the width (W) or height (H) fields.

View Export Settings

1. Once settings are configured, expand the Advanced Options by clicking the > button next to the “Advanced Options” label.

Step 4: Adjust Advanced Options

1. Encoder: Choose the compression encoder method (use VP9 for this project).

2. Mode:

   • Target quality: Set visual fidelity, allowing file size to vary.

   • Target bitrate: Set file size, allowing quality to vary.

   • Max. bitrate: Set visual quality, allowing quality drops to stay within a bitrate limit.

3. Quality: Select the visual fidelity (higher quality increases file size).

4. Frame Rate: Select your desired frame rate (default is the project's frame rate).

5. Keyframe interval: Set how often a complete frame (keyframe) is inserted.

   • 💡 Shorter intervals allow faster navigation but increase file size.

6. Anti-aliasing: Choose whether to apply anti-aliasing to reduce distortion and artifacts.

Step 5: Start the Export Process

1. Once all settings are configured, click the Export button in the bottom right corner of the Export modal.

Step 6: Track Export Progress

1. The Export modal will close, and the export will be added to the Exports panel.

2. Fable will queue, process, and begin the export.

3. Track the progress using the progress bar below the export title.

Step 7: Download the Exported Video

1. Once the export is complete, a download button will appear on the far right side of the export item.

2. Click the download button to download your newly exported WebM.

💡 Tip: Open the WebM file in a browser to play it back.

And that’s how you export a WebM in Fable.