Share this Page URL

Lesson 14. Animating with Timelines > Changing the Visibility of a Layer - Pg. 267

Animating with Timelines 267 Changing the Visibility of a Layer Timelines allow you to do more than simply moving layers. You can also use timelines to change the visibility of a layer. For example, you might want a layer to be displayed only after another layer animates across the screen. The initial state of the second layer would be hidden and would then become visible at a certain frame. In this exercise, you will create four layers with graphics in each. Three of the layers will be hidden until the fourth layer, an arrow, animates and points to the others. The arrow layer will move to reveal each layer one by one. The show.htm file in the Lesson_14_Timelines/Completed folder demon- strates the effect. 1. Create a new page and save it as show.htm in the Lesson_14_Timelines folder. Title the page Show Layer. In the top center of the document, draw three layers on the page. Place the layers vertically, one below another, and align their left edges. The layers should be left justified so that the left edge of each layer aligns with the left edges of the others. Your document should now look like the example shown here. 2. 3. Name the top layer specialL, the middle layer bikingL, and the bottom layer raftingL. From the Lesson_14_Timelines/Images folder or from the Assets panel Favorites Lesson 14 folder. Insert the specials.gif, ext_biking.gif, and ww_rafting.gif images into their corresponding named lay- ers. These layers now contain the graphics that will appear as the layers become visible in the browser during the animation. Draw another layer and name it arrowL. Insert the arrow.gif image from the Lesson 14 Favorites Assets panel. Place this layer to the left of the top layer in the vertical list. In the finished animation, the arrow layer will move to reveal one by one the other layers.