Easy-to-follow video tutorials help you learn software, creative, and business skills.Become a member
We want to make a video move in a loop. To do that we'll need to use some advanced animation and keyframing techniques. If you're following along, I'm working in 04_Advanced_Animation.fla in the Chapter 08 folder in the Exercise Files folder. This Flash file has three layers and now the first layer is a Guide, and that's basically the loop on the stage that you see. And the video layer is obviously the video, and the loop player is also the loop. If I hide the Guide layer you can see that the loop layer is simply a copy of the Guide layer.
So I'm going to lock the loop layer, and what I'm going to do is select the video on the stage, and we want to make a video move in a loop. Now let's talk about some problems that could potentially happen with that. Let's select frame 54 and press F6 to create a keyframe. Now if we created a Motion Tween right now, and expected the video to go in a loop, it wouldn't work. Let's take a look at what will happen. Click anywhere between the two keyframes on the video layer and right-click or Control-click and choose Create Motion Tween. Scrub the playhead and notice that the video doesn't move.
So now if I go to the last keyframe and if were to click and drag the video around the circle and put it right back in the same spot, Flash wouldn't know that this video needs to animate in a loop. So what we need to do is create keyframes throughout this animation to tell Flash where the video should be at a particular frame. So what I'm going to do is select frame 18 and then press F6 on my keyword to create a keyframe there. And now what I'm going to do is click and drag our video from its registration point and transformation point about a third of the way through the loop.
Now if you want our unicycler to rotate through the loop, then you can press Q on your keyboard to select the Free Transform tool, and rotate the video until it looks right. Now select frame 37 and then press F6 on your keyboard to create another keyframe. Using the Selection tool, click and drag the video from its transformation point another third of the way through the circle. That's about at the top left of the circle. Again we'll rotate the unicycler by pressing Q on the keyboard to select the Free Transform tool.
Then we'll rotate the video so it looks like our unicycler is riding in a loop in the circle And now we'll scrub the playhead to preview the animation and make sure it looks right. And that looks pretty good. So let's test the movie using Command+Return on the Mac or Ctrl+Enter on the PC. And you can see that he moves around in the loop. I'll close the Preview window. And now we've used video to create an advanced 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.