Join Paul Trani for an in-depth discussion in this video Reusing custom animation, part of Creating a First Web Site with Flash Professional CS5.
Once you create any animation, you can easily save it and reuse it as many times as you want.…That's what I want to do here.…I've this sort of a cool rotate in, in 3D space for this content for the Home page.…And I want to reuse it for the content for all the other sections.…So, all I need to do is select this motion tween in the Timeline.…If I do a right-click on it, I can save it as a motion preset.…So I'm going to select that.…I can give it a specific name.…
So Rotate in 3D is what I'll call it. And select OK.…All right, you're probably wondering where it put it.…Well, it of course goes in the Motion Presets panel, right in here under Custom Presets.…So you can save as many as you want.…They'll all be listed right in here.…Then if you want to use them, all you have to do is to go to that movie clip…that you want to apply that Rotate in 3D preset too.…
And with this selected, make sure that tween is selected.…You can click Apply.…Now I can see that sort of rotate in 3D space.…Notice how it does actually position it down here.…
Author
Paul Trani
Released
7/27/2010- Understanding web design
- Creating buttons and web graphics in Photoshop
- Formatting text with the Text Layout Framework
- Using the Timeline
- Creating a custom looping animation
- Loading images in a gallery
- Creating invisible buttons
- Adding music and video to a site
- Customizing video playback controls
- Optimizing and publishing a web site
Skill Level Beginner
Duration
Views
Q: I followed all the steps and suggestions in the "Adding a progress bar" video, but when I add the progress bar to my web site, I can’t remove it once the index.swf file loads up. The progress bar remains on the homepage and the rest of the pages. How do I make it disappear once the site loads?
A: To make it disappear, just make sure the progress bar is only in frame 1. If it’s on its own layer, then right-click on the 2nd frame in that same layer and select "Insert Blank Keyframe." That will make it disappear.
Q: Despite following the steps in the "Adding a progress bar" video, I cannot figure out how to keep the progress bar from appearing on a movie that has finished loading. How can I make the progress bar disappear?
A: Just add the red line below to the preloader.fla file. This will make the progress bar invisible:
-
Introduction
-
Welcome58s
-
-
1. Getting Started
-
Understanding web design3m 56s
-
-
2. Creating Graphics and Text
-
Creating the first graphic2m 54s
-
Creating a symbol2m 44s
-
Creating buttons6m 38s
-
-
3. Importing Graphics
-
Importing an image2m 24s
-
Importing Photoshop files7m 17s
-
-
4. Adding Transitions
-
Using the Timeline3m 42s
-
Adding preset animation8m 13s
-
Creating 3D animation2m 55s
-
Reusing custom animation2m 53s
-
-
5. Adding Interactivity
-
Adding button functionality10m 15s
-
Linking to a web site2m 22s
-
-
6. Creating a Gallery
-
Loading an external image3m 59s
-
Creating invisible buttons4m 20s
-
-
7. Adding Video
-
Adding video9m 51s
-
Adding custom video controls5m 14s
-
Syncing graphics with video7m 54s
-
-
8. Adding Audio
-
Adding music3m 48s
-
Adding audio to buttons4m 56s
-
-
9. Integrating a Contact Form
-
Creating input text fields6m 39s
-
Accessing the input data7m 46s
-
-
10. Testing and Publishing
-
Adding a progress bar6m 4s
-
Optimizing a web site8m 19s
-
Publishing a web site5m 36s
-
-
Conclusion
-
Goodbye15s
-
Take notes with your new membership!
Type in the entry box, then click Enter to save your note.
Press on any video thumbnail to jump immediately to the timecode shown.
Notes are saved with you account but can also be exported as plain text, MS Word, PDF, Google Doc, or Evernote.
Share this video
Embed this video
Video: Reusing custom animation