Week 3 - Motion Tween & Shape Tween

MOTION TWEEN 

• Open a new flash file (Ctrl+N). New Document window will appear. Select General panel and choose Type: Flash Document . Press OK.
• If your timeline window is not open, press (Ctrl+Alt+T).
• Now you can see a single Layer called "Layer1" in your timeline Window.

• Select the first frame. Import your image onto stage, upon which you would want to implement motion tween.
  File>Import>Import to Stage, or just press (Ctrl+R).
  Or you can even draw your own object, you can either choose Rectangular tool or Oval tool from the tool box and draw your desired shape.
• Now select your object on the stage and press F8 to convert this image to a Symbol. Convert to Symbol window will pop-up.
  Name your Symbol what ever you like.
  Select Graphic behavior and press OK.
  
  Note: You can create motion tween only on symbols. So any object upon which you would want to implement motion tween, First convert the object to a Symbol.
• Right now your Symbol is in frame1 of Layer1. Select frame 20 and press F6 to insert a new keyframe.
• Still keeping playhead on frame 20, move your Symbol to any other position other than the present one
• Select any frame between, 2 to 19 and select Motion from the tween pop-up menu in the Property inspector. Now your Layer will look something like the one shown below.

• Now press (Ctrl+Enter) to view your motion tween.

SHAPE TWEEN

• Open a new flash file (Ctrl+N).
  New Document window will appear
  Select General panel and choose Type: Flash Document . Press OK.
• If your timeline window is not open, press (Ctrl+Alt+T).
• Now you can see a single Layer called "Layer1" in your timeline Window.

• Select the first frame. Now go to your working area and draw any object. To start off with, may be you can draw a circle.This is going to be your initial object.
  In the above demonstration, my initial object is a short line.
• Select frame 20 and press F6 to insert a new keyframe.
• Still keeping playhead on frame 20, delete the object present in your working area. Now draw a different object, may be a square.
  In the above demonstration, I have drawn a long line.
• Select any frame between, 2 to 19 and select Shape from the tween pop-up menu in the Property inspector. Now your Layer will look something like the one shown below.

• Now press (Ctrl+Enter) to view your motion tween.

Week 2 - Gradient

1. Open a new flash file by selecting File > New.

2. From the tools at the left of the stage, select the rectangle tool. Draw two rectangles on the stage as shown below.

3. Once you have done that, select the oval tool from the tools menu and draw two circles on the stage as shown below.

4.Now that you have set-up the shapes, we’ll start exploring the different fills we can make using the color mixer.The color mixer should be visible at the top of the panels at the right hand side of the screen. If you can’t see the mixer, select Window > Color Mixer or press Shift + F9

5. Click on the fill inside one of the rectangle you have drawn. In the Color Mixer panel, you should see that this is a solid color. To change it from a solid color to a gradient, select either linear or radial gradient from the drop down menu.

6. When you select either linear or gradient, you will see the default gradient colours. You can customise the gradient by doing the following actions:

- To add more colours move your mouse underneath the gradient bar until you see a plus sign next to your cursor. Click to add a new colour box. You can drag this colour box along the gradient bar until you get the effect you desire. To change the colour of the box, select the colour of your choice from the colour change options.

- To remove colours from a gradient click on the colour box of the colour you don’t want and then drag the colour box downwards until it dissapears.

- To make a colour in the gradient transparent click on the colour box and then change the Alpha Setting from 100% to the level of transparency your require. Note that you probably won’t see the transparency effect until you place the fill over another object on the stage.

7. Create your own gradients now by following the steps above and apply them to your shapes using the fill bucket tool. Once you are confident with making your own radial and linear gradients, make sure each shape has a gradient applied. Your file should look similar to this.

Week 1

1. Open a new flash file by selecting

2. Import the picture you want to trace by selecting File > Import and then selecting the image from it’s location on your computer.

3. Resize the image to a size suitable for tracing by selecting the image
 4. Your image will currently be located on keyframe 1 of layer 1 of the timeline. To be able to trace the image we are going to add another keyframe. To do this, select the frame next to the current keyframe and select Insert>.Keyframe Your timeline will now have two keyframes with the picture appearing in both.
and using the Free Transform tool

5. Click on the second keyframe and then select your image on the stage.Delete the image from the second keyframe by selecting the on your keyboard. Alternatively just cut the image by selecting keyCtrl + x. 


6. Click on the second keyframe in your timeline and click on the onion skintool. This will enable you to see a faint version of your image in the second keyframe.

7. Using the drawing tools of your choice, trace over the faint image in the second keyframe to create your own drawing.

8. Once you are happy with your image, you no longer need the original graphic in your Flash file. Remove it by deleting the first keyframe in the timeline. To do this,Remove Frame

9. You will find that you now just have one keyframe containing the image that you have drawn. This image is now ready to be converted to a symbol, animated or even exported to use in another graphics application.

10. Your final step is to turn the onion skinning off. Click on the Onion Skin Tool button to do this.

This trick is greatly if you aren't really confident at drawing. Just remember to ensure that your image isn't exactly the same as the original.