Flash Shape Tween - tutorial for begginers

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.

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

written by GayBoi11 , September 14, 2008

hey
to above
whats your number?

written by diface , January 29, 2009

what do you call a shape running along a line>>>path tween

written by jack matthews , March 10, 2009

i cant get shape tween on my flash, i only have motion tween, how can i get the shape tween?

written by vishu , September 09, 2011

how to create rain effect in adobe flash

Do you need more help? Ask now!

Comment
Name
Email
Website
	Add Comment

Trackback(0)

Comments (14)