Skip to Content

TUAW Tip: Video playback through Keynote transitions

You can create some wonderful visual effects with Keynote '09; good enough, in some cases, to make experienced After Effects artists say "You did that in Keynote?!," which is always very satisfying. Despite Keynote's power for presentations, there are a few things that it doesn't do natively -- play video during a transition, for instance. Fortunately, some of these tricks can be accomplished by a long-honored approach known as "faking it."

If you have a video playing in the background of a slide while you trigger a dissolve transition to the next slide, ordinarily you'll see a distracting freeze of the video playback as the transition effect runs. The way around this, usable for many (not all) slide transitions, is to pull the transition forward into the slide with the video.

I do this by grabbing a screenshot of the initial state of the next slide, and then do a build-in action to dissolve (or flip, or what have you) that screenshot into the slide that's playing the video, above the video. The video keeps playing behind the screenshot as it dissolves in, and then you can gracefully move to the next slide, invisibly or with a dissolve -- the placeholder screenshot and the slide should be indistinguishable. In practice, this works better with a fade through black or a solid color than with a slide graphic, as the alignment can be tricky, but if you play around with it you can get it to work well.

Sounds confusing? Allow me to demonstrate with a brief screencast in the 2nd half of the post. You'll see the "vanilla" transition including the video freeze, and then the fake transition that's done by dissolving a full-screen graphic in over the video as it plays. (The video clip is my poorly-shot night line cinematography from the opening of the NYC 14th Street Apple Store.)

Updated to clarify that the process uses a build-in action, not a transition.

Coming up soon: my favorite Keynote trick for visual fireworks.



For iPhone users, here's the direct link to the YouTube version.

You can create some wonderful visual effects with Keynote '09; good enough, in some cases, to make experienced After Effects artists say...
 

Add a Comment

*0 / 3000 Character Maximum

9 Comments

Filter by:
Brian Peat

Mike: The trick is you go to the next slide, take a picture of it, then fade that picture in OVER the video on the slide before. It's not a transition, it's a build in. Then you simply set the transition to the next slide as NONE so there's no difference in the END of slide 1 and the beginning of slide 2. What the viewer sees is what looks like the next slide fading in while the video continues to play as it fades out. What they don't see is you then switching to the next slide with no visible reflection of that action. It's actually pretty slick since you can use ANY object build to do it.

February 18 2009 at 10:26 AM Report abuse rate up rate down Reply
1 reply to Brian Peat's comment
Mike

Ahhhh, thank you, sir. Appreciate it

February 18 2009 at 4:17 PM Report abuse rate up rate down Reply
tuaw

Great tip Micheal! I'm a huge keynote fan, and tips like this are really helpful.

February 17 2009 at 1:51 PM Report abuse rate up rate down Reply
kdchen72

Good job, Michael!
Keynote has been the main reason that I switched 2 years ago.
Looking forward to your next Keynote article.

February 17 2009 at 1:04 PM Report abuse rate up rate down Reply
Mike

Right so how do you do the overlay?

February 17 2009 at 12:51 PM Report abuse rate up rate down Reply
2 replies to Mike's comment
tuaw

take a screenshot of the next slide while it's in it's initial state?

February 17 2009 at 1:38 PM Report abuse rate up rate down Reply
Mike

Don't get it, but ok thanks

February 17 2009 at 2:05 PM Report abuse rate up rate down Reply
grifmusic

I've been using Keynote to do a lot of my graphic work. It's so easy and such a joy to use.

I'm bummed the new keynote no longer lets you export as Flash. I used to use Keynote to do simple website Flash animations too.

Oh well, that's why I often keep old versions of programs installed.

February 17 2009 at 11:51 AM Report abuse rate up rate down Reply
davidwanat

Nice tip, I'll try it out. Thanks

February 17 2009 at 11:41 AM Report abuse rate up rate down Reply
Buy an ad here

Hot Apps on TUAW

Tweets

© 2012 AOL Inc. All Rights Reserved.