Programming C, C++, Java, PHP, Ruby, Turing, VB
Computer Science Canada 
Programming C, C++, Java, PHP, Ruby, Turing, VB  

Username:   Password: 
 RegisterRegister   
 [Tutorial] Simple Motion Tweening
Index -> Graphics and Design, Web Design -> Flash MX Tutorials
View previous topic Printable versionDownload TopicRate TopicSubscribe to this topicPrivate MessagesRefresh page View next topic
Author Message
Delta




PostPosted: Thu Feb 05, 2004 12:01 am   Post subject: [Tutorial] Simple Motion Tweening

In this tutorial I will be showing you a very easy but also very useful technique, motion tweening. I will be explaining step by step how to make the animation you see below.

Step 1 : Setting up the document

Open a new flash document, open the properties panel if its
not already opened (ctrl+F3). Then set the dimensions to 300 px
by 100 px, fps at 10 and background colour to black.

Step 2 : Drawing your shape


Ok now to draw your shape, which in this case is gonna be an
oval. Click on the oval tool (O). Then draw an oval on the left
side of the black box.

Step 3 : Changing your shape to Symbol

Select your oval with the arrow tool (V) (the black arrow). Then
draw a box around your oval with it. There should be little dots
all over the oval. Now right click and goto convert to symbol
(ctrl+F8 ). You can name the symbol whatever you want or just
leave it as Symbol 1. Now click behavior movie clip and click ok.

Step 4 : Creating the Motion tween

Bring up your timeline if it isn't already up (ctrl+alt+T). Then
click on frame 20, right click and goto insert keyframe(F6). Now
while on frame 20 drag the oval to the right side of the screen.
Goto your timeline and select frames 1 to 20, right click and click
create motion tween. Now run your animation (ctrl+enter) for
full screen or just enter to watch it as is.

I hope this tutorial proved useful to all the new flash users out there.



motion tween.swf
 Description:
 Filesize:  296 Bytes
 Viewed:  2320 Time(s)




Sponsor
Sponsor
Sponsor
sponsor
Display posts from previous:   
   Index -> Graphics and Design, Web Design -> Flash MX Tutorials
View previous topic Tell A FriendPrintable versionDownload TopicRate TopicSubscribe to this topicPrivate MessagesRefresh page View next topic

Page 1 of 1  [ 1 Posts ]
Jump to:   


Style:  
Search: