A Flash Developer Resource Site


World's Favorite Flash Tool 200,000 users and growing!


Create Flash animations without coding with FlashEff


Turn Flash in Desktop App or Widget. Win & Mac.


FreeSpin3D – 3D in a Flash. Real-Time 3D for Developers and Designers.


 
Search
 


eBook: What to Expect With Virtualization. Learn about the benefits of this exciting technology as well as the risks and make sure your IT organization is ready. Download this eBook to learn more!

Turbo Screen Sharing
Adobe Acrobat Connect Professional offers users the ability to have a more productive and engaging web conferencing experience while providing the IT department with a program that efficiently utilizes bandwidth and minimally impacts the infrastructure. Learn More! »

Informal Learning: Extending the Impact of Enterprise Ideas and Information
Forward-thinking organizations are turning to enterprise learning in their quest to be better informed, better skilled, better supported at the point of need, and more competitive in their respective marketplaces. Learn More! »

Rapid E-Learning: Maturing Technology Brings Balance and Possibilities
Rapid e-learning addresses both time and cost issues by using technology tools to shift the dynamics of e-learning development. Learn why more skilled learning professionals use these tools and how you can get a solution to keep pace with your business demands. »

Delivering on the Promise of ELearning
This white paper defines the framework to launch e-learning as a set of teaching, training, and learning practices not bound by a specific technology platform or learning management system. It offers practical suggestions for creating digital learning experiences that engage learners by building interest and motivation and providing opportunities for active participation. »
Featured Flash FLA
Gallery Downloads 11189 Flash Movies | 7 New Flash Movies Added
What's New | Top 100

Featured FLA

» Author: Flash Crazy
» Title: Paper Plane 2
» Description: The movie is an animation of a paper plane.
» More by Flash Crazy


Random FLAs | Add Flash Movie
Featured Flash Site
Gallery Downloads 6615 Flash Sites | 8 New Flash Links
What's New | Top 100 Flash Site

Featured Site

» Posted in the Flash Kit Links section
» Title: zCube Web Design Port Folio
» Comments: zCube WebDesign Studios. The online portfolio of zCube By Singaporean web designer Zizhong.


Random Links | Add your own Flash Related Links
Flash Tutorials 1170 Tutorials 7 New Tutorials Added!
What's New | Top100

» Create Graduation Photo Slideshow to Cherish School Memories
» Making movieclips point at the mouse
» Create Flash slideshow for Youtube
» Move a sprite with the keyboard
» Convert FLV to AVI video with DIVX codec to author a desired video with your favorite FLV movie!
» Flash Video Conversion Guide for Apple TV
» How to Convert FLV to iPhone movies
» Convert FLV(Flash Video) video to Cell Phone
» Convert FLV to AVI with XviD video codec to enjoy a DVD quality video with half of its size
» Unknown Tag: Title10
Random Tutorial | Add Site

bbm.netBBM.net is designed to save you time and deliver the highest quality royalty-free music for your multimedia projects. Features include: over 450 Music Loop Packages from some of the best composers in the business, our music search engine to speed your selection process, alternate music versions & bonus sounds to use for rollovers or transitions, free technical support and free consulting.

Click here for details »

Web Developer
Aquent
US-CO-Denver

Justtechjobs.com Post A Job | Post A Resume


Tutorials Home What's New Top Rated Submit myTutes Random!

Search Tutorials


Tutorials Tutorials » Animation

Categories Frame-by-frame Animation
Author: Vivian Dong | Website: http://www.sothink.com./product/swfquicker/index.htm |

 
Page 1
1

Here I will let you know what fame-by-frame animation is with a simple sample. Take your earphones, you can feel more about the couple's quicksteps.



As we know, tweened animation is an effective way to create movement and changes over time, but it is not suit to complex animation, just as the action of creeping here. The contents in every frame are different and you have to create a different image for each frame. That’s what I want to tell you in the following—Frame-by-frame animation. First, please download twelve images which are the different appearances of snail and also some materials including sound file and the house image here materials.rar (56.63 KB)

1. Launch SWF Quicker; Import the twelve prepared images to library. Now they are listed in library. In properties panel, select a background color and set the size of canvas as Width: 625; Height: 300.
Tips: To import multiple files at one time, you can press Shift or Ctrl to select them.

1.GIF


2. Press Ctrl+ F8 to create a new movie clip symbol and name it snail. Now, you enter into movie clip-editing mode.

3. Insert a keyframe in frame1-12 respectively. Click frame 1 and drag the symbol image 1 from library to canvas, and then click frame 2 and drag the symbol image 2 to canvas. Use the same method until you put different images in each keyframe. Remember to position these images as X: 0, Y: 0.

2.GIF



4. Again to create a new movie clip, use text tool to write words on the canvas. I write "Nothing Gonna Stop Us!" as the topic. After that, right-click the text and choose Effect->Create effect. Select the effect you like.
Tips: To add more than one text effect, you should first insert a keyframe in the frame where you want to start the next text effect, and then continue effect adding.

3.GIF


5. Back to the main movie. In frame 1 of layer 1, drag the symbol "snail" twice to design window and put them in proper position. Insert a new layer and drag symbol "text" to the design window, and also put it in proper position.

6. You can also give this animation a sound. In this tutorial, I present a sound to imitate the running of snail. In Library panel, click the movie clip "snail" to enter into movie clip-editing mode and insert a new layer. I will add the sound in the keyframe, which we see the feet of the snail are on the ground. After my carefully observing, frame 3 and frame 10 are the right ones. Import sound file run.wav to library. Insert keyframes in the two frames and drag sound symbol from library to canvas; the sound will be added to timeline automatically.

4.GIF



OK, the work is almost done, you can place something in front of the snails, like cake, whiskey, crystal... all are depending on your imagination. I present them a lovely house.
That's it. Surely you are on the right track!

5.GIF


Glad to share time with all of you!


Click run.rar (99.08 KB) to get source file.

1

» Level Basic

Added: : 2006-05-09
Rating: 6.20 Votes: 10
Hits: 368
» Author
I use Sothink SWF Quicker for TWO years. I am happy to introduce this Flash Maker and share the learning experience with you friends in Flash Kit.
» Download
Download the files used in this tutorial.
Download (0 kb)
Get conversion and unzipping tools for PC and Mac here!

» Forums
More help? Search our boards for quick answers!

Please rate this tutorial, 10 is the top rating, you can also click the comments link to read/write a review.
10 9 8 7 6 5 4 3 2 1
Read or Post Comments
 
   
 



JupiterOnlineMedia

internet.comearthweb.comDevx.commediabistro.comGraphics.com

Search:

Jupitermedia Corporation has two divisions: Jupiterimages and JupiterOnlineMedia

Jupitermedia Corporate Info


Legal Notices, Licensing, Reprints, & Permissions, Privacy Policy.

Advertise | Newsletters | Tech Jobs | Shopping | E-mail Offers