Tutorial Photoshop Home Tutorial Photoshop Tutorials Photoshop Tutorials Blog Photoshop Tutorials Articles Tutorial Photoshop Resources Tutorial Photoshop Contact menu
 
RSS 2.0
Photoshop & Flash Tutorials, Articles and Resources Only Photoshop
Only Photoshop
Only Photoshop

Rotate Text 360 Degrees On Axis Which Flash CS4

Flash CS4 Animation

Tutorial by The Mixer from adobeflashtutorial

The animation does not have a single line of ActionScript code, as this work is not ActionScript animation can make a Flash File (ActionScript 3.0) or Flash File (ActionScript 2.0).

Hi fan of flash animations, this time I have for you an animation of a text that will rotate 360 degrees on its axis. This animation can put into practice with an image format type, gif, jpg or png.

The animation does not have a single line of ActionScript code, as this work is not ActionScript animation can make a Flash File (ActionScript 3.0) or Flash File (ActionScript 2.0).

This film only has a graphic symbol, and a static type text. With this tutorial you will also learn to use the following panels, panel TRANSFORM, INFO panel and ALIGN panel. In this work we can do a variety of variants and then I show two variations of this tutorial Adobe Flash CS4. Good luck!!!.

Step 1
Create the document which is going to work, (Ctrl + N).
Select either option Flash File (ActionScript 3.0) or Flash File (ActionScript 2.0).

rotated-360-degrees-01.gif

Step 2
Place the document Properties (Ctrl + J).
Document dimensions are 500 px width * 400 px height.
Use as background color # FFFFFF.
Frame rate 25 fps.

rotated-360-degrees-02.gif

Step 3
Insert the only sign that this constituted the flash animation (Ctrl + F8).
Register as a name to this command (text).
Select the Type (Graphic).

rotated-360-degrees-03.gif

Step 4
Once you're located in the command (text) to make visible the Properties panel (Ctrl + F3).
Then select the Text tool (T), the properties of the text are: Static text, select the font you like, font size is 95.00 pt and used as color # 3366CC.
When you have the different properties of static text you type the word ADOBE.

rotated-360-degrees-04.gif

Step 5
In this step you will learn to use the TRANSFORM panel (Ctrl + T).
First select the written text, then make the panel visible TRANSFORM (Ctrl + T).
Check the box constrain, then place the 150% or more percentage in any of the boxes width scale or scale heigth.
This action will increase the text size in the same proportions across both as above.

rotated-360-degrees-05.gif

Step 6
Now learn to place the text in the center of the document.
Highlighting the INFO pane (Ctrl + I), select the box marked as shown in step 2, the panel of info.
Then put the X: 0.0 Y: 0.0. As shown in steps 3 and 4.

rotated-360-degrees-06.gif

Step 7
From this step onwards began to make itself the animation for the text to rotate 360 º on its axis.
First return to the Scene, then open the LIBRARY panel (Ctrl + L).
Once you open the Library panel onto the stage dragging the symbol (text).

rotated-360-degrees-07.gif

Step 8
In the next step to make visible the ALIGN panel (Ctrl + K).
Select the symbol is inserted, and the Align panel select the To box stage.
Then select the boxes as shown in the Align panel in steps 4 and 5.

rotated-360-degrees-08.gif

Step 9
Select the Layer 1 frame.
Then select Insert >> Motion Tween.
This step will automatically insert an animation of 25 frames.

rotated-360-degrees-09.gif

Step 10
Drag the timeline (animation) to Frame 30, as shown in the picture.

rotated-360-degrees-10.gif

Step 11
Missing only two more steps to end the text animation.
Select the Frame number 15, then make visible the TRANSFORM panel (Ctrl + T).
Skew Check the box and then type the number 180 in the box Vertical Skew.

rotated-360-degrees-11.gif

Step 12
In this step, select the Frame number 30.
In the Transform panel Vertical Skew in the box to replace the number 180 by the number 360.
With this action, the text back to its original position and so the text will rotate 360 degrees on its axis.
So far the tutorial is finished, well done.

rotated-360-degrees-12.gif

The following image is only for show as it is the timeline with the inserted animation.
If you have questions or suggestions just leave your comment and soon will have an answer.

rotated-360-degrees-13.gif

To view the animation press Ctrl. + Enter Until the next tutorial.

View swf movie

Download File FLA

Register here to comment and rank Tutorials and Articles

 
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