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

Hour 21. Advanced Animation Techniques > Task: Simulate Depth with Size, Layeri...

Task: Simulate Depth with Size, Layering, and Relative Speed

In this task we'll travel with a car and create the illusion of depth in several ways.

Draw a vertical rectangle to simulate a log. Convert it into a symbol called One Log, copy it, and paste about 15 copies. Space them evenly so they are twice as wide as the stage (zoom out and use the Align panel). Select them all and convert them into a Movie Clip called Logs. See Figure 21.8.

Figure 21.8. We'll be moving these logs past the stage, so they need to be much wider than the stage.

Position Logs so that the leftmost log is just touching the left side of the stage. Scale it slightly larger. Copy this instance and paste it into a new layer. Position the copy similarly on the left side of the stage, but scale this version smaller and make sure it's positioned higher (as in Figure 21.9). These will be the posts for the guardrails.

Figure 21.9. The two layers for the logs contain the big (close) logs and the smaller (distant) ones.

In a new layer, draw a very wide rectangle (as the guardrail). Convert it to a symbol called Guardrail and copy it into a new layer. Scale the instance in the second layer appropriately to the smaller logs. Position the two instances of Guardrail in a layer between the two layers for logs, so the smaller one is on top of the small logs and the larger is below the large logs (so that the guardrails are on the inside of the road). (Take a peek at Figure 21.10 to see how it should look.)

Figure 21.10. Don't move the smaller logs quite as far as the larger logs.

Insert frames for all the layers at frame 60 (click in frame 60 and press F5). In the two layers with Logs, insert a keyframe at frame 60 (click in frame 60 and press F6). In frame 60 of the layer with the large logs, hold Shift while you move the logs all the way to the left (so that the rightmost log is just touching the right side of the stage). For the layer with the small logs, hold Shift while you move it to the left—but it won't look like those logs are moving as far. See Figure 21.10.

Set Motion Tween in frame 1 of both Logs layers. You won't need to tween the Guardrail layers because the motion of the logs will imply that the guardrail is moving.

Insert another layer for a car. You can draw a car and make it a Movie Clip. You can even go inside the master version of the car and insert rotating wheel clips. But whatever you do, don't tween the car that's in the main Timeline. It will appear in the same position, but the logs passing by at varying speeds will make it appear to be moving constantly to the right.

Test the movie. The logs that are close to the screen will appear to move faster because they are closer to the viewer.

To add to this task, you can draw a mountain or other elements near the horizon. If you add trees in the background, you can have them tween to the left as well—but at a much slower rate. You probably don't need to tween the mountain at all, but if you do, only let it move a tiny bit.



Not a subscriber?

Start A Free Trial

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