Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member
Now we'll finish our animation by moving around the frames in the Timeline. You see right now, everything happens from frame 1 to frame 240. But we want the finished slide show to have the animations overlap and show one at a time. So, let's look at how to do that. The first thing, I'm going to do is expand my Timeline area. So, I am going to click-and-drag in between my layer section and the frame section of the Timeline and drag to the left so that I have a little bit more space to look at my layers. Then I am going to go to a smaller view for my frames.
So, that way I can see more frames on the Stage at once and it's easier to click-and-drag a block of frames forward. So, I'll click in the Options area of the Timeline, and then I am going to choose Tiny for the frames, and then I am going to choose Short. So, now the frames are nice and small, easy to drag around. So, I'll click on the seashore frames and then I can just click-and-drag the frames to the right, and then drop them right under that diamond property keyframe toward the end of the seaweed layer. That way, the seashore will start to fade in right when the seaweed fades out.
If I show both of those layers, I can scrub the playhead and you can see how that will work. So let's move the other layers as well. I am going to reveal all of them at this point. So, I'll click-and-drag the seagull layer. I'll have to scroll in the Timeline to get to the right place. I am just going to drag that so the first keyframe aligns with that property keyframe where the movie clip starts tweening out. Finally, for the crab and birdprints layers. So I'll just click-and-drag.
Now, I'll release the crab right there and for the birdprints, I'll go forward and then drop them right there. Now, if you wanted to, you can go back to a Full view, maybe a Normal view. You can turn off Short and then you can get these down to the exact frame that you want them. But for me, this is okay. So, let's test this out and preview our animation in the Flash Player. So, you can see the images move, hold for about 10 seconds, and then they fade out and the next image fades in.
So you can watch this to see the whole slide show. So now that we've moved our frames around and organized all the animations, our animation for this application is complete.
Get unlimited access to all courses for just $25/month.Become a member