logo
g Text Version
Beauty & Self
Books & Music
Career
Computers
Education
Family
Food & Wine
Health & Fitness
Hobbies & Crafts
Home & Garden
Money
News & Politics
Relationships
Religion & Spirituality
Sports
Travel & Culture
TV & Movies

dailyclick
Bored? Games!
Nutrition
Postcards
Take a Quiz
Rate My Photo

new
European Travel
Action Movies
Bible Basics
Houseplants
Romance Movies
Creativity
Family Travel


dailyclick
All times in EST

Full Schedule
g
g Flash and Animation Site

BellaOnline's Flash and Animation Editor

g

Make Your Own Flash Slideshow Template


In the last FlashR slideshow tutorial, we encountered a problem. The ending fade out transition for image4 doesn't overlap the fade in transition for image1. We will need to make some adjustments. We can move the fade in transition for image1 to the end of the animation so that it will overlap the fade out transition for image4.

  1. On Frame 2 of the image1 layer, hold down the Ctrl key on your keyboard and click and drag on Frames 2 through 10 to select these frames. Right-click on the selected frames and choose Remove Frames. Now we have image1 at 100% Alpha on Frame 2 but our transitions do not overlap.

  2. Now remove Frames 2 through 10 for the other three image layers. When we do this, the transitions overlap again and the animation ends on Frame 271.

    The fade out transition for image4 now spans Frames 261 to 271. We will add the fade in transition for image1 on Frames 261 to 271 so that they overlap.

  3. On the image1 layer, add a Keyframe to Frame 261 and 271.

  4. The Alpha is already set to 0 on Frame 261. Set the Alpha to 100 on Frame 271.

    Now we can test the movie and see that all of our transitions are overlapping. The last adjustment we need to make is to tell Flash to repeat the animation when it reaches the end. We will add the code to tell Flash to go back to Frame 2.

  5. On the Actions layer, add a Keyframe to the last frame of the animation. Open the Actions panel and add this code.

    stop();
    gotoAndPlay(2);

  6. Create a new folder in the Library and name it "image assets". Drag the four psd files and the four movie clips into this folder.

    Now we have our slideshow working just as we want, we can save it as a template.

  7. From the Menubar, click File Save as Template. In the dialog box, give your template a name such as Simple Slideshow. You can create a new category just for your templates or choose a category from the list.

    To add a new category, type the category name in the text box. I usually create a category named "dCipollo" for my templates. It's easy to remember.

    Add a description for your template such as "Simple Slideshow with 4 placeholder images". Click Save and Flash will add this new template to the other templates that it stores in it's templates folder.

To use your new template, click File New. From the New from Template dialog box, you can open your template.



Join us in the Digital Art and Design forum.





Add Make+Your+Own+Flash+Slideshow+Template to Twitter Add Make+Your+Own+Flash+Slideshow+Template to Facebook Add Make+Your+Own+Flash+Slideshow+Template to MySpace Add Make+Your+Own+Flash+Slideshow+Template to Del.icio.us Digg Make+Your+Own+Flash+Slideshow+Template Add Make+Your+Own+Flash+Slideshow+Template to Yahoo My Web Add Make+Your+Own+Flash+Slideshow+Template to Google Bookmarks Add Make+Your+Own+Flash+Slideshow+Template to Stumbleupon Add Make+Your+Own+Flash+Slideshow+Template to Reddit



 



RSS | Related Articles | Editor's Picks Articles | Top Ten Articles | Previous Features | Site Map


For FREE email updates, subscribe to the Flash and Animation Newsletter


Past Issues


print
Printer Friendly
bookmark
Bookmark
tell friend
Tell a Friend
forum
Forum
email
Email Editor


Content copyright © 2014 by Diane Cipollo. All rights reserved.
This content was written by Diane Cipollo. If you wish to use this content in any manner, you need written permission. Contact Diane Cipollo for details.

g


g features
Motion 5 Parallax Effect - The Graphics

Animate Lower Third in Motion 5

Drop Zone and Lower Third in Motion 5

Archives | Site Map

forum
Forum
email
Contact

Past Issues
memberscenter


vote
Poetry
Daily
Weekly
Monthly
Less than Monthly



BellaOnline on Facebook
g


| About BellaOnline | Privacy Policy | Advertising | Become an Editor |
Website copyright © 2014 Minerva WebWorks LLC. All rights reserved.


BellaOnline Editor