Adobe Flash - Moving Car

Adobe Flash – How to Make a Moving Car Animation

  

Open your adobe flash and select action script 2.0

Before we start be familiarize with this workspace because we are going to use them in this tutorial.

• ·         Activate the onion skin by clicking on its icon at the bottom of the workspace.

When you complete this lesson, you will be able to:

Learn how to draw easily with the help of onion skin.

Learn how to rotate wheels or any object with classic tween while moving.

Learn how animate a moving car.

In this tutorial we need to import a side view picture of a car facing right.

If you don’t have one just copy it to Google image and type “facing right car”

I choose this image for in this tutorial:

http://wot.motortrend.com/artega-sports-car-maker-facing-bankruptcy-228411.html/artega-gt-orange-metallic-right-1/

Now, we have a car that’s facing to the right.

We are going to have a sketch of the car parts

• ·         Just go to file on your menu bar; import then select import to stage

With the picture in your stage, it should be on your 1^st playhead in your timeline.

 We are going to have a sketch on this image with the help of onion skin and line tool.

• ·         Right click on the 2^nd playhead then insert a blank keyframe

There you can see the shadow of your imported car image.

This is how onion skin works; it shows you the outline of your previous and next outline.

Example:

Next, we need to trace the outline of our imported car.

• ·         Use line tool to trace your car’s outline.

All you need to trace is the cars body, window, side, door and the front light.

Example:

• Notice how I bend the line tool that I used, you can do that by holding Ctrl+left click while dragging it to align the curve of the car’s outline
• ·         Next we are going to use paint bucket tool to fill in color to your car.

Since I have an orange colored car, I’ll be filling it with orange.

• ·         Don’t forget to fill in color to your window and front lights with black.

Example:

Next, we are going to make a wheel with the help of onion skin we can trace the wheels outline.

• Zoom in the wheels to help you trace the outline a lot easier.
• ·         Use the oval tool to draw wheel, must have the same wheel size with the original image.
• ·         We just need one wheel for this part, then after making the wheel we must put a white cross in the middle of our wheel.

The white cross we draw will determine if the wheel is rotating when moving the car. You don’t have to draw the same pattern with image.

Example:

• ·         Select the whole wheel with selection tool (v) then press right click and select convert to symbol.
•        Don’t forget to name our symbol to Wheel.

After converting our wheel to symbol, the oval and the white cross that we draw should be intact into one.

• ·         Double click on your wheel and you’ll be redirected to another timeline. Which will exclusively for the wheels
• ·         Double click on your layer 1 then change name to “Wheel”.

• ·         Right click in your 10^th playhead then select insert keyframe
• ·         Right click in between your 1^st playhead and 10^th playhead, then select create classic tween.
• 
  

• ·         While still in your 10^th playhead: click on free transform tool in your tool bar
• ·         Select the wheel and you should be able to see the joints of our wheel.

• Now we need to rotate our wheel going to the right.

Example:

• ·         Hit Ctrl+Enter to see if the wheel is rotating.

If it’s not rotating from the right direction, then you probably must have rotated it too much when we used our free transform tool to rotate it.

Never forget to rotate it just a little bit going down. Reread again this part of tutorial if it’s really not working.

 ·         Let’s go back to our main timeline where we created the car body.

To go back in our main timeline just click this icon.

Next, since we have now our rotating wheel we need to have another wheel in the front of the car.

• ·         Click on the selection tool from the menu baror press (V) for shortcut.
• ·         Then, just hold CTRL+mouse left click while selecting your wheel
• ·         Drag it for your front wheel. You can also copy then paste

Example:

We are going to start our moving car animation.

• ·         Right click on the 1^st playhead and select remove frames.

Once we remove the first keyframe, the second keyframe will automatically replace the first one.

• ·         Select the whole car with selection tool; right click then select convert to symbol and name this car.

All the parts should be in one piece, it’s a lot easier to animate one object.

• ·         With the zoom tool, zoom out to 50%
• ·         Place the car in the bottom left of your stage

zoom out to 50%

• ·         Right click in the 50^th playhead; select insert keyframe and then move the car out of the stage

• Final step, right click in between our 1^st playhead and the 50^th playhead, and then select create classic tween.

(Hit Ctrl+Enter to see your progress)