• Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint
Share this Page URL

Chapter 6. Adding Rich Media and Hyperlinks > Compositing Images and Movies

Compositing Images and Movies

Because Keynote treats a media file as just another object on the Slide Canvas, you can layer and composite QuickTime and Flash movies with other graphics on your slide to get visually interesting effects. In the example below, I've taken a photograph of a television, modified it a bit in Macromedia Fireworks MX 2004, brought it into Keynote and scaled it, and then placed a movie file behind the television so that the movie appears to be playing on the TV.

To composite images and movie files

Obtain a photograph that you want to use as a layer in Keynote (Figure 6.11).

Figure 6.11. This picture of a television will make a fine cutout for our QuickTime movie.

This photograph came from Hemera Photo-Objects 50,000 Volume II, a royalty-free collection of images. The photograph looks good, but it isn't ready for use in Keynote yet. The area of the TV screen needs to be made transparent.

The photograph will also work better if it is in TIFF format, rather than JPEG. If you have a choice of formats, use TIFF with transparency.

Open the photograph in an image editor that supports transparency (Figure 6.12).

Figure 6.12. Fireworks makes it easy to select parts of an image and make them transparent.

I used Macromedia Fireworks MX 2004, but Adobe Photoshop would also be a good choice.

Use the image editor's tools to select the area of the photograph that you want to make transparent.

In Fireworks, I used the Magic Wand, and added to the selection using the Shift key until the entire TV screen was selected.

Make the selection transparent.

In Fireworks, I pressed Delete, and the selection was removed, leaving the area transparent (Figure 6.13).

Figure 6.13. The areas of this image that are shown with a checkerboard pattern are transparent.

If necessary, do some additional cleanup of the selection so that all of the area you want to be transparent is clear.

(Optional) Scale the image so that it is closer to the size of your slide.

In the case of my photograph, it was 1172×866 in size, so I wanted to scale it down a bit. I could have done the scaling in Keynote, but sometimes you'll get a better result by scaling in your image editor.

In the image editor, save the modified image as a new file, in TIFF format.

Fireworks requires that you use the Export command to save images as TIFFs.

Switch to Keynote, and display the slide to which you want to add the photograph and movie.

Drag the modified photograph from the Finder onto the slide (Figure 6.14).

Figure 6.14. This image will need a bit of further scaling within Keynote to fit properly on the slide.

If necessary, scale the image a bit further in Keynote so that it fits the slide better.

Drag the movie file from the Finder onto the slide (Figure 6.15).

Figure 6.15. When you drag a movie file onto the slide, it appears on top of the image that you previously added to the slide.

Because you added the movie file to the slide after the photograph of the television, the movie file ends up on top of the photograph.

Adjust the scale of the image to more closely match the movie.

Position the image, the movie, or both so that the movie fits over the cutout in the image.

Select the movie, then click Back on the toolbar.

The movie moves behind the image.

Adjust the movie or image position to get the final effect you want (Figure 6.16).

Figure 6.16. The final composition shows the movie file apparently on the television screen.



Not a subscriber?

Start A Free Trial

  • Creative Edge
  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint