Highlighted

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?

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.

Topics

How to

Views

136.6K

Likes

Translate

Translate

Report

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

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?

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.

Topics

How to

Views

136.6K

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
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
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
New Here ,
Oct 10, 2016

Copy link to clipboard

Copied

Thanks for your help!

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
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
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
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
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
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
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
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
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
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
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
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
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
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
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
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
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
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
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
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
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Community Beginner ,
Nov 18, 2018

Copy link to clipboard

Copied

The PNG codec is not in video codec

Likes

Translate

Translate

Report

Report
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
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
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
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
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
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
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
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
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
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
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
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
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
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
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
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
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
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
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
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
Community Guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
Reply
Loading...
Explorer ,
Jan 24, 2019

Copy link to clipboard

Copied

thanks

Likes

Translate

Translate

Report

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

Copy link to clipboard

Copied

So currently in 2019. After Effects can't export a video with a transparent background that is small enough for the web. And works on the majority of browsers?

Likes

Translate

Translate

Report

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

Copy link to clipboard

Copied

.MOV format sucks, it's heavy. If you need a lighter weight for SM do it that way: export as a PNG sequence (you can change the default setting to export fewer keys) and than open in Photoshop and export as a GIF. Yup, quite complicated. As far as I know, there are some paid plugins you can install to export animations quickly to web formats with an alpha channel.

Likes

Translate

Translate

Report

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