Combining keyframes and behaviors – animating a Photoshop file
Okay, we've gone through the recipes of keyframing and also behaviors in the last chapter, so now it's time to bring it all together. We're going to animate a Photoshop file using both keyframes and behaviors to create a simple animation on screen. Let's get started!
How to do it...
From this chapter's exercise files, open the
04_10
project.The project consists of a Photoshop file that was imported with multiple layers. Our goal is to animate the little ninja you see in the following image and have him jump onscreen while bobbling his head. We'll then have a spear fall into his hands as he adjusts them to fighting position. Eventually, we'll want both the spear and ninja to end up where the ninja currently is.
Move to the one-second mark on the Timeline. Select the Ninja group. Press F1 to go to the Properties tab of the Inspector and add a keyframe by clicking on the diamond next to Position and Rotation, as shown here:
Move back...