How to Create Motion and Shape Tweening in Flash

In this tutorial you will learn to create both motion and shape tweening in a single flash animation.

Don't forget to check out our site howtech.tv/ for more free how-to videos!
youtube.com/ithowtovids - our feed
facebook.com/howtechtv - join us on facebook
plus.google.com/103440382717658277879 - our group in Google+

Adobe Flash is a well known animation software. There are various tools and functions available in it to create different types of animated flash movies. It also offers a concept of "Tweening" which allows you to create animations of specific frames for a particular period of time. There are two types of tweening which are motion tweening and shape tweening. Motion tweening works on vector graphic while shape tweening applies on raster graphic.

In this tutorial you will learn to create both motion and shape tweening in a single flash animation.

Step # 1 -- Go to the File Menu

In the first step, launch Adobe Flash and go to the "File" menu. Select the "Import" option and click on the "Import to Stage" option from the list.

Step # 2 -- Select a Background Image

Select a scenery image from the browsing window for your background and click on the "Open" button to import it on the work stage.

Step # 3 -- Adjust the Size

Now select the "Free Transform" tool from the menu and resize the image to fit according to the frame. This layer will serve as a background so rename the layer as "Background".

Step # 4 -- Add a Layer

Right click on the layer and select the "Insert Layer" option from the menu. This will add a new layer in the animation scene.

Step # 5 -- Rename the Layer

Double click on the new layer and rename it to "Ball". The name clearly shows that we are going to place an animation of a ball in this layer.

Step # 6 -- Import a New Image

Now again click on the "File" menu and select the "Import" option from the list. Click on the "Import to Stage" option from the menu to import another image on the scene.

Step # 7 -- Select a Ball's Image

In the browsing window, select an image of a ball. Now click on the "Open" button to import this image on the layer.

Step # 8 -- Adjust the Size

Once the image is imported into the frame, select the "Free Transform" tool from the menu. Now use it to resize the ball's image according to the background image. After resizing it, place it on the top left side of the image outside the frame.

Step # 9 -- Convert to Symbol

Right click on the ball and select the "Convert to Symbol" option from the menu to convert it into a symbol.