Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member
Using movie clips you can create seamless animations. In this movie we'll look at how to do that. To start out I'm going to show you the animation that I've created in the Flash Player. So I'll test the movie, and just notice the background elements animating. They animate in a seamless loop. I accomplished this by animating two graphic symbols having one act as a buffer. To see how that works, I'll select the hills in the front on the screen, then I'll convert that to a movie clip symbol and then I'll drop the graphic symbol inside of a movie clip by going to Modify > Convert to Symbol.
For the Type I'll choose Movie Clip and I will name this FrontHillsAnimation. Now I'll double-click the hills into the timeline. So now I'm inside of FrontHillsAnimation and I have the graphic symbol of the hills on the Stage. The first thing I'll do is make a copy of the hills. So I'll pan a little bit to the side and then Option or Alt+Drag the hills to the left. That'll create the copy. And just as a note I've created the artwork like this on purpose so the artwork would be seamless when I put the buffer in place.
So let's create some motion tweens. I'll select the original hills and choose Create Motion Tween with a right-click, and then I'll go back to the first frame and right-click, Copy, and choose Create Motion Tween. So I have two motion tweens. At the last frame of my timeline, I'm going to click-and-drag to select both sets of hills, and then I'm going to drag the hills to the right while holding the Shift key. And I want to drop them just before the right edge of the hills hits the right edge of the Stage. So I'll refine this position with my keyboard.
That way, when the animation loops and the original hills are aligned with the right edge of the Stage, it will look natural. If I had it set up so that copied hills were at the right edge of the Stage here, then it would look like the animation holds in the same spot for a while and I don't want that. So I want that loop to be seamless, so I'm going to put it just before that right edge. So let's test the movie in the Flash Player to see how this looks. There is the animation. Keep in mind if you wanted to change the speed of the animation, you can always click-and-drag at the end of the frame span to increase or decrease the duration of the animation.
Get unlimited access to all courses for just $25/month.Become a member
Access exercise files from a button right under the course name.
Search within course videos and transcripts, and jump right to the results.
Remove icons showing you already watched videos if you want to start over.
Make the video wide, narrow, full-screen, or pop the player out of the page into its own window.
Click on text in the transcript to jump to that spot in the video. As the video plays, the relevant spot in the transcript will be highlighted.