Exporting a video with a transparent background.

New Here ,
Oct 10, 2016

Copy link to clipboard

Copied

I've been asked if it is possible to export a video from After Effects with a transparent background as an MP4 so it can be used in a web application (HTML based). My knowledge of video editing is very basic and I have no coding knowledge but I don't think this can be done. Does anyone know if it is feasible or not?

TOPICS
How to

Views

151.8K

Likes

Translate

Translate

Report

Report
Reply
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more

2 Correct Answers

Adobe Employee , Jul 29, 2020
caroline_edits Adobe Employee , Jul 29, 2020
Hey everybody! We saw that a lot of you were asking this question, so we made a visual guide for you in the latest version of AE. Hope it helps!     Caroline

Likes

Translate

Translate
Jump to answer Jump to answer
Engaged , Jan 24, 2019
A.I.1 Engaged , Jan 24, 2019
If you want quicktime PNG you need to use After Effects CC 2017 I think. It might have been removed from later versions.If you don't want to install another version you could export to a PNG sequence (with alpha if that's what you want).Also, you could also export to an alpha only H264 video and export the normal H264 seperately.Also, your list shows GoPro Cineform - that supports video+alpha too.--If what you want is a html video that plays with transparency, webm (vp8) supports transparency bu...

Likes

Translate

Translate
Jump to answer Jump to answer
Adobe Community Professional ,
Oct 10, 2016

Copy link to clipboard

Copied

in the render settings ( composition -> add to render Queue )

you need to select on the on the Codecs the supports RGB + ALPHA

as Quick time with PNG Codec

2016-10-10_13-26-49.png

2016-10-10_13-27-10.png

2016-10-10_13-27-35.png

Likes

Translate

Translate

Report

Report
Reply
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
New Here ,
Oct 10, 2016

Copy link to clipboard

Copied

Thanks for your help!

Likes

Translate

Translate

Report

Report
Reply
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Engaged ,
Jan 07, 2018

Copy link to clipboard

Copied

I've rendered a video with a transparent background with similar settings (PNG compressed, saved in .mov container, 8bpc+alpha, 1920x1080).

In Smplayer (on a PC) it shows the video correctly, and a chequerboard pattern shows in the transparent area. In video editors like Premiere Elements it shows the output correctly when you place another image behind it (transparency works).

But viewing the video in other players, such as Quicktime Player and VLC the video shows up incorrectly and looks a bit of a mess - the video shows but it's as though it doesn't take all layers/masks/something else into account properly. Even though it will work okay in Premiere, I'd like it to show correctly in QuickTime and other players (even if it doesn't show a chequerboard where the transparency is). It shows it incorrectly on someone else's QuickTime player too (which I think is a Mac).

Any ideas what is wrong? Is it anything to do with the video card being used? Does it normally show AE rendered PNG compressed .mov files with transparecy correclty in QuickTime player, VLC etc.?

I'm using AE CC2017, Windows 10, using Nvidia Geforce GTX 1080 graphics.

Also, I rendered it with Adobe Media Encoder. Would it be better to render these types of videos directly through After Effects insteads (would it work correctly then)?

Likes

Translate

Translate

Report

Report
Reply
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Most Valuable Participant ,
Jan 08, 2018

Copy link to clipboard

Copied

straight alpha tend to look messy in video players, although it's the proper way to export alpha and can save you trouble in some cases. If it bothers you, change the alpha export setting to premultiplied and not straight. In AE output module you can choose.

Likes

Translate

Translate

Report

Report
Reply
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Engaged ,
Jan 08, 2018

Copy link to clipboard

Copied

Thanks. Though in Smplayer it looks fine (shows the video correctly, with a chequerboard pattern in the transparent area). It's just in other players (VLC, QuickTime Player). that it looks bad. It only bothers me because when I send a video with transparency to a client it looks bad in the preview on the web page and when they view it in players like QuickTime and it means I have to keep explaining to them to ignore what it shows in the previews/players (because it doesn't get shown correctly there).

I'd change the setting though if it sounds like changing it to "premultipled" isn't the optimal/most accurate way so I assume it could give worse results if someone used the video (with it's transparency) in a project? If so I assume it's best to keep the setting as it is and keep telling clients to ignore what it looks like previews/players like QuickTime Player. I wish there was a better way. Though videos from stock footage sites that have alpha channels don't look bad in the same way (ie. don't show sort of how it was composited like mine do with QuickTime player). Maybe they're premultiplied.

Likes

Translate

Translate

Report

Report
Reply
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Most Valuable Participant ,
Jan 08, 2018

Copy link to clipboard

Copied

They should not preview it in a player because it's not a playback version anyway. you could render a compressed version i.e mp4 on black background and this should be enough for preview purposes. Straight alpha is always the safe bet And yes, the ugly look on players is alarming (that's the reason Ae default is premult, even if it messes some cases) - just ignore it and tell them as well.

Likes

Translate

Translate

Report

Report
Reply
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Engaged ,
Jan 08, 2018

Copy link to clipboard

Copied

Thanks a lot. Also, in Media Encoder (which is what I'd been using) it doesn't seem to have the option of Pre-multiplied/Straight (when outputting QuickTime PNG), so I think I'd have to render directly though AE to change it. I was using whatever AME automatically outputs to when rending QuickTime PNG.

Likes

Translate

Translate

Report

Report
Reply
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Most Valuable Participant ,
Jan 09, 2018

Copy link to clipboard

Copied

Yep AME only renders straight alpha on all formats that produce alpha as far as I know.

Likes

Translate

Translate

Report

Report
Reply
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
New Here ,
Jan 09, 2018

Copy link to clipboard

Copied

Hey do you guys think you may be able to help me my friend made me some animted twitch pops ups and the files are mov he told me there transparent but evertime i try making them into gifs they have a black backround and i was wondering if you guys might be able to help.

Likes

Translate

Translate

Report

Report
Reply
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Engaged ,
Mar 30, 2018

Copy link to clipboard

Copied

Try rendering them to gif (probably after rendering to another format first - maybe a sequence of frames) in a program (such as Easy Gif Creator Pro) that allows you to select which colour/area of the created gif will be transparent.

Likes

Translate

Translate

Report

Report
Reply
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
New Here ,
Jul 21, 2018

Copy link to clipboard

Copied

But Premier Pro does not accept Qucktime (.MOV) files. So, If I need to add these to a video project, how would I do so?

Likes

Translate

Translate

Report

Report
Reply
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Most Valuable Participant ,
Jul 21, 2018

Copy link to clipboard

Copied

But Premier Pro does not accept Qucktime (.MOV) files

it does accept some quicktime files. if your file cannot be imported you should transcode your video files to ones that Pr supports. like these:

Importing media files into Premiere Pro

Likes

Translate

Translate

Report

Report
Reply
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Community Beginner ,
Nov 18, 2018

Copy link to clipboard

Copied

The PNG codec is not in video codec

Likes

Translate

Translate

Report

Report
Reply
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
New Here ,
Dec 15, 2017

Copy link to clipboard

Copied

Sir , actually I was set in a video with solid background attached to video (download from YouTube), but I can't possible to remove background and make it transparent.

How is it possible for downloaded video to Remove background like transparent.

Likes

Translate

Translate

Report

Report
Reply
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
LEGEND ,
Dec 15, 2017

Copy link to clipboard

Copied

I am unsure what you want to do.

Do you want to remove the background from a video clip?

Do you want to make a video with a transparent background?

By the way, you can NOT make an mp4 file with a transparent background.  Mp4 files are not able to have transparency.  You must follow the instructions above.

Likes

Translate

Translate

Report

Report
Reply
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
New Here ,
Mar 30, 2018

Copy link to clipboard

Copied

No, it is possible with Solid footage,
and also it is not possible when the footage has a Fluid Background or object.
By the way we can do it only with gif.

Likes

Translate

Translate

Report

Report
Reply
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
New Here ,
Dec 15, 2017

Copy link to clipboard

Copied

I want to remove background from video and make transparent background sir , how is it possible.

Likes

Translate

Translate

Report

Report
Reply
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
LEGEND ,
Dec 15, 2017

Copy link to clipboard

Copied

Show us a still from the video.  Tell us the part you want to keep.

And if you do not know After Effects well, you will have a VERY long and difficult time doing this.

Likes

Translate

Translate

Report

Report
Reply
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
New Here ,
Apr 27, 2018

Copy link to clipboard

Copied

i dont have the png video codec so how can i save my file with trasparent background?

Likes

Translate

Translate

Report

Report
Reply
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Engaged ,
Apr 27, 2018

Copy link to clipboard

Copied

Either install the png codec for video/images (the latter for image sequence export) or if you can select Quicktime->Jpeg2000 that will export video with a transparent background too.

Likes

Translate

Translate

Report

Report
Reply
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Most Valuable Participant ,
Apr 28, 2018

Copy link to clipboard

Copied

As of CC2018, many codecs are not supported in Ae/Pr including QT PNG and QT Jpeg2000. If you need to export an image (not video) then choose PNG Sequence and make sure the Channel option is set to RGB+Alpha. If you need to export to a video format, you can choose any of the available codecs that support Alpha: QT Animation, QT GoPro Cineform, or QT ProRes (on Mac only). There's also QT DNx but it does not support compressed alpha and file size tend to be enormous.

Likes

Translate

Translate

Report

Report
Reply
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Explorer ,
Jan 24, 2019

Copy link to clipboard

Copied

Hi I followed your instructions but I don't have PNG option in the video codec. will really appreciate your kind help.

photo_2019-01-24_22-46-54.jpg

Likes

Translate

Translate

Report

Report
Reply
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Engaged ,
Jan 24, 2019

Copy link to clipboard

Copied

If you want quicktime PNG you need to use After Effects CC 2017 I think. It might have been removed from later versions.

If you don't want to install another version you could export to a PNG sequence (with alpha if that's what you want).

Also, you could also export to an alpha only H264 video and export the normal H264 seperately.

Also, your list shows GoPro Cineform - that supports video+alpha too.

--

If what you want is a html video that plays with transparency, webm (vp8) supports transparency but will only work with it on a few browsers. There's no video codec that supports transparency for all browsers currently.

Likes

Translate

Translate

Report

Report
Reply
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Explorer ,
Jan 24, 2019

Copy link to clipboard

Copied

thanks

Likes

Translate

Translate

Report

Report
Reply
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more