Filed under: How-tos, Tips and tricks, Odds and ends
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.

![TUAW [Cafepress]](http://www.blogsmithmedia.com/www.tuaw.com/media/tuaw-cafepress-promo.png)


Reader Comments (Page 1 of 1)
davidwanat said 11:41AM on 2-17-2009
Nice tip, I'll try it out. Thanks
Reply
grifmusic said 11:51AM on 2-17-2009
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.
Reply
Mike said 12:52PM on 2-17-2009
Right so how do you do the overlay?
Reply
tuaw said 1:57PM on 2-17-2009
take a screenshot of the next slide while it's in it's initial state?
Mike said 5:03PM on 2-17-2009
Don't get it, but ok thanks
kdchen72 said 1:04PM on 2-17-2009
Good job, Michael!
Keynote has been the main reason that I switched 2 years ago.
Looking forward to your next Keynote article.
Reply
tuaw said 1:51PM on 2-17-2009
Great tip Micheal! I'm a huge keynote fan, and tips like this are really helpful.
Reply
Brian Peat said 10:26AM on 2-18-2009
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.
Reply
Mike said 4:18PM on 2-18-2009
Ahhhh, thank you, sir. Appreciate it