3d Screencasting: Episode III – Building a Screenshot / Screen Video Sandwich

Hungry for killer screencasting chops? You’ve come to the right place. In 3d Screencasting: Episode III we’re going to combine our transparent Snagit 10 screenshots and Camtasia Studio video footage to create an independent window that can be animated in 3d space. I like to to think of it as making an open face sandwich–the Snagit screenshots are the bread and the screen video is the yummy content that sits on top.

To build this sandwich, we’ll use the rotoscoping skills we acquired in Episode II to trim away screen video footage that we don’t want and expose our transparent window frame. Once we’re done editing we’ll pre-compose our layers together into a single composition (layer) that can be easily repositioned, scaled, or exploded (hells to the yah, as the kids in here in the States say). Whet your appetite and dig in!

If you’d like to use the assets in this tutorial and view a completed After Effects sample project you can download the files here.

3d Screencasting Episodes

1. Episode I – It Ain’t Your Daddy’s Screencasting
2. Episode II – Rotoscope Our Problems Away
3. Episode III – Building a Screenshot / Screen Video Sandwich
4. Episode IV – The Magic of Inverted Masks
5. Episode V – Killer Animated Windows
6. Episode VI – Ultra Cool Shadows & Motion Blur