Adobe Fireworks CS3 Tutorials
Creating Slideshows & Animations / Creating Slideshows
Visitors to VTC.com will be able to view all introductory videos for each training course.
Free Trial Members will gain access to first three chapters for each training course.
Full Access Members have full access to VTC.com�s entire library of video tutorials.
Learn More
Subtitles of the Movie (Adobe Fireworks CS3 / Creating Slideshows & Animations / Creating Slideshows)
Fireworks is a great tool for quickly and easily creating moving graphics and slideshows for use as banner ads, animated logos, cartoons and much, much more. Slideshows can be created using a built-in command that generates Flash or HTML SPRY-based slideshows by simply selecting a folder with images and then adding your slideshow options. That's what I've done here in this example. This is a Flash-based slideshow, but you can also create HTML-based slideshows. One way to create animations in Fireworks is by creating symbols and changing their properties over time to produce the illusion of motion. The action of each symbol is stored in a frame, and then when you play all of the frames together in a sequence you get the illusion of an animation. So, in this section of the tutorial, I cover both how to create animations and slideshows, but let me start with a demonstration of the slideshow feature, and then later I'll cover animations with symbols. Now you can use this Slideshow command to carry out a variety of tasks. You can export full-sized and thumbnail images at the same time. You can automatically generate an XML file with multiple albums, or export an XML file without a slideshow by specifying a directory of images. You can also export full-sized and thumbnail images without creating a slideshow, or edit an existing slideshow's properties and then add multiple albums to a single slideshow. You can add additional images to an existing album. View and rotate images in the Create Slideshow Preview window. Sort images within an album, remove unwanted images, and or albums. Apply image intervals, these are how long the image stays on the screen. You can do this in either seconds, for a specific album, or for all albums. You can apply Slide Transitions. Notice that the transition here is a simple fade-in and fade-out to all of your albums. You can also export the slideshow to a specific folder, or use a default Fireworks Album Player for your slideshow, or find more players on the Fireworks Adobe Exchange site. Now, to create slideshow output is built so that any Flash designer or developer can build a Fireworks Album Player in Flash that uses this generated XML output, so if you know Flash, you can create sophisticated custom playback players and other options that go along with the slideshow. Let me go ahead and close my browser window, and demonstrate in more detail how to build and edit the slideshow. The Create Slideshow Command allows you to create a Flash-based or non-Flash slideshow by selecting a folder with images, and then adding slideshow options. So, let me go ahead and do that. First, let's choose from the Main menu, Commands, Create Slideshow, that brings up the Create Slideshow dialog. Now when you're first starting, you won't have any albums. Notice there's an Album Section, an Images Section, and then a Settings or Properties Section over here to the right. So let's go ahead and click on the plus button right there, Add an Album, and let's go ahead and create an album, not of current open files, these will be files that are open in Fireworks, but I think more conveniently, you can choose a Custom Option, and that'll allow you to select your photos. I've already pointed my computer to a folder called "photos" with all of my images. Select them all and click on Done, and then click OK to close the files to process dialog, and then you'll see the name of your folder right here, Folder Name and Title. If you click on that, you'll see a list of your images, as well as a preview over here in the lower right-hand corner. Notice that you can re-arrange the order of these images by clicking on the Move Selected Images Up or Down buttons. Let's go ahead and move 292 all the way up to the top. You can also delete selected images by clicking on the Remove or Delete Selected Images button. You can add a title and a description to your album book. Let's go ahead and click on the Export Options, and very quickly export a sample to make sure that everything is set up okay. Make sure you choose Export Images, and Generate XML. Go ahead and choose the Temp Folder, and make sure that says Temp, and then click on the Select Temp button there, or the name of the folder where you want to export your slideshow. My width and height are 320 by 240, the default. I'm going to export thumbnails of 80 pixels high and wide. Image quality will be 80 in the JPG quality setting, and I'm going to Enlarge Images to Fit. That should work okay. Now, let's go ahead and click on the Create button, once you've set up all your options and have your images all lined up. Now I've already created another slideshow called Photos, so I'm going to overwrite that one, and Fireworks goes a head and processes the XML, the HTML, and all of the Image files that it will need to create the slideshow. It also generates a Shockwave file. In this case I used the default player, which was a Shockwave Flash player. Let's go ahead and Launch the slideshow in my browser, so I can just check to make sure that everything's working okay. Internet Explorer warns me that I have blocked content. Let's go ahead and clear those warnings, and there is my slideshow, my album book, Sample Album, and there's my Photos Album description, so I can go ahead and change all of these settings back here in my Create Slideshow dialog, I can also pause and play the slideshow. Let me now move on to the next movie and go over in more detail, the various settings you have over here to the right, including Album Properties, Album Book Properties, Captions, Filters, Slideshow Properties, and Export Options.
Tutorial Information
| Course: | Adobe Fireworks CS3 |
| Author: | James Gonzalez |
| SKU: | 33836 |
| ISBN: | 1-934743-42-9 |
| Release Date: | 2008-01-25 |
| Duration: | 8.5 hrs / 93 lessons |
| Work Files: |
Yes |
| Captions: | No |
| Compatibility: |
Vista/XP/2000, OS X, Linux QuickTime 7, Flash 8 |
VTC Sign up & Benefits
- Unlimited Access
- 81,350 Video Tutorials (14,200 free)
- Video Available as Flash or QuickTime
- Over 715 Courses
- $30 for One Month Access
- Multi-User Discounts Available
