Transparent Graphics in After Effects | Post Fifth Pictures
Post Fifth Pictures

Film & HD Editing. Read. Learn. Cut.

  • About
  • Bios
  • Clients
  • Contact
  • Demo
  • GoPro Rentals
  • Rate Card
  • Blogging
  • Class
  • Design
  • Featured
  • Film | Video Editing
    • Commercial
    • Documentary
    • Narrative
  • Guest Speaker
  • Motion Graphics
  • Post Production Workflow
  • Producing
  • Reviews
  • Social Media
START_AE

Transparent Graphics in After Effects

Posted on April 5, 2010 by Bryce Randle

You may be an expert in Avid or Final Cut Pro, but there may have been a couple times where you’ve had to open After Effects to do one quick change. This may have been easy, but in many cases you’ve never opened After Effects before. You figure you know can work your way around in Photoshop so how hard could it be? Well, if you need to send something to the render queue and need to export something with a transparent background, it could be tough.

First you need to learn the terms After Effects uses. When you want to export something with a transparent background the correct term is having an alpha matte. If you export something with only an alpha matte, you won’t see any of your artwork or lower thirds.

START_AE

I’ve made a simple lower third (nothing fancy about it) with this composition for a fun little piece I did with OCFamily.com. As you can see I have the title and then a black background. I will add this to my render queue.

 

RenderQueueNow you can see my default “Output module” is ProRes. This won’t help me at all when it comes to rendering something with an alpha matte + RGB. We will want to select Lossless, which is an animation codec based output module. Note: There may be another Lossless with Alpha or Lossless + Alpha setting, but I can’t remember if those were ones I made on my own or came with the program.

 

RenderQueue2


Lossless will most likely come up automatically unless the settings are changed on your program. Click on Lossless.

 

OutputModule

 

Now another screen pops up with an option to change your Video Output settings. You should see an option for Channels with RGB selected. Click on that and make it say RGB + Alpha. To the right it should say “Animation.”

Click ok. Click render. Import that into FCP or Avid (your Avid settings must be correct to catch the alpha matte, but that is another post for another day) and you should be able to lay it over the video to end up with it working correctly.

 

SUZWITHTHIRD

Here is how it should come out. You will notice that the third is positioned on the other side of the screen because I had switched it to the other side of the screen for a future project.

Popularity: 18% [?]

This entry was posted in Blogging, Featured, Post Production Workflow and tagged after effects, alpha matte, lower thirds in after effects, render transparent background, transparent graphics. Bookmark the permalink.

6 Responses to Transparent Graphics in After Effects

  1. adam says:
    October 19, 2010 at 8:06 AM

    I changed output to lossless with alpha, made it RPG+alpha and rendered, when I insert into my prores (LT) timeline the black background has remained. Any suggestions?

  2. Bryce Randle says:
    October 19, 2010 at 8:24 AM

    In the browser in FCP, go to the alpha column and right click to make it black. Sometimes I have to do that as well to get it to work.

  3. Mike says:
    April 20, 2011 at 12:37 AM

    Thanks Bryce. That tip worked for me. It had been driving me nuts.

  4. Joey Ranlen says:
    April 20, 2011 at 2:41 PM

    I must admit that after effects is not the most intuitive piece of software. frequent use is the only answer along with useful posts like this.

    Thanks

    Joey
    Not just here to recover deleted files

  5. stig says:
    April 27, 2011 at 6:00 AM

    Yeah, this stuff gives me fits. I have so many different software apps I use for work, I need something more intuitive… who likes to read manuals right ?

    But seriously, can anyone suggest a good “readers digest” guide for after effects ?

  6. Kevin says:
    April 27, 2011 at 6:25 AM

    Thank you for the helpful instructions. I actually just tried it myself and it worked perfectly!

Leave a Reply Cancel reply

Your email address will not be published. Required fields are marked *

*

*

You may use these HTML tags and attributes: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

  • Search

  • Connect with us:
  • Humans.txt
  • Twitter
  • Facebook
  • Subscribe
  • © Copyright 2012 Debut - All Rights Reserved
  • Designed by: Luke McDonald | WordPress | Log in
8 visitors online now
2 guests, 6 bots, 0 members
Max visitors today: 13 at 06:38 pm UTC
This month: 19 at 05-16-2012 11:56 am UTC
This year: 38 at 01-17-2012 06:31 am UTC
All time: 93 at 05-13-2011 10:03 am UTC