1. week 1
  2. week 2
  3. week 3
  4. week 4
  5. week 5
  6. week 6
  7. week 7
  8. week 8
  9. week 9
  10. week 10
  11. week 11
  12. week 12
  13. week 13

Aniboom: Latest hits

Thursday, August 7, 2008

Summer 2008

week 13
evening—08/07

Okay everybody, This is it. You have one last week to complete your animations up to frame 16 of the storyboardLINK. Recall, that if you do any animation beyond that frame in the storyboard, you will receive extra credit. Try to do as much as you can. Good Luck, Carter-

  1. TOPICS:
    1. Review:
      1. LINK   Movie-Clips revisited—Making the cat move and play the fiddle;
      2. LINK   Animation without Symbols—Breaking apart the symbols;
      3. LINK   Frame-by-Frame animation I—making the cat move its eyes;
      4. LINK   Frame-by-Frame animation II—making the cat smile;
    2. Introduce:
      1. LINK   Back to the Movie-Clip—The Cat Resumes Playing the Fiddle;
      2. LINK    Following the Note I—Animation along a guide path;
      3. LINK    Following the Note II—Cut to Medium Shot of Note;
      4. LINK    Following the Note III—Cut to Close Shot of Note;
  2. HOMEWORK:This is the blog entry for our week 13 class. Only one more weeks to go, so no official homework; however, all of you PLEASE continue working hard on your animations. They due next week at 7:30pm.
  3. STORYBOARD: below you will find links to each of the pages of the storyboard containing 3-frames each.
    • LINK   Frames 1-3
    • LINK   Frames 4-6
    • LINK   Frames 7-9
    • LINK   Frames 10-12
    • LINK   Frames 13-15
    • LINK   Frames 16-18
    • LINK   Frames 19-21
    • LINK   Frames 22-24
    • LINK   Frames 25-27
    • LINK   Frames 28-30
     
  4. REVIEW:
    1. Movie-clip:To begin, we are going to get the cat to start playing the fiddle for us. Since this action is going to be a repetitive movement, it is perfect for a movie-clip symbol. That way, we only have to make it move in one cycle, and the movie-clip will play in a continuous loop. Graphic symbols do not do this. Therefore, we have to edit the cat_mc symbol.     If you recall, we already made all of our characters into nested movie-clip symbols (week 10), we can just add some animation to it, and we will be good to go. Once again, we have already done this as well when we made the dog's and cow's heads move back and forth (week 10). The cat's movements are a bit more complex, however, so it deserves further review.
      1. First, double-click on the cat_mc symbol in the library to enter symbol-edit mode.
      2. If you have only one layer here, then we'll have to separate everything out into different layers. So, first, click in frame one. When you do this, everything becomes selected. If you see a bunch of blue boxes, then you're in good shape. This means that each of the cat's parts is a separate graphic symbol, all here within the main cat_mc symbol.   If not, if everything has white dots, then you MUST be certain that you convert each part of the cat into a graphic symbol before you can proceed.
      3. Once everything is selected, the move the arrow (selection tool (V)) over the cat and right click. Then choose distribute to layers. This will put each of the graphic symbols in a separate layer. It will also name the layers according to the name of the symbol. If any of the layers are blank, or have an untitled name, then you should delete them.
      4. Now, lock all the layers except the cat_head layer. Depending on how your cat looks, and how many different parts you have created, the stacking order of your layers may be different from what you see in the images above and below.
      5. Then, select the free-transform tool (Q) so that we can position the head to begin looking like it is moving back and forth to the music the cat is playing.
      6. Click on the image above to make it larger. You should see that once you select the free-transform tool, you then have to move the rotation point, the small white circle that is now in the center, down to the point where the cat's head meets its neck. The reason for this is that the neck is where we rotate our heads, so if the cat is going to be moving its head back and forth, it only seems natural to have it occur at its neck, and not around its nose or eye!!     Don't put the rotation point right exactly at the edge where the head meets the neck, but slightly above it. This will make the rotation look better, and seem more lifelike.
      7. Then, rotate the cat's head a little to one side. Don't rotate it too much as you don't want the cat to look as if its neck has broken.
      8. Now, click in frame 20 of the cat_head layer and add a keyframe (F6). Since we are going to be making the cat's head move back and forth as if to the music, and since this is all happening within a movie-clip symbol, it will be a looping animation. We only need make the cat's head move from one side to the other, and then back again one time. And, since it is a movie-clip, it will automatically loop indefinitely when played.     Because of this, because it will loop around over and over, in which the end of it is really the beginning of another loop, the last frame must be the same as the first frame.    This is where Flash helps us: when we added a keyframe, Flash copies the previous keyframe in frame 1 and places a duplicate in frame 20. Therefore, now frame 1 and frame 20 are exactly the same, which is as we want it. If you click in frame one, and then in frame 20, you will see nothing on the stage changes. This means they are the same.
      9. After that, extend the duration of the other layers to frame 20 by clicking F5.
      10. Next, click in frame 10 of the cat-head layer, and add another keyframe, F6.
      11. Choose the free-transform tool (Q) again, and rotate the cat's head in the other direction a little.
      12. Finally, right-click between the keyframes, and select create motion tween.
      13. That completes the head movement, so if you test the animation, you will see that the cat's head moves back and forth.     The next part that we have to add to this movie-clip, is to make the cat play the fiddle. We will take similar steps to make the cat's arm move as if it is playing the fiddle with the bow.    To begin, then, we must lock the cat_head layer, and unlock both the bow layer as well as the arm layer, which in my case is named cat_arm2. However, we are only going to work with one of those layers at a time, so hide the bow layer.
      14. We will do several things to the arm to make it appear as if it is moving the bow across the strings:
        • We must move the rotation point;
        • skew the arm;
        • Rotate it a some;
        • Shorten the length out a little;
        • And, adjust it at the top where the arm meets the shoulder to remove the gap.    We'll start in the up position, so I'm first going to move the rotation point:
      15. Now, We'll rotate and shorten it a little. Also, if there is a gap at the point where the arm meets the shoulder, I will have to close that with the arrow keys on the keyboard:
      16. Next, show the bow layer and move the bow so that it looks as if the cat is holding it. You may need to rotate it in order for it to look right.
      17. Click in frame 10 of both the cat_arm2 and the bow layers and add a keyframe (F6); then, click in frame 20 and add another. This will make the keyframes 1, 10, and 20 all the same.
      18. Now, that we have the up position set in those three keyframes, we must set the down position. In order for the arm to appear as if it is moving up and down, the up and down positions must alternate keyframes, which means, we need keyframes in frames 5 and 15 to set the down position.    Therefore, click in frame 5 of both those same layers and add yet another keyframe (F6). Here you will need to transform the arm so that it looks like it has pulled the bow downward.
      19. After that, click in frame 15 of both the bow and the cat_arm2 layers again, but this time add a blank keyframe (F7). You should notice that this time there is no black dot, but instead a white circle. This means the frame is empty, or blank.
      20. Let's stop for a moment and assess what's happening in all of these keyframes: in frames 1, 10, and 20, the arm and bow are in the down position, and in frame 5, the arm and bow are in the up position. The way it works up to this point is that in frame 1, the arm starts down. It moves up in frame 5, and then moves back down in frame 10. What we're working towards then is an up/down/up/down/up positioning. This means that in frame 15 we want the arm to be up again. The easiest way to do this is simply to copy and paste the objects from frame 5 to frame 15.     Therefore, click in frame 5 of the cat_arm2 layer and copy (ctrl-C). Then, click in frame 15 of the same layer and paste-in-place (ctrl-shift-V).     Repeat the same copy and paste steps for the bow layer. Once completed, then add motion tweens all the way across both the bow and the cat_arm2 layers. You now have a cat that moves its head and plays the fiddle. Exit symbol edit mode.
    2. Cut I: cutting the to a close shot of the fiddle as the cat plays. If we begin where we left off in the last blog entry, we are in the very last frame of our animation. The particular frame number is irrelevant, but i will be beginning here in frame 300 as we watch the cat playing the fiddle.    At this point in our animations, we have seen the movie and title fade in and out; we have panned down from a shot of the sky to a view of our our setting on the ground; we have panned right passing the dog, the cow, and stopped at a cat playing the fiddle; and finally, once we reached that cat, we have zoomed into the cat as it played until we were at a medium shot of it in which we captured the cat within the frame from head to toe.    According to our storyboard, we must now cut to another shot: a close shot of the fiddle as the cat plays it. To create the illusion of a new camera shot, we simply have to re-compose all the elements on the stage, the cat and everything else, the ground, fence, house, etc. In order to do that, however, we must first add a series of keyframes to those layers that will make up part of the shot. If an element is not going to be part of the shot (if it will not be visible in the frame, on the stage), then its layer does NOT get a keyframe.    In the timeline, then, one signal of a new shot is if you see keyframes in several layers all in the same frame. That is what we must do. For our new shot, close shot of fiddle as the cat plays it, we require the following things: the cat, the fence, the house, and the ground. That's all. See the image below and notice where the keyframes are and in which layers:
      1. The Push-In—motion tweens from frames 230 to 275. This includes the cat, cat_shadow, fence, fence_shadow, house, and the ground layers.
      2. A Pausein-between frames from frames 275 to 299. This includes the cat, cat_shadow, fence, fence_shadow, house, and the ground layers.
      3. A Cut—keyframes in frame 300. This includes the cat, fence, house, and the ground layers.
      4. The Close Shot of Fiddle—frames from frame 300 to 320. This also includes the cat, fence, house, and the ground layers.
      The image below is what the cat and the stage should look like for the close shot of the fiddle. Notice how big the fiddle is relative to the size of the stage (the gray rectangle behind the cat). Remember, you must select all the keyframes in the shot and resize them at the same time. Nothing really happens in this shot. All the animation is within the movie-clip symbols, so we need not add any additional animation. All we need to do is extend the duration of the elements in the shot so we can view them and take in the shot for a moment. I extended the elements of the shot out to frame 320. I chose 320 because the animation in the cat_mc animation loops every 20 frames, and that way we get a full cycle of the cat playing the fiddle.
    3. Cut II: cutting the to a close shot of the cat's face. If we continue with the same logic, the next step is very similar to the previous. We simply need to add another series of keyframes to the layers that will be part of the next shot. Since the next shot consists of the same elements as the previous, we add keyframes to the same layers which I do in frame 320. I then simply move everything upwards so that the cat's face fills most of the stage area. If you want to enlarge everything a little more so that the cat's face is even bigger, then do so. We'll extend these layers out to frame 340. I choose 20 more frames again because I want to include at least one full cycle of the cat_mc movie-clip which is 20 frames long. We have now completed two new shots: close shot of fiddle, and close shot of cat's face. These two shots very closely follow frames 10 and 11 of the storyboard (see LINK). Hopefully, you will also notice two things about frame 11, that the cat is looking out at the audience toward the "camera" and that the last line beside the image in the storyboard says that the cat smiles. These changes, modifying the expression of the cat, is the next step in our animation.  
    4. Expression change: changing the cat's expression
      1. Breaking Apart: breaking the cat_mc symbol;
        1. Our next task is twofold: to make the cat move its eyes so that it is looking out at the audience, and then to make it smile. So that we can make it do this, we have to change the cat so that it is no longer a symbol. You might ask: why do we need to do this? Well, think about it for a moment. If here, inside cat_mc symbol, we make the cat look out at the audience and smile, it will then be part of the symbol.    But what does that mean? Well, it means that wherever you use the symbol, then the cat will be looking at us and smiling over and over repetitively. It will no longer be looking out in space with a funny smirk on its face. We do not want this to happen. We only want the cat to look at us and smile one time, and then to look away.     That means it CANNOT be part of a symbol. Therefore, we must break apart cat_mc. First, however, we have to exit cat_mc by clicking on Scene 1 in the upper-right corner if you have not already.
        2. Once you do that, make sure you are in the last frame of the cat layer, which is frame 340 for me and add a keyframe (F6).
        3. Select the cat on the stage by clicking on it one time, and then break apart (ctrl-B) the symbol. You will see that when you break it apart, the one symbol is broken into all of its body part symbols, into several symbols.
        4. But this is still not what we need. In order for this to work, the cat cannot be a symbol, so we must break-apart (ctrl-B) again. Now you will see that most of the cat is no longer a symbol. You know this because there are no more blue boxes, just the little dots when the cat is selected.
        5. The only exception to this are the eyes. They still have a blue box around them, which means they are still part of a symbol, so we have to break apart (ctrl-B) one last time. When you've done this, the symbol will no longer be a symbol.
         
      2. Moving the eyes: Now that we have broken about the cat's symbols, we can start to work on the eyes, so zoom up on the eyes to begin. Since we want the cat to look out at the audience we'll have to do the following:
        1. You'll have to move the colored parts of the eye to the left and down a little, as well as make them a little larger and more rounded. Let's start with the right eye.
        2. You will also have to move the pupil so that it is more in the center as well as skew it so that it is more symmetrical.
        3. And finally, you'll have to fill in the spots with the paint bucket tool where the color had been erased.
        4. Repeating those steps somewhat differently for the left eye, you will also have to move the colored part of the eye so that it is more toward the corner of the eye as well as a little larger and reshaped so that it is somewhat more circular. Make certain that it is a little smaller than the other eye, however since it is a bit further away.
        5. Similarly, you will also have to move the pupil so that it is more in the corner of the eye, and skew it so that it is more symmetrical.
        6. Then, with the paint bucket, fill in all the gaps left behind. There, now that you have moved the eyes, they should look as if they are looking out at the viewers.
        7. Moving the eyes: We want to give the cat a few moments to just look like that out at us, then we want to make him smile.     So, click in frame 350 of the cat layer, and add a keyframe (F6). Then, extend the duration (F5) of the other layers out to frame 350.
         
      3. Smiling Cat:
        1. Next, we will work on making the cat smile. To do this we will be doing a new kind of tween animation. As you know, anytime you need to make a tween, there can only be one object on the stage. The same goes for this new sort of tween, so we will have to put the mouth on its own new layer. Therefore, select the mouth, and cut (ctrl-X).
        2. Add a new layer, and name it cat_mouth.
        3. Click in frame 350 of the cat_mouth layer and add a keyframe (F6).
        4. Click in frame 350 of the cat_mouth layer, and paste-in-place (ctrl-shift-V).
        5. Now that the mouth is in a new layer of its own, lock all the other layers. Then, click in frame 355 of the cat_mouth layer, add a keyframe (F6) in it, and extend the duration of the other layers out to frame 355.
        6. In this new keyframe, change the cat's mouth into a smile.
        7. Now, click in between those two keyframes, frame 350 and frame 355, open up the properties bar, look where it says tween, and select shape. It should turn green and have an arrow pointing to the right. If you drag the playhead back and forth, you should be able to see how the mouth changes into a smile.
        8. Finally, extend the duration (F5) of the layers out to frame 380, save, and test the movie.
       
    5. INTRODUCE:
      1. Return to the Movie-clip: Changing the cat's expression back, and going back to the movie-clip;
        1. At this point in the animation, we have made the cat stop playing the fiddle by breaking apart the movie-clip, we have made the cat then look out at the audience, and then we have made it smile.     Next, we would like to allow the cat to return to playing the fiddle. We could do this rather easily, by placing another copy of the movie-clip, cat_mc back on the stage in the cat layer (after placing a blank keyframe (F7) of course), but that would be problematic. Sure, it would solve the problem, but it would be a very quick jump back in the cat's expression. It would avert its eyes to the side again, the smile would fade, and it would begin playing the fiddle all at once, at the same time. It would be too sudden and jerky.     Therefore, what we'll do instead is first make the cat look back off to the side, then we'll cause the smile to fade, and then after that, finally, he'll resume playing the fiddle. First step, however, is to look at the state of things in the image below:
         
        2.If we look at the timeline, we'll soon see that in frame 340, we have broken the cat_mc symbol apart, and moved its eyes so they're facing outward. In frames 350 through 355 the cat's mouth is converting into a smile. This expression and all the other layers are then extended out to frame 380.     What we want next is to make the cat's eyes move off to the side again. We'll have to copy & paste from another frame. However, we do not have another frame from with to copy them. The most recent keyframe in which they eyes are looking off to the side is frame 320, but here the cat is part of the cat_mc symbol. There is no keyframe yet in which the cat is not a symbol, and with its eyes looking off to the side. So what we'll have to do is copy & paste the symbol, and then break it apart (ctrl-B) again.     To do this, click in frame 320 and copy (ctrl-C).
         
        3.Then, click in frame 381 of the cat layer, add a blank keyframe (F7), and paste-in-place (ctrl-shift-V)
         
        4.Next, select the cat on the stage by clicking on it one time, and break it apart (ctrl-B). You will probably have to do this a few times until it has no more blue boxes remaining.
         
         
        5.After you do that, make sure you are in frame 381 and that everything is de-selected. Once done, delete the mouth from this frame, and color it back in like the images above demonstrate.
         
         
        6.Next, we have to make the mouth go back to the way it was originally, as it is in the cat_mc symbol. Click in frame 381 of the cat_mouth layer, and add a keyframe (F6).
         
        7.Now, we'll copy an paste the mouth from frame 350 so that it goes back to its original expression.
        • So, click in frame 350 of the cat_mouth layer
        • and copy (ctrl-C).
        • Then, click in frame 385,
        • add a blank keyframe (F7),
        • paste-in-place (ctrl-shift-V),
        • and extend (F5) the cat layer to 385 also.
         
        8.Open up the properties bar; then, where it says tween select shape. It should turn a greenish color with an arrow pointing to the right.
         
        9.Lastly, we want to finally go back to the movie-clip, so click in frame 386 of the cat layer and add another blank keyframe (F7).
         
        10.Once you do this, click in frame 320 of the cat layer and copy (ctrl-C).
         
        11.Then click back in frame 386 and paste-in-place (ctrl-shift-V).
         
        12.To complete this section, extend the duration (F5) of the following layers out to frame 410:
        • cat
        • fence
        • shadow
        • house
        • ground
        • moon
        • stars
         
         
      2. Following the Note I: note flutters up fromt eh fiddle—introduction to animation along a guided path;
        1.At this point, we will finally get to an aspect of this animation long delayed, and that is the musical notes. From the very beginning of the storyboard and the script, there is mention of musical notes fluttering about in the sky from the cat's fiddle. Now, while we won't yet get to implementing notes throughout the movie from the beginning, we will start right here and now in the progression of the animation.     At this point in the storyboard, we would notice that there is a note that flutters from the fiddle, and that the camera begins to follow towards the left along the fence. Since the note has at this point become more than just background scenery but an integral part of the animation, has become what actually leads us through the animation—another character of sorts if you will—then we will begin to address it.     The note's movement, however, as noted, is not in a straight line, but rather curving and fluttering. To capture this feeling, we will create an irregular curving path along which we want the note to follow. To do this, we will employ a nice feature of Flash which is the ability to have an object in a motion tween to be guided by a path.     The first thing to be done, therefore, is to add a new layer above the cat layer, and name it note.
         
         
         
        2.Then add a blank keyframe (F7) in frame 390 and draw a musical note.
         
        3.Once the note is completed, convert it to a graphic symbol (F8), and name itnote.
         
         
        4.Lock this layer, add a new layer, and name it path.
         
        5.Click in frame 390 of the path layer and add a blank keyframe (F7)
         
         
        6.In the path layer, choose the pencil tool, at the bottom of the toolbar select the smooth option so that the line you draw is smooth and not jagged, select a bright stroke color, and then draw a curving path in frame 390 that circles around the cat's head and exits offstage to the left.
         
         
        7.Click in frame 430 of the path layer and extend the duration (F5). Then, click in frame 430 of the note layer and add a keyframe (F6).
         
         
        8.Click in frame 390 of the note layer, and then zoom into the note and select it by clicking on it one time.
         
         
        9.Notice the little white circle in the middle of the note. This is the center point of the symbol. click on this center point, hold down on it, and move it to the end point of the curving line path that you drew. It should attach to it like a magnet. If this does not happen, then try it again.
         
         
        10.Click in frame 430 of the note layer and zoom out. On the stage, move the note so that it is near the other end point, and zoom in once again. Like before, click on the center point, hold down and attach it to the other end point.
         
         
        11.Now, right click between the keyframes in the note layer and select create motion tween.
         
         
        12.Finally, we must instruct Flash to regard the path layer as a guide, and the note layer as what is being guided by the path we drew.     To do this, double-click on the little icon next to the name of the path layer. This brings up the layer properties for the path layer, so select where it says guide, then click okay.     Next, double-click on the little icon next to the name of the note layer, click where it says guid-ED, and then click okay. Once you do these two last things, the note should follow along the path instead of moving in a straight line. ***NOTE*** If you are not successful at making the object follow along a path, make sure it is attached like a magnet at both endpoints in both keyframes as instructed above.
         
        13.Extend the cat, fence, shadow, house, ground, moon, and stars layers out to frame 430.
         
        14.And lastly, click in frame 390 of the note layer, then select the note graphic on the stage by clicking on it one time, open up the properties bar, and change the alpha to 20%.
         
         
      3. Following the Note II: cut to a medium shot of the note—further animation along a guided path;
         
        1.As the subheading notes, the next series of steps will take us through a cut to a new shot. In this case, we will cut to a shot in which we will be following the note back the way we came to the left as it bounces and flutters along the fence.     So let us analyze what all this includes, and we'll start with the movement. The camera will be moving a long with the note in the same direction from which it came from the left. Therefore, we have another panning motion; however, it is a bit more complicated than just that: the note is also moving, and bouncing in toward the left. As a result, there are two movements at the same time, the camera movement, and the movement of the note. As you remember from earlier weeks, when doing a panning motion, we cannot actually move the camera, as there is no camera. Because of this, we must move everything else in the shot instead to simulate a pan.     Next then, we need to analyze exactly which objects this new shot will be composed of. Since we are panning along the fence, we need the fence. And since we have the fence in a medium shot, we also need its shadow, and the ground. Furthermore, both the moon and the stars will be there as well. That's about it. Since we have moved away from the house, that need not be included in the pan, and since we haven't yet reached any of the other animals, those needn't be either. So we have it all: the moon, stars, fence, shadow, and the ground. All the other layers should be locked.
         
        2.Add keyframes (F6) to the house, fence, and shadow layers in frame 431.
         
         
        3.Now, select the fence and its shadow and shrink them down with the free-transform (Q) tool until the entire fence fits on the stage, and part of the shadow as in the image above. this will constitute the medium shot.
         
         
         
        4.Since we are only panning a short distance (not quite up to the point where the cow would be standing), this panning motion won't take up many frames, only about 30. So, click in frame 460 of the fence, shadow, and house layers, and add keyframes (F6).
         
        5.Move the fence and shadow on the stage to about the position where the cow would be standing.     Then, since the ground is further away it should appear to be moving slower and move less distance, so here move the it only about half the distance that you moved the fence and shadow.
         
         
        6.Add motion tweens to those three layers, and extend the duration (F5) the moon and stars layers out to frame 460.
         
         
        7.Next, we will work on the note, so add a blank keyframe (F7) to the path layer and a keyframe (F6) to the note layer in frame 431.
         
         
        8.Move the note to the right side of the stage (increase its size if necessary), and draw a path in frame 431 of the path layer as the image above suggests.
         
         
        9.Attach the center point of the note to the endpoint of the line that you just drew.
         
         
        10.Click in frame 460 of the path layer and extend the duration (F5). Then click in frame 460 of the note layer and add a keyframe (F6).
         
         
        11.Click in frame 460 of the note layer, move the note to the other side of the stage, and attach the centerpoint of the note to the endpoint of the line.
         
         
        12.Add a motion tween to the note layer.
         
        13.Normally, we would adjust the layer properties for the note and path layers, but since we already did that, the note should already be following along the path.
         
         
      4. Following the Note III: cut to a close shot of the note—still more animation along a guided path;
         
         
        1.The next section is almost identical to the previous. In this section, we will also cut to a new shot, but this time instead of a medium shot, we will cut to a close shot of the note bouncing. Therefore, once again, we need to set up the shot. Since it is a close shot, we need fewer layers still, only the fence layer, the ground layer, the moon and stars layers, and of course the note and path layers. So lock all the others.     click in frame 461 of the fence layer and add a keyframe (F6). Use the free-transform tool (Q) to increase the size and position of the fence to approximately what you see above.
         
         
        2.Click in frame 461 of the ground and note layers, add keyframes (F6), and adjust their positions and size if necessary.
         
         
        3.Then, click in frame 461 of the path layer, add a blank keyframe (F7), and redraw a new path as the image above suggests.
         
         
        4.Click in frame 490 of the path layer and extend the duration (F5).
         
        5.Then click in frame 490 of the note layer and add a keyfame (F6).
         
         
        5.Attach the centerpoint of the note to the endpoints of the line in both keyframes.
         
        6.Add a motion tween to the note layer.
         
         
        7.Now, we'll add the panning motion along the fence: click in frame 490 of the fence and ground layers, and add keyframes (F6).
         
         
        8.In frame 490, move the fence some to the side, and then move the ground less than half that distance.
         
        9.Add motion tweens to both those layers, and extend the duration (F5) of the moon & stars layers.
         
enjoy this video if you get to the end of this lesson! or, click here if it doesn't show up.