Join David Gassner for an in-depth discussion in this video Creating a simple slideshow presentation, part of Flash Professional CS5: Code Snippets and Templates.
In Flash Professional CS5, new file templates are provided that allow you to easily create PowerPoint style presentations. These presentations are designed as slide decks. They can be controlled using keyboard and mouse gestures. There are two such new file templates included in Flash Pro CS5, the Simple Presentation and the Advanced Presentation. I'll start with the Simple Presentation in this video. I'll create a new file, based on this Simple Ppresentation template, and then I'll run it. The Simple Presentation can be controlled only using the keyboard.
You can use the right and left arrows to navigate forward and back through the slide deck. You can also navigate forward by pressing the spacebar. Let's take a look at how this Flash presentation is designed. There is one frame for each slide in the deck, all stored in a layer name Slides. There is also a Background layer and you can use this to add your own content in the background which I'll do in this demonstration. Let's take a look at what's in the background already. I'll right click on the Background layer and select Hide Others and then I'll resize the presentation to fit into the window and show that the existing background has a bar across the top and across the bottom, with a little bit of footer text down at the bottom.
That's why that footer text appears on every slide. Notice in the Background layer that there is a single keyframe in Frame 1 and then normal frames throughout the rest of the presentation. So anything you put into the Background layer will persist for the entire presentation. I am going to customize this presentation. I'll go to the Background layer, right -click on it, and choose Lock Others. Then I'll press Ctrl+A on Windows or Command+A on Mac and delete, leaving the background blank. Now I'll fill this in with my own visual background, which I provided in the exercise files in a separate Flash file.
I'll select File > Open, and then from the Ch07_RichMedia folder I'll open SlideShowBackground.fla. This Flash presentation has just as very simple graphic. Sized at 800x600 pixels, it's been designed to match the new file template that I'm using. This background is stored in a Library sample named grBackground. I'll click on the instance of this symbol on the Stage and then copy it to the Clipboard. Then I'll go to my new file that I'm working on, and then I'll paste it into the same location into the Background layer by selecting Edit > Paste in Place.
Now, this background will appear on all of the slides in my presentation. I'll run the presentation. Notice that the first slide has its own background. We'll deal with that in a moment, but then as I start navigating through the remaining slides, I now see my custom background. In order to change the slides, simply go to the Slides layer, Lock Others and Hide Others, and then you should be able to modify the slides as needed. So, for example, I am going to go to the first frame. I'll select everything by pressing Ctrl+ A on Windows or Command+A on Mac, then holding down the Shift key, I'll deselect the three text objects, and I'll press Delete.
The text objects look like they are no longer there but that's because they are now white on a white background. To make them easier to work with, I'll change this Stage color in the Properties for the document to a medium grey. The viewer of this Flash presentation won't actually see that medium grey. It'll be covered by the background graphic. But while I am editing the text, I'll be able to see any white text that appears. I'll run the presentation again and now the background graphic appears on all of the slides, including the first one. Finally to make changes to the text, simply go to each slide, one at a time, and change the text as needed.
If you need to add a slide, make sure you do so in both the Slides and the Background layer. I'll select the first empty frame in both layers and then go to the last frame and add a keyframe and you can now modify the text in this new slide. Similarly, if you need to move slides around, just drag the frames around and if you need to delete a slide, delete the appropriate frame. Just make sure that the length of the Background layer matches the length of the slides layer at all times. Otherwise your background will disappear. So that's a look at how to create your own simple slideshow, using the template that's provided with Flash Professional CS5.
- Touring the Code Snippets panel
- Adding simple and complex code snippets
- Handling mouse and keyboard events
- Starting and stopping video and sounds
- Loading external SWF files, images, and text
- Customizing code snippets
- Understanding template types and categories
- Replacing template content
- Creating a slide show