<p>Did you try re-importing the rendered video into After Effects? You should definitely have transperency with these settings.</p>

<p>If you only tried to play this back as a webm video in chrome and safari you won't see transparency, neither browser is supporting webm with transparency right now. Only Googles Cannary project offers this future at the moment.</p>

<p>As Joonas mentioned in the comments, the <a href="https://github.com/m90/jquery-seeThru" rel="nofollow">jquery-seeThru</a> project is offering a workaround for that.</p>

CC BY-SA 3.0
2014-07-23T14:31:15.963Z
Well, I just imported it into a new comp.  new comps default have a black background right? So i just toggled the bg in the new one and then it was transparent, so I'm good right?
Peege151
CC BY-SA 3.0
2014-07-23T14:36:05.933Z
Would it be advisable to export a different file format then?  Could I export a png sequence or a gif that would be transparent without the jquery-seeThru?  It's just a 'write-out' effect - essentially writing out a word and I want transparency to put it over a BG image
Peege151
CC BY-SA 3.0
2014-07-23T15:11:01.643Z
Sure using a png sequence or gif will both work in all browsers. If its just a single color or a small gradient on your "write out" effect a gif would be sufficent. You can import your rendered video into Photoshop and export it from there to a GIF. Photoshop Export to Web has more control over the GIF quality than Adobe Media Encoder.
Though if you have a soft edge GIF will be a bad choice, it only has a 1bit alpha. You probably also experience some aliasing with GIF if you have lots of round edges.
timonsku
CC BY-SA 3.0
2014-07-23T13:05:44.400Z
2014-07-23T13:05:44.400Z
timonsku
<p>To get a transparent Quicktime Video:</p>

<ul>
<li>select the composition</li>
<li>press <kbd>Ctrl</kbd>+<kbd>M</kbd> to add it to the render queue, </li>
<li>click on <em>Output Module</em> to choose the <em>File Format</em>, </li>
<li>select <em>Quicktime Container Format</em> for Video Output,</li>
<li>select <em>RGB+A</em> to render RGB and Alpha channel</li>
</ul>

CC BY-SA 3.0
2016-05-07T10:49:59.493Z
@AkhterHumayun the codec you're using needs to be one that supports transparency, most don't. Apple Animation is one that does
stib
CC BY-SA 3.0
2015-04-21T12:02:57.087Z
2015-04-25T20:26:33.543Z
2015-04-25T20:26:33.543Z
Ashish Varma
<p>There actually is no such thing as a "transparent" background in video.  Instead what you have is either 3 channel video (red, green and blue value for each pixel) or 4 channel (red, green, blue and alpha values for each pixel).  </p>

<p>The Alpha channel provides details about how opaque each pixel should be, however unless the video player playing the video file supports reading this extra channel of data, it won't actually do anything special.  </p>

<p>Generally, unless the background image will actually be different for different users, your best bet may be to actually import the portion of the graphic that will be behind the video and actually record the video with the background behind it.  Then, when you position things together correctly, it will appear relatively seamless (though you have to be careful about the color encoding to make sure colors match.)  There is also some possibility that people's players will apply a color profile anyway and thus make the video frame have a slight color alteration from the normal background.</p>

<p>Otherwise, the jquery-seeThru project that Professor Sparkle mentioned is probably the best bet.</p>

CC BY-SA 3.0
2014-07-23T17:01:54.903Z
2014-07-23T17:01:54.903Z
AJ Henderson
<p>I found that when I changed my color depth to 32b, I got my transparencies. Beta does not like anything under 32 apparently. I opened a project that was set for 16 bits and my transparencies were gone. When I changed it to 32, everything ran fine.</p>

CC BY-SA 4.0
2023-09-29T15:14:03.687Z
2023-09-29T15:14:03.687Z
Ellen Yarbrough
<p>I have a comp that I made that is a write-on effect.  I have selected the alpha channel toggle so in my view, I see the checkered background. </p>

<p>When I queue to render, I select <em>lossless + alpha (I've also tried custom RGB + alpha)</em> with <strong>quicktime</strong> selected and it renders a <strong>white background instead of transparent one</strong>. I had selected the white background, but transparency was toggled when I did the export, and so was the lossless + alpha. </p>

<p>Please help. </p>

CC BY-SA 3.0
2014-07-22T23:58:36.387Z
Chances are that your video already has a transparent background. To be sure, you can try importing it to a video editor, like AE. Desktop players don't usually support transparency as far as I know. At the very least they show a solid background behind it. Kinda like how PDF readers show white background by default. --- You might be able to use html 5 to embed transparent video to website, at which point the question becomes more of a coding question. I have no idea if same export settings apply in those cases. Chances are that browser support is narrow too. I wouldn't really know though.
Joonas
CC BY-SA 3.0
2014-07-23T00:05:05.170Z
If the video is going to be embedded on a website, [see if this could help you with that](https://github.com/m90/jquery-seeThru).
Joonas
CC BY-SA 3.0
2014-07-23T00:25:34.583Z
Thanks,  I am trying to put it over a background image on a site. Thanks for the Jquery link I'll check that out.  That being said: When I play it from the file in chrome or safari there's a white background and then black margins.  Is this normal for a a webm that does support transparency?
Peege151
CC BY-SA 3.0
2014-07-23T01:19:28.000Z
I haven't got the slightest idea. Just remembered something. You might wanna try adobe edge animate and see if it could do what ever it is you're trying to do with the video. After all, it is pretty much like AE for the web.
Joonas
<video><after-effects>
After Effects Not Rendering Transparency (Quicktime Movie)
Peege151
# After Effects Not Rendering Transparency (Quicktime Movie)

(Asked by: username_0 on 2014-07-22)

I have a comp that I made that is a write-on effect. I have selected the alpha channel toggle so in my view, I see the checkered background.

When I queue to render, I select *lossless + alpha (I've also tried custom RGB + alpha)* with **quicktime** selected and it renders a **white background instead of transparent one**. I had selected the white background, but transparency was toggled when I did the export, and so was the lossless + alpha.

Please help.

**Tags:** video, after-effects

> **Comments:**
> **username_1**: Chances are that your video already has a transparent background. To be sure, you can try importing it to a video editor, like AE. Desktop players don't usually support transparency as far as I know. At the very least they show a solid background behind it. Kinda like how PDF readers show white background by default. --- You might be able to use html 5 to embed transparent video to website, at which point the question becomes more of a coding question. I have no idea if same export settings apply in those cases. Chances are that browser support is narrow too. I wouldn't really know though.  
> **username_1**: If the video is going to be embedded on a website, [see if this could help you with that](https://github.com/m90/jquery-seeThru).  
> **username_0**: Thanks,  I am trying to put it over a background image on a site. Thanks for the Jquery link I'll check that out.  That being said: When I play it from the file in chrome or safari there's a white background and then black margins.  Is this normal for a a webm that does support transparency?  
> **username_1**: I haven't got the slightest idea. Just remembered something. You might wanna try adobe edge animate and see if it could do what ever it is you're trying to do with the video. After all, it is pretty much like AE for the web.  

---

## 4 answers

### Answer by username_2 on 2014-07-23. Score: 1 | Accepted answer

Did you try re-importing the rendered video into After Effects? You should definitely have transperency with these settings.

If you only tried to play this back as a webm video in chrome and safari you won't see transparency, neither browser is supporting webm with transparency right now. Only Googles Cannary project offers this future at the moment.

As username_1 mentioned in the comments, the [jquery-seeThru](https://github.com/m90/jquery-seeThru) project is offering a workaround for that.

> **Comments:**
> **username_0**: Well, I just imported it into a new comp.  new comps default have a black background right? So i just toggled the bg in the new one and then it was transparent, so I'm good right?  
> **username_0**: Would it be advisable to export a different file format then?  Could I export a png sequence or a gif that would be transparent without the jquery-seeThru?  It's just a 'write-out' effect - essentially writing out a word and I want transparency to put it over a BG image  
> **username_2**: Sure using a png sequence or gif will both work in all browsers. If its just a single color or a small gradient on your "write out" effect a gif would be sufficent. You can import your rendered video into Photoshop and export it from there to a GIF. Photoshop Export to Web has more control over the GIF quality than Adobe Media Encoder. Though if you have a soft edge GIF will be a bad choice, it only has a 1bit alpha. You probably also experience some aliasing with GIF if you have lots of round edges.  

---

### Answer by username_3 on 2015-04-21. Score: 3

To get a transparent Quicktime Video:

* select the composition
* press `Ctrl`+`M` to add it to the render queue,
* click on *Output Module* to choose the *File Format*,
* select *Quicktime Container Format* for Video Output,
* select *RGB+A* to render RGB and Alpha channel

> **Comments:**
> **username_4**: @AkhterHumayun the codec you're using needs to be one that supports transparency, most don't. Apple Animation is one that does  

---

### Answer by username_5 on 2014-07-23. Score: 3

There actually is no such thing as a "transparent" background in video. Instead what you have is either 3 channel video (red, green and blue value for each pixel) or 4 channel (red, green, blue and alpha values for each pixel).

The Alpha channel provides details about how opaque each pixel should be, however unless the video player playing the video file supports reading this extra channel of data, it won't actually do anything special.

Generally, unless the background image will actually be different for different users, your best bet may be to actually import the portion of the graphic that will be behind the video and actually record the video with the background behind it. Then, when you position things together correctly, it will appear relatively seamless (though you have to be careful about the color encoding to make sure colors match.) There is also some possibility that people's players will apply a color profile anyway and thus make the video frame have a slight color alteration from the normal background.

Otherwise, the jquery-seeThru project that Professor Sparkle mentioned is probably the best bet.


---

### Answer by username_6 on 2023-09-29. Score: 0

I found that when I changed my color depth to 32b, I got my transparencies. Beta does not like anything under 32 apparently. I opened a project that was set for 16 bits and my transparencies were gone. When I changed it to 32, everything ran fine.


---

