CogSci 3 Assignment Flash Animation-- PART 2
Due Saturday, October 31st, 2009 (11:59pm!)

• Making the clouds. Use the Merge Drawing Mode -
• Oval Tool --> Deselect Object Drawing (see image)

• When the Object Drawing button is deselected you can separate the fill from the stroke.
• When you want to draw the clouds you want to "clump" them together and it is easiest to do this in the Merge Drawing Mode.
• Make a oval, and then using the selection tool to the top of the toolbar. And click once in the center of the oval shape and you will notice that just the fill becomes selected.
• From here you can click and drag and actually separate the fill from the stroke.
• To return it back to the center go ahead and choose Edit — Undo Move, that will bring us back to where you started.
• If you wanted to modify the stroke (the outline) double click the outer edge of the shape and this is will select the stroke by itself and leave the fill untouched.
• It is similar to what you did with the fill you can click and drag and actually move the stroke and separate it from the fill.
• If you want to undo this - choose Edit— Undo Move, to return it back.
• The benefit of Merge Drawing Mode is that one can tear them apart. We can do this by partially selecting the shape by drawing a marquee around the section that we want. Click and drag a marquee around half of the oval and you will see that only half of it becomes selected. And from this point I can click and drag on the selected area to separate it from the rest of the oval.
• So this is pretty cool because in this mode Flash lets us tear apart objects like dough, which gives us a lot of illustration flexibility.
• You can also modify the alpha levels for the different "cloud" clumps to give your clouds more dimentionality --- transparency.

• Make a new layer above the "dotted line in road" layer in this example.
• Here we will name it clouds (blue arrow).
• Select the oval tool
• deselect the OBJECT DRAWING button
  (green arrows, see image right)
• in Properties (oval tool) - select an appropriate fill for the (red arrow) cloud color - light gray --- and if you wanted a (yellow arrow) white stroke color.

Select the cloud using the selection tool (blue circle) click on the center of the cloud and you move it down (blue arrow).

The fill is independent of the stroke.

The stroke can be selected and modified as well.

Create a puffy set of clouds. Using the Merge Object Drawing technique. It is sometimes known as the "cookie cutter" technique! You will see why after you work with it for a while.

In order to select only the clouds, lock the other layers.

Select all and only the clouds.

Create a graphic symbol (similar to what was done in Part 1 of the assignment.)

See image below

• To animate the clouds, select the "clouds" symbol on the stage (note that it is an instance of the "clouds" graphic symbol
• Convert it to another symbol named "cloud animation"
• Modify > Convert to symbol
• Select the symbol type: Movie clip (not "graphic")

1. Double click on the clouds on the stage
2. You will see the main stage elements fade out slightly and only the clouds will remain clear.
3. There will also be a tab - where the movie symbol name appears "cloud animation" next to "Scene 1". When you are done working with the "cloud animation" click on "Scene 1" to return you to the main stage area.

1. Click on the fifth frame in the timeline (see image on right)
2. Right click, and select "insert keyframe"
3. Move the clouds slightly over the tree. You will see a shadow of where the clouds were.
4. Repeat these steps every 5 frames until you get to frame 60.
5. You can see the effects of the animation when you hit return.

1. Right click on any frame in the timeline that is between two keyframes.
2. From the options that appear, select "Create Motion Tween" (Top right)
3. Depending on version of Flash (CS3 will have an arrow appear between the two keyframes on the timeline)
   (CS4 will shade the frames) See image bottom right. The properties associated with those frames will also indicate that they are Motion tweens.
4. Repeat creating tweens for the rest of the keyframe intervals.
5. Don't forget to save your document!!
6. Test your movie: Control > Test Movie
7. To return to the main stage area, click on Scene 1
8. The cloud animation is ready
9. You can make copies of the clouds and they will have the animation associated with them.

1. Import an image that would work for the car.
2. Import it to the stage and then use the transformation tools to adjust the image to fit with the scene.
3. Covert to graphic
4. Convert to Movie Clip
5. Follow the same plan that was done with the cloud animation.
6. Test Movie.

1. File > Publish Settings
   (see image on right)
2. Select to have both .html and .swf files created.
   (see image below)