Grayscale to Color Cutout Animation
By: Geetesh Bajaj
Date Created: June 30th 2008
Last Updated: February 28th 2009
This tutorial builds upon our tutorial that showed you how you can animate a grayscale picture into a color version. In this tutorial, we use a cutout for the color version so that only a selected part of the picture is animated to color. The cutout was made in Adobe Photoshop -- and then animated as per the process explained on this page within PowerPoint -- download the finished presentation here...
This tutorial is done using PowerPoint 2007, you can use the same principles in older versions of PowerPoint.
- Insert a new slide in your PowerPoint presentation file, and
save it.
- Now select the Home tab of the Ribbon, and click Layout option
to bring up the Layout gallery that you can see
in Figure
1. Choose the Blank layout from the gallery.

Figure 1: Choose the Blank slide layout
- Select the Insert tab of the Ribbon, and click the Picture
option, as shown in Figure 2.

Figure 2: Picture option in the Insert tab
- This brings up the Insert Picture dialog box
(see Figure 3). Navigate to the picture you
want to use, and click Insert.

Figure 3: Insert picture
- This will insert the picture on the slide as shown in Figure 4. PowerPoint 2007
places most large pictures resized to fit the slide -- but if
you are using a previous version of PowerPoint, you might want
to resize it to fit the slide.

Figure 4: Inserted picture
- Select the picture, and activate the Picture
Tools Format tab
in the Ribbon. In this tab, choose the Recolor option to view
a dropdown gallery of options as shown in Figure 5 -- from
this gallery, choose Grayscale (highlighted in red
in Figure
5).

Figure 5: Choose the Grayscale option.
Tip: You can also choose any of the monochromatic or dutone recolor options to create a different effect!
- Repeat steps 3 and 4 to insert the picture cutout as shown in in Figure 6.

Figure 6: Insert cutout
- Resize and reposition the cutout so that it is placed on exactly the same position as the similar object in the grayscale picture placed on the slide, as shown in Figure 7.

Figure 7: Cutout picture inserted
- Select the color picture cutout, and then access
the Animations tab of the Ribbon, and choose Custom Animation
(see Figure 8).

Figure 8: Custom Animation
- This opens the Custom Animation task pane on the right side
of the PowerPoint interface, as shown in Figure 9.

Figure 9: Custom Animation pane
Tip: Want to learn more about task panes in PowerPoint 2007? Look here...
- With the color picture cutout still selected, click the Add
Effect button in the Custom Animation task pane to bring out
flyout menus -- choose the Entrance | Fade option as you can
see in Figure
10.

Figure 10: Applying animation
Tip: You can choose any other Custom Animation effect for your color picture -- but the Fade effects works very well. Another effect that works well is the Blinds effect.
- Thereafter change the event option for Start to With
Previous, and for Speed to Slow as
shown in Figure 11.
Note: If you want the animation from grayscale to color to happen on a click rather than automatically, then change the event option for Start to On Click.

Figure 11: Change animation events and speed.
- Play the presentation.
Tip: Save your presentation often!.