In this quick and easy-to-follow tutorial, we'll show you how to create and export videos with transparent backgrounds.
In After Effects, this process isn't straightforward. There are a few hidden options you need to select to ensure your video has a transparent background. Follow the steps below to get it just right.
We'll also show you how easy it is to do this in Linearity Move, our flagship animation software for professional designers and marketers.
You can also check out our FAQ section at the bottom of the page, which includes a list of supported video codecs for transparency.
Design with Linearity Curve and animate with Linearity Move
Get our softwareOpen your After Effects Project
Open After Effects on your computer. You can create a new After Effects Project or open an existing one you'd like to export as a transparent video.
To open an existing Project, click on the Open Project button in the top left corner.
Browse your files and click on the AE Project you'd like to open. Click Open.
Your Project and all its layers will appear. You can make any adjustments to the animation before moving on.
Remove any background shapes
The composition we're working with has a background shape that covers the entire area. This creates the background color.
If your Project has a background shape (or any other elements you don't want in your transparent video), toggle off the visibility by clicking on the eye icon on the far left in the Timeline area.
If you were to export the video at this stage, it would simply have a black background. You need to follow another step to make the background transparent.
Toggle Transparency Grid
Click the small Transparency Grid icon underneath your Composition area. This toggles the background transparency on.
Export your transparent video
Now, you're ready to export your video with a transparent background.
Go to File > Export > Add to Render Queue in the main menu.
The Render Queue panel will open at the bottom of the screen.
Click on the blue text next to the Output Module dropdown. The Output Module Settings modal will open. Make the following selection:
- Format: choose a video format that supports transparency, such as MOV (QuickTime) or AVI.
- Video Output > Channels: choose RGB + Alpha.
The RGB + Alpha channel setting will render your video with colors and alpha (transparency).
Click OK. You can also choose where to save your video by clicking on the blue text next to Output To in the Render Queue.
Once you're done, click on the Render button on the right to finish exporting your transparent video.
Easily export transparent videos with Linearity Move
Exporting videos with transparent backgrounds is easy with Linearity Move. We'll show you how to do this using Move on an iPad.
Open your Linearity Move Project
On your Homescreen Gallery, you can create a New Document or open an existing Move Project by tapping on it.
Don't have any files yet? Make a quick start with one of our free animated templates below:
If your video has a background shape, remove it or toggle off its visibility by clicking on the eye icon next to the shape's layer on the left of the Scene Timeline.
Export your video with transparency
Go to the File name menu item and select Export. The Export options modal will open.
Make sure to toggle on the Transparent Background setting. Move will automatically apply the correct codec to support transparency.
To finish, click the Export button and choose where to publish your transparent video.
Do more with Move
After Effects is a long-standing motion graphics software used by professionals in the film and animation industry. But learning how to use it takes time and effort.
Linearity Move packs advanced animation features in a simple UI that's easy to understand and use. After Effects has many hidden settings and toggles that require training to master.
Simplify your design + animation workflow. Get started with the Linearity software suite for free below, or check out our special pricing for education, pros, and teams.
Jumpstart your creative ideas with Linearity Curve and Linearity Move
Frequently asked questions
What video file types allow transparency?
Video file types that allow transparency include:
- MOV (QuickTime Movie): H.265, Animation, PNG, ProRes 4444, GoPro CineForm
- AVI (Audio Video Interleave): Uncompressed (with alpha channel)
- WEBM: VP8 or VP9 (supports transparency)
- FLV (Flash Video): FLV with alpha channel (less common today but still supports transparency)
- MKV (Matroska): VP9 (supports transparency)
Each of these file types and codecs supports the alpha channel, which is necessary for video transparency. The most commonly used formats are MOV with the PNG or ProRes 4444 codec for high-quality transparent videos.
The popular MP4 format doesn't natively support transparency because it relies on codecs like H.264, which don't include an alpha channel. This means any transparent areas in your composition will be rendered with a solid background color when exported as an MP4.
How do I ensure that my video has transparency?
To maintain transparency, you need to enable the alpha channel. In After Effects, go to the Output Module Settings and choose RGB + Alpha under the Channels dropdown.
In Linearity Move, simply toggle on Transparent Background when exporting your video.
What's the difference between ‘Pre-multiplied Alpha’ and ‘Straight Alpha’?
Pre-multiplied Alpha means the transparent edges of your video will blend with a background color, while Straight Alpha maintains clean transparency without any background blending. For most purposes, Straight Alpha is preferred when exporting a transparent video.
Why is my exported video not transparent?
If your After Effects video isn't transparent, double-check that you selected RGB + Alpha in the Output Module Settings. Also, ensure you use a codec that supports transparency, such as PNG or Animation.
How do I preview transparency in an After Effects Project?
You can preview transparency by toggling the Transparency Grid button at the bottom of the Composition window.
Share this!
Sharné McDonald
Sharné is a contributing writer for the Linearity Blog. She has 10+ years' experience in graphic design and marketing and holds a Master's degree in Art Education.