Latest tutorial: Premium Flash Files | Ask Tutorial5! | Subscribe to RSS Register Login Find Hobbies
Advertisement

Get tutorials on EMail




Do you need more help? You can now Ask Tutorial5! and get free support - Ask a question now!

Flash Shape Tween - tutorial for begginers

(34 votes)
Written by AnaS   

In a Shape Tween you can't use Symbols (MovieClips, Buttons or Graphics), text or group unless you first break them apart into shapes (select them and choose Modify >> Break Apart, or select them and press CTRL+B)
Let's begin!

1. Create a new Flash document, about 200x200. Save it as FlashShapeTween.fla. Rename the first layer shapes.
2. In the first frame of the shapes layer draw a circle. Select the Oval Tool (O) from the Tools panel. In the Properties Inspector choose none for the Stroke Color. Hold Shift key to draw a perfect circle.
3. Select the circle and in the Properties Inspector set: W:190.0, H:190.0, X:5.0, Y:5.0. Also choose a red color.
4. Go to the frame 5 of the shapes layer, right-click and select Insert Keyframe (F6).
5. Now select the frame 5 of the shapes layer and from the Properties Inspector choose Shape from the Tween Drop Down List.
6. Go now to the frame 25, right-click and select Insert Blank Keyframe. From the Properties Inspector choose Tween: None.
7. Draw a square here using the Rectangle Tool (R). In the Properties Inspector set for the rectangle: W:190.0, H:190.0, X:5.0, Y:5.0 and a yellow color.
8. Go to the frame 30 of the shapes layer, right-click and select Insert Keyframe (F6). From the Properties Inspector choose Tween:Shape.
9. Go now to the frame 50, right-click and select Insert Blank Keyframe. From the Properties Inspector choose Tween: None.
10. Using the text tool write a X letter. From the Properties panel set font: Arial, size: 165, and a blue color. Choose Window >> Align (CTRL+K) and align the text in the center of the Stage (both horizontal and vertical).
11. Now select the text and choose Modify >> Break Apart (CTRL+B).
12. Go to the frame 55 of the shapes layer, right-click and select Insert Keyframe (F6). From the Properties Inspector choose Tween:Shape.
13. Go now to the frame 75, right-click and select Insert Blank Keyframe. From the Properties Inspector choose Tween: None.
14. Go back to the first frame and copy the circle from there. Then come to the frame 75, right-clic and choose Paste in Place.15. Go now to the frame 75, right-click and select Insert Keyframe (F6). From the Properties Inspector choose Tween: None.
15. Now test the movie (CTRL+Enter) and see the result.

You need to Register in order to download the FLA file.



Hope it hepls!

Subscribe now via RSS feed and get all the new tutorials

written by Chinmoy , August 19, 2007

I want to learn drawing structures using AutoCAD as a very beginner.
Take me as a KG group lerner in AutoCAD. I passed 3-year Diploma course in Civil Engineering. Thanks for help.
written by Anonymous , August 22, 2007

And so you posted a request for folks to assist you with AutoCAD on an item about teaching people Flash... a completely different technology... Have you considered taking a 3-year Diploma course in Basic Reading?
written by curious , September 04, 2007

it would have made sense if you used images like most tutorials have. some people get lost in between it.
written by Ahmed Abed , September 16, 2007

Why did we add blank keyframes ??
What does the blank keyframes do in general ??
written by asd , October 29, 2007

mr sheehan what you know bout space
written by asd , October 29, 2007

Addddoooooobbbbbeeeeeeeee Photoshop
written by asd , October 29, 2007

sup casey
written by John Valcheff , October 29, 2007

Brian Peppers!!!!!!
written by Cecilia , February 10, 2008

Follow the instruction it works perfectly. But why when I change the shape or text it dont tween anymore. why! Pls adv.
written by Slim420 , February 23, 2008

Good job! Finally a complete beginner tutorial that works! Thank you very much for this.

Slim420

Do you need more help? Ask now!
 

busy
Last Updated ( Saturday, 22 March 2008 )