3d Screencasting: Episode IV – The Magic of Inverted Masks

If we’re going to pull off this 3d screencasting gig we’ll need to clean up our screen recording footage and make our 3d window disappear. It’s going to be animating and exploding after all, which means we can’t have a copy of it just hanging around on the desktop all the time. That calls for some magic. The kind that would make Harry Potter proud.

Now, I know what you’re thinking–this cat’s gone off the deep end. He’s read too many fantasy adventure novels and has swallowed the whole magical powers bit hook, line and sinker. You’re right about that last part, but in reality working with After Effects is akin to being handed Harry Potter’s wand, and the rotoscoping / masking techniques you’re learning in this series are a Defence Against the Dark Arts crash course. In 3d Screencasting Episode IV we’re going to be dashing around our screen footage, inverting masks and disappearing windows. It’s not learning. It’s magic! ;-)

Without further ado, it’s time to climb aboard my little screencasting wizards, we’re going for a magic carpet ride!

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

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

3d Screencasting: Episode II – Rotoscope Our Problems Away

We all make mistakes. Right? No worries, in 3d Screencasting: Episode II we dive head first into After Effects and learn how to just rotoscope our problems away. We’ll take a fullscreen Snagit screenshot and a Camtasia Studio screen recording and fix the discrepancies between them. It’s a freaking tight little technique you’ll want to hang on your screencasting tool belt immediately. Let’s get ‘er done!

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

3d Screencasting: Episode I – It Ain’t Your Daddy’s Screencasting

How hard is it to pay attention to the typical screencast? How quickly does your mind begin to wander? At what point do you give up and open a new browser tab or just turn the video off completely?

To date, screencasting has been very utilitarian in practice and application. Cinematography,the art and craft of visual storytelling, is largely eschewed in favor of faithful description. The result is, all too often, a structureless, 2d, static point-of-view video that fails to emotionally connect and provides little to no visual stimulation. It’s a recipe for boredom. We need to change this stale, tired and lazy approach to screencasting and we need to change it now!

What if we could give our screencasts a sense of depth, bring windows, panels and other UI elements to life in a 3d like environment? We can and should give the screen a sense of energy and excitement for our viewers. In fact, it’s imperative for screencasts to visually stimulate the brains of the people watching them. Today, more than ever, with all the distractions and opportunities that exist on the Internet you must give people a reason to keep on watching.

If you’re interested in learning how to shake things up with crazy cool 3d screencasting techniques stay tuned for the next six screencasting episodes on my blog. In part one, Snagit Product Manager Tiffany Wood demonstrates how to use Snagit 10 to grab the transparent Aero windows we’ll use to begin creating 3d objects. Hold on to your hats screencasting nerds–we’re going to bring the fun. ;-)

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

Hide / Show Mac OS X Desktop Icons

So you want to make a screencast and you’d like to put your best foot forward which means, in my case at least, hiding the mess that is your Mac OS X desktop. No sweat. In the screencast below you’ll learn how to quickly build two Automator applications that will allow you to toggle the visibility of your desktop icons on or off.

The shell commands you’ll need to build your Automator apps:

defaults write com.apple.finder CreateDesktop -bool false
killall Finder

defaults write com.apple.finder CreateDesktop -bool true
killall Finder

*Update*

You can reduce this to a single Automator app that checks the current visibility and toggles to the opposite state using the following bash script:

# checks visibility and stores value in a variable
isVisible=”$(defaults read com.apple.finder CreateDesktop)”

# toggle desktop icon visibility based on variable
if [ "$isVisible" = 1 ]
then
defaults write com.apple.finder CreateDesktop -bool false
else
defaults write com.apple.finder CreateDesktop -bool true
fi

# force changes by restarting Finder
killall Finder

***************************************************************************

And for the truly lazy–a precompiled app that toggles visibility on or off:

http://www.brooksandrus.com/downloads/hide_icons.zip

Importing Camtasia:mac Audio

In a previous post I demonstrated how to directly import Camtasia:mac screen footage into your professional video tooling. There is a small caveat that I didn’t mention–Camtasia:mac stores microphone and sound card data in separate file streams. The relationship between these file streams and your recorder settings is somewhat obtuse–thus, the screencast presented here.

After viewing you should understand which file streams in the recording application bundle contain audio. Luckily once you’re armed with this knowledge its a snap to import the audio streams along with the screen footage into the video tooling of your choice. Enjoy!