Home / Articles / Adobe After Effects / Distorting Objects with the Puppet Tools in After Effects CS3

Distorting Objects with the Puppet Tools in After Effects CS3

Article Description

Pull, squash, stretch, and otherwise deform objects onscreen using the After Effect CS3 Puppet tools. Whether you're creating realistic animations, fantastic scenarios, or modern art, the Adobe Creative Team shows you how the Puppet tools can expand your creative freedom.

In this exercise, you'll learn how to do the following:

  • Place Deform pins by using the Puppet Pin tool.
  • Define areas of overlap by using the Puppet Overlap tool.
  • Stiffen part of an image by using the Puppet Starch tool.
  • Animate the position of Deform pins.
  • Smooth motion in an animation.
  • Record animation by using the Puppet Sketch tool.

The Puppet tools in After Effects let you quickly add natural motion to raster images and vector graphics. Three tools create "pins" to define the point of deformation, areas of overlap, and areas that should remain more rigid. An additional tool, Puppet Sketch, lets you record animation in real time. In this exercise, you'll use the Puppet tools to animate a character slipping on a banana peel.

Getting Started

Download the following files to the AECS3_CIB/Lessons/Lesson08 folder on your hard disk (or copy them from the Adobe After Effects CS3 Professional Classroom in a Book DVD):

  • In the Assets folder: backdrop.psd, banana.psd, man.psd
  • In the Sample_Movie folder: Lesson08.mov

Follow these steps to review the files:

  1. Open and play the Lesson08.mov file to see what you'll create in this exercise.
  2. When you're done, quit the QuickTime player. You can delete this sample movie from your hard disk if you have limited storage space.

Setting Up the Project

When you begin this exercise, restore the default application settings for After Effects.

  1. Press Ctrl-Alt-Shift (Windows) or Command-Option-Shift (Mac OS) while starting After Effects. When asked whether you want to delete your preferences file, click OK.

    After Effects opens to display a blank, untitled project.

  2. Choose File > Save As or press Ctrl-Shift-S (Mac OS: Command-Shift-S).
  3. In the Save As dialog box, navigate to the following folder:
    AECS3_CIB/Lessons/Lesson08/Finished_Project
  4. Name the project Lesson08_Finished.aep, and then click Save.

Importing Footage

This exercise uses three Photoshop files to create the scene. You'll import them now.

  1. Choose File > Import > File.
  2. Navigate to the AECS3_CIB/Lessons/Lesson08/Assets folder. Shift-click to select the backdrop.psd, banana.psd, and man.psd files, and then click Open. The footage items appear in the Project panel.
  3. Click the Create a New Folder button at the bottom of the Project panel.
  4. Name the folder Assets, and then drag the footage items into the folder.
  5. Expand the Assets folder to see its contents (see Figure 1).

Creating the Composition

As with any project, for this project you need to create a new composition.

  1. Choose Composition > New Composition.
  2. Name the composition Walking Man.
  3. Make sure that the Preset pop-up menu is set to NTSC DV. This setting automatically sets the width, height, pixel aspect ratio, and frame rate for the composition.
  4. In the Duration field, type 500 to specify 5 seconds, and then click OK (see Figure 2).

    After Effects opens the new composition in the Timeline and Composition panels.

Adding the Background

It's easier to animate a character in context, so you'll add the background to the composition.

  1. Press the Home key to ensure that the current-time indicator is at the beginning of the composition.
  2. Drag the backdrop.psd file to the Timeline panel.
  3. Lock the layer to prevent accidental changes to it (see Figure 3).

Adding the Banana Peel

Next, you'll add the banana peel. At its default size, it's large enough to do real damage to anyone who slips on it. You'll scale it to a more proportional size for the scene.

  1. Drag the banana.psd file from the Project panel to the top layer in the Timeline panel (see Figure 4).
  2. Select the Banana layer in the Timeline panel and press S to display its Scale property.
  3. Change the Scale to 15%.
  4. Press P to display the layer's Position property.
  5. Change the Position to 160, 420. The banana peel moves to the left side of the composition (see Figure 5).
  6. Hide the properties for the Banana layer.

Adding the Character

The last element in the scene is the character himself. You'll add him to the composition and then scale and position him appropriately.

  1. Drag the Man.psd footage item from the Project panel to the Timeline panel at the top of the layer stack.
  2. Select the Man layer, and press S to display its Scale property.
  3. Change the Scale to 15%.
  4. Press P to display the Position property, and change the Position to 575, 300 (see Figure 6).
  5. Press P again to hide the Position property for the layer.
2. About the Puppet Tools | Next Section