Flash Tutorials Home Flash Tutorials Tutorials Flash Tutorials Articles Flash Tutorials Resources Flash Tutorials Contact menu
 
RSS 2.0
Flash Tutorials, Articles and Resources Adobe Flash Tutorials
Adobe Flash Tutorials
Adobe Flash Tutorials

Motion Animation With Flash CS4

Tutorial Adobe Flash CS4 Animation

Tutorial by The Mixer from adobeflashtutorial

On this occasion I have an explanation that will help you to build and import images with extension gif, jpg, png. Also with this tutorial you will learn to make a motion animation that simulates the motion of a pendulum,

Hello, welcome to a over tutorial cs4 flash. On this occasion I have an explanation that will help you to build and import images with extension gif, jpg, png. Also with this tutorial you will learn to make a motion animation that simulates the motion of a pendulum, another thing you will learn with this tutorial is how to use the free transform tool and then modify the central point of rotation. This tutorial does not need ActionScript code. Good luck!
Step 1

Place the document properties Ctrl. + J.
The dimensions of the film are: 275 px wide and 470 px height. These are the dimensions of the images to be imported.
Background color #FFFFFF.
The frame rate is 12 fps.

pendulum-01.gif

Step 2
This step explains how to import an image to the scene.
Select the following sequence File >> Import >> Import to Stage Ctrl. + R.
Navigate to where you placed the image to select it and then select the checkbox to accept.

pendulum-02.gif

Step 3
In this way the image is inserted into the scene.
Select the imported image, and then in the Properties pane to place the image in the following coordinates X: 2.5 Y: 0.0.
The image size is 270.0 width  and 365.0 high.

pendulum-03.gif

Step 4
Insert a second layer and place the name of the pendulum. Follow step 2 to import another image which represents the pendulum clock.
Select the imported image and using the Ctrl information panel. + I position the image in coordinates X: 108.8 Y: 353.0.
The dimensions of this picture are: 63.0 wide and 117.0 high.
The layer where the clock image inserted, attach the name of the clock.

pendulum-04.gif

Step 5
Select the image of the pendulum.

Then click the Free Transform tool Q.

pendulum-05.gif

Step 6
Change position at the center of rotation, toward the top center. As shown in the image.

pendulum-06.gif

Step 7
In this part rotate (turn) a little picture.
Take the picture by one end, for example at the top right and then turn it two positions.
Rotate the image to the left side.

pendulum-07.gif

Step 8
Select the frame layer pendulum.
Then follow the following sequence to make an animation Insert >> Motion Tween

pendulum-08.gif

Step 9
Automatically insert a frame number which can indicate that an animation.

Move the center point of rotation to the top of the center, as shown in the image.

pendulum-09.gif

Step 10
Select the frame number 12 the pendulum layer.
Take at one end of the image, for example by the top left point.
Then rotate the image four positions to the right side.

pendulum-10.gif

Step 11
Select the frame number 24.
Clicking the right mouse button.
In the popup menu select Insert Frame.

pendulum-11.gif

Step 12
In this step, select the frame number 24 of the layer pendulum.
Select the image by one end, for example the upper right.
4 positions rotate the image, the image must be exactly like this in the frame number 1.

pendulum-12.gif

Step 13
Select the frame number 24 of the layer clock.
Insert a frame F5 in this position.

pendulum-13.gif

Step 14
Finally exchange positions the two layers. So that the timer is layer above the layer pendulum. Well done!.

pendulum-14.gif

Just need to press Ctrl. + Intro and display their work. Until next time.

Download FLA File

Register here to comment and rank Tutorials and Articles

 Date: 25/04/2010  LL_JESSE_LL post:
too bad you can not read step one for all the ridiculous adds covering the text.

 
spacer
Creativa Int Network: Arte Creativo - Club de Poesía - Creativa Int - Dominio Uruguay - Ecos Regionales
Entrepreneur Help - Foro Creativo - Futbol Paraguay - Hosting Creativa Int - Más Tutoriales - Adobe Flash Tutorials
Recetas de Cocina - Ruta Interior - Sólo Photoshop - Taller Webmaster - Travel México