- Publishing to the Web and CD
- Customizing Publish Settings
- Creating a standalone, full-screen projector
- Exporting to video
Before starting, make sure that your tools and panels are consistent by resetting your preferences. See “Resetting the Flash workspace” on page 3.
You will work with several files from the fl14lessons folder in this lesson. Make sure that you have loaded the fllessons folder onto your hard drive from the supplied DVD. See “Loading lesson files” on page 3.
In this lesson, you won’t be creating a movie or even a piece of one. Instead, you’ll be publishing existing movies to the Web and CD-ROM. You will also learn how to customize Publish settings to adapt Flash content for a variety of applications and, finally, you will create a Flash projector file to deploy your Flash movies as standalone files.
By now you should be very familiar with the Test Movie command. As you learned in previous lessons, the command generates an SWF file so that you can preview how your animation looks and how well its interactive elements behave.
Although Test Movie works very well for preview purpose, the Publish command gives you a much wider range of options. By default, the Publish command creates an HTML page with your SWF file embedded into it for display in a browser. You can also specify other file types such as web-ready image formats (JPEG/GIF/PNG), standalone projector files and more.
For viewing in a web browser (the most common option), a Flash file must be embedded into a web page. Flash’s Publish command does all the work for you by creating an SWF file, as well as an HTML file (web page) that has your SWF file embedded into it. Once you have published these files you can easily upload them to your web site to display your work to the world.
Before you publish, you may want to explore, and work with, some of the Publish settings that can tweak the appearance and behavior of your movie, as well as generate any additional file types you may need.
The default settings are fine for many situations, but you can customize the Publish settings for better results. Give it a try:
1 From the fl14lessons folder, open the file named fl1401.fla, which is an animated footer for a web site.
2 Choose File > Publish Settings to open the Publish Settings dialog box. The dialog box is initially composed of three tabs: Formats, which lets you choose the publish format; Flash, which contains settings for the FLA file you’re publishing; and HTML, which enables you to customize the associated HTML file. By default, Flash is already set to publish a Flash movie and embed it in an HTML page. If you choose another format in the Formats tab, additional tabs related to that format appear. For now, keep the default Format settings.
Open the Publish Settings dialog box through the File menu.
3 Click the Flash tab. The settings here control how the Flash movie you publish is created. They are grouped into three general sections: SWF file options, image options, and audio options. Make sure that Player is set to Flash Player 10, and ActionScript is set to ActionScript 3.0. By default, the Flash Player version is set to the most recent version available. In addition, Flash automatically sets the ActionScript version to match the choice you make when you choose ActionScript 2.0 or 3.0 when first creating a document.
4 In the Advanced section, click to turn on the Protect from import checkbox, if necessary, and in the SWF Settings section, click to turn off the Include hidden layers checkbox, if necessary,. The Protect from import option prevents a user from downloading your Flash movie and reimporting it into Flash to reuse. Deselecting the Include hidden layers option ensures that layers that are hidden are not included in the published file.
Adjust your movie’s Publish settings.
5 Lower the JPEG Quality slider to 85 to increase the amount of compression on the bitmap images in your movie, and lower the file size.
Drag the JPEG quality slider to 85.
Review the descriptions on the HTML tab.
7 Make sure the Detect Flash Version checkbox is selected. This configures your document to detect the user’s version of Flash Player and redirects the user to download the latest version of Flash Player if the targeted player isn’t installed.
8 Select Percent from the Dimensions drop-down menu. The Dimensions menu sets the display size of the Flash movie in your HTML page. Make sure Width and Height are both set to 100 percent to ensure that the movie scales to fit the size of the browser window.
9 In the Playback options area, make sure the Display Menu checkbox is selected. The playback options control how the Flash movie behaves when loaded into the browser. With Display Menu on, the user can display a context menu by right-clicking (Windows) or Ctrl+clicking (Mac OS) on the Flash movie in the browser.
10 Choose Best from the Quality drop-down menu to ensure that the Flash movie displays at its highest possible quality setting. Be aware that this setting has a downside: specifically, the processing time needed to achieve Best quality is longer than for lower settings.
11 Leave Window Mode, HTML Alignment, and Scale at the default settings. Window Mode controls the appearance of the box in which the SWF file appears; you can use it to create an SWF file with a transparent background. HTML Alignment controls the position of the SWF file window in the web page. Apply Scale only if you changed the SWF file’s original dimensions.
12 Next to Flash Alignment options, set Horizontal to Center and Vertical to Top, which places the SWF file in the upper-middle portion of the browser window.
Choose Center from the Horizontal field and Top from the Vertical field.
13 Click the Publish button to publish your file with the settings you’ve chosen. Click OK to close the Publish Settings dialog box and File > Close to close the file. You may be asked if you want to save the changes, if so, click OK or Save to save changes.
In the lesson files folder, you should see a newly created fl1401.swf and fl1401.html file sitting in this folder. Double-click the HTML file to view your published movie in a browser.
Learn Flash with this Adobe Flash Tutorial based on the book written by AGI's Adobe Certified Instructors and used in AGI's Adobe Flash training classes. This Flash tutorial is provided free of charge for you to learn Flash on your own and to see the quality of the Flash book, Flash training, and Flash tutorials created by AGI. To learn Flash with the help of one of our expert instructors please visit AGI's training website. If you are interested in buying this Flash training book you can buy it on-line at Amazon.com or at your favorite local book store. The team at AGI hopes that you find this Adobe Flash tutorial a useful way to learn Flash.