background image

USER GUIDE

PROFESSIONAL

ADOBE

®

 FLASH

®

 CS

3

Summary of Contents for AFTER EFFECTS CS3

Page 1: ...USER GUIDE PROFESSIONAL ADOBE FLASH CS3...

Page 2: ...Inc registered in the U S and other countries All other trademarks are the property of their respective owners This product includes software developed by the Apache Software Foundation www apache org...

Page 3: ...ntent with Adobe Device Central 55 Working with projects 60 Adding media to the library 64 Working with timelines 68 Working with scenes 74 Find and Replace 76 Templates 79 Chapter 4 Adobe Version Cue...

Page 4: ...instances and library assets Working with symbols 207 Working with symbol instances 212 Library assets 216 Using shared library assets 218 Working with button symbols 220 Scaling and caching symbols...

Page 5: ...s 347 Extending learning interaction scripts 349 Chapter 17 Creating accessible content About accessible content 352 Using Flash to enter accessibility information for screen readers 355 Specifying ad...

Page 6: ...the Flash authoring tool 455 Chapter 23 Best practices Structuring FLA files 464 Organizing ActionScript in an application 466 Behaviors conventions 467 Video conventions 469 Projects and version con...

Page 7: ...a single user retail license for your Adobe software you will be asked to activate your software this is a simple anonymous process that you must complete within 30 days of starting the software For m...

Page 8: ...lp About Flash Help The Flash Help panel Help Flash Help contains the full set of user assistance information provided with Flash To view a Help topic click its title in the table of contents Above th...

Page 9: ...also available as a PDF that is optimized for printing Other documents such as installation guides and white papers may also be provided as PDFs All PDF documentation is available through the Adobe He...

Page 10: ...any of the following Select an item in the Actions panel toolbox pane on the left side of the Actions panel Select an ActionScript term in the Actions panel in the Script pane Place the insertion poin...

Page 11: ...control the behavior of components with these APIs After you understand the basics of how to use components this reference is a fast way to find specific APIs that can help you accomplish specific tas...

Page 12: ...cludes the details of the term s syntax and functionality as well as sample code Resources Adobe Video Workshop The Adobe Creative Suite 3 Video Workshop offers over 200 training videos covering a wid...

Page 13: ...Workshop includes training for novices and experienced users You ll also find videos on new features and key techniques Each video covers a single subject and typically runs about 3 5 minutes Most vid...

Page 14: ...c OS startup drive Applications Adobe application The application folder may contain the following resources Plug ins Plug in modules are small software programs that extend or add features to your so...

Page 15: ...on in Adobe Bridge CS3 provides up to date information on all your Adobe Creative Suite 3 software in one convenient location Start Adobe Bridge then click the Bridge Home icon at the top of the Favor...

Page 16: ...Adobe Design Center offers articles inspiration and instruction from industry experts top designers and Adobe publishing partners New content is added monthly You can find hundreds of tutorials for de...

Page 17: ...for developers who develop plug ins for Adobe products In addition to sample code and tutorials you ll find RSS feeds online seminars SDKs scripting guides and other technical resources Visit Adobe D...

Page 18: ...are available in English French German and Japanese blogs are posted in a wide range of languages To participate in forums or blogs visit www adobe com communities What s new New features The followi...

Page 19: ...250 Copy and paste motion Copy and paste motion lets you copy a motion tween and paste or apply the frames tween and symbol information to another object When pasting the motion tween to another obje...

Page 20: ...dded to one file and apply them to another You can generate a cue points XML file based on known time codes and import it into the encoder before encoding eliminating the need to manually add each cue...

Page 21: ...lends and other special effects as you see fit Use ActionScript to control behavior Write ActionScript code to control how the media elements behave including how the elements respond to user interact...

Page 22: ...ulate the elements much the same way in all of them The Photoshop default workspace is typical The menu bar across the top organizes commands under menus The Tools panel called the Tools palette in Ph...

Page 23: ...InCopy InDesign Photoshop To hide or show all panels except the Tools panel and options bar or Control panel press Shift Tab You can temporarily display panels hidden by these techniques by moving the...

Page 24: ...bar palettes and tool tips Choose a size from the UI Font Size menu in General preferences Note For a video on customizing the workspace in Illustrator see www adobe com go vid0032 For a video on cus...

Page 25: ...e panel floats freely in the workspace To move a panel drag it by its tab To move a panel group or a stack of free floating panels drag the title bar Press Ctrl Windows or Control Mac OS while moving...

Page 26: ...s that are part of a dock cannot be stacked or moved as a unit in this way Free floating stacked panels To stack free floating panels drag a panel by its tab to the drop zone at the bottom of another...

Page 27: ...the icon text again drag the gripper away from the panels To expand a single panel icon click it To collapse an expanded panel back to its icon click its tab its icon or the double arrow in the panel...

Page 28: ...ake certain tasks easier Choose Window Workspace and select a workspace Photoshop Select a workspace from the Workspace menu in the options bar Flash Select a workspace from the Workspace menu in the...

Page 29: ...ffers quick access to Help resources You can take a tour of Flash learn about documen tation resources and find Adobe Authorized Training facilities To hide the Welcome screen select Don t Show Again...

Page 30: ...ification Show All or select Show All from the Zoom control at the upper right side of the application window If the scene is empty the entire Stage appears To show the entire Stage select View Magnif...

Page 31: ...es Lock Guides or use the Lock Guides option in the Edit Guides View Guides Edit Guides dialog box To clear guides select View Guides Clear Guides If you are in document editing mode all guides in the...

Page 32: ...ions The tools area contains drawing painting and selection tools The view area contains tools for zooming and panning in the application window The colors area contains modifiers for stroke and fill...

Page 33: ...ates the tools currently assigned to the selected location in the Tools panel 2 To browse through the tools to specify the location to assign to another tool click a tool in the Tools panel image or u...

Page 34: ...51 Substituting missing fonts on page 263 Set Pen tool preferences on page 173 AI File Importer preferences on page 143 PSD file import preferences on page 150 Set preferences 1 Select Edit Preference...

Page 35: ...ead to data loss or character corruption select Warn On Encoding Conflicts When Exporting as Files For example if you create a file with English Japanese and Korean characters and select Default Encod...

Page 36: ...Named Anchor On Scene Make the first frame of each scene in a document a named anchor Named anchors let you use the Forward and Back buttons in a browser to jump from scene to scene Highlight Color T...

Page 37: ...ser 7 To print the file use the browser s Print command Select a keyboard shortcut set 1 Select Edit Keyboard Shortcuts Windows or Flash Keyboard Shortcuts Macintosh 2 In the Keyboard Shortcuts dialog...

Page 38: ...menu along with the assigned shortcuts The Menu Commands category displays this list as a tree view that replicates the structure of the menus The other categories list the commands by name such as Q...

Page 39: ...on and click Change Note If a problem occurs with the key combination for example if the key combination is already assigned to another command an explanatory message appears just below the Shortcuts...

Page 40: ...l about the Timeline keyframes and frame rates see www adobe com go vid0123 See also Manage frames and keyframes in the Timeline on page 69 Creating motion on page 228 Change the appearance of the Tim...

Page 41: ...ow drag the lower right corner Windows or the size box in the lower right corner Macintosh Move the playhead The playhead moves through the timeline as a document plays to indicate the current frame d...

Page 42: ...der name in the Timeline indicates that the layer or folder is active Only one layer can be active at a time although more than one layer can be selected at a time When you create a Flash document it...

Page 43: ...Alt click Windows or Option click Macintosh in the Eye column to the right of a layer or folder name To show all layers and folders Alt click or Option click it again View the contents of a layer as o...

Page 44: ...Rename a layer or folder Do one of the following Double click the name of the layer or folder in the Timeline and enter a new name Right click Windows or Control click Macintosh the name of the layer...

Page 45: ...layers a folder contains without affecting which layers are visible on the Stage expand or collapse the folder Folders can contain both layers and other folders allowing you to organize layers in muc...

Page 46: ...ibutes in the Property inspector without accessing the menus or panels that also control these attributes Depending on what is currently selected the Property inspector displays information and settin...

Page 47: ...ry on page 64 About the Actions panel The Actions panel lets you create and edit ActionScript code for an object or frame Selecting a frame button or movie clip instance makes the Actions panel active...

Page 48: ...a triangle below it in the Movie Explorer panel indicates the Panel menu Note The Movie Explorer has slightly different functionality when you are working with screens See also Working with screens o...

Page 49: ...ace Lets you edit a selected symbol on the Stage Edit In New Window Lets you edit a selected symbol in a new window Show Movie Elements Shows the elements in your document organized into scenes Show S...

Page 50: ...rol F6 Windows or Command F6 Macintosh Apply focus to a panel or the Property inspector only when the panel or Property inspector is visible in the appli cation window The panel can be expanded or col...

Page 51: ...h the current focus is expanded pressing Tab the first time moves the focus to the panel s Panel menu To move the focus between the Panel menu and the panel title bar use Right Arrow and Left Arrow If...

Page 52: ...can select instances including graphic symbols buttons movie clips bitmaps videos or sounds groups or boxes You cannot select shapes such as rectangles unless those shapes are instances of symbols You...

Page 53: ...e a library item into a folder in the destination library click the folder before pasting You can paste a library item into a different location in the same library where it originated If you attempt...

Page 54: ...arrange the order of steps in the History panel The History panel is a record of steps in the order in which they are performed Note If you undo a step or a series of steps and then do something new i...

Page 55: ...cintosh other steps To deselect a selected step Control click or Command click 2 Click Replay Copy and paste steps between documents Each open document has its own history of steps To copy steps from...

Page 56: ...rename enter a new name for it and click Close Delete a name from the Commands menu 1 Select Commands Manage Saved Commands and select a command 2 Click Delete and click Close Run commands To use a sa...

Page 57: ...vior and to make them respond to user interactions SWF files the compiled versions of FLA files are the files you display in a web page When you publish your FLA file Flash creates a SWF file AS files...

Page 58: ...m the Category list select a document from the Category Items list and click OK You can select standard templates that come with Flash or a template you have already saved Open an existing document 1...

Page 59: ...ck Printer This area is determined by the paper size minus the current margin selected in the Margins area of the Page Setup dialog box Windows or the Print Margins dialog box Macintosh To set the Sta...

Page 60: ...save the document in a different location and or with a different name or to compress the document select File Save As 2 If you selected Save As or if the document has never been saved before enter th...

Page 61: ...ith Illustrator and Flash on page 134 Working with Photoshop and Flash on page 147 Working with Premier Pro and After Effects on page 316 Edit a SWF file from Dreamweaver in Flash on page 419 Creating...

Page 62: ...ator You can even specify a custom size at the bottom of the tab 6 Click Create Flash starts up and creates a document with preset publish settings from Device Central including the correct size for t...

Page 63: ...e file go back to Photoshop 12 In the Photoshop Save For Web Devices dialog box make adjustments such as selecting a different format or quality for export 13 To test the file again with the new expor...

Page 64: ...or and Device Central see http www adobe com go vid0207 Preview a movie on a virtual mobile device using Adobe Premiere Pro Using Adobe Device Central you can preview movies formatted for mobile devic...

Page 65: ...ive a good impression of how content will look and behave on a selected device 1 Start Dreamweaver 2 Open a file 3 Do one of the following Select File Preview in Browser Device Central On the document...

Page 66: ...sh project in the Flash authoring environment or you can create the XML file for a Flash project in an external application Flash projects use UTF 8 text encoding All filenames and folder names in a F...

Page 67: ...open FLA or AS file and select Add To Project from the context menu Note A file must be saved before you can add it to a project You can add a file to a given project only once If you attempt to add a...

Page 68: ...re 3 Select a publish profile from the Profile menu Publish a project Select Publish Project from the Project pop up menu Note Flash uses default publish profiles to publish FLA files in the project u...

Page 69: ...4 In the Site Definition dialog box enter the site name the local root path and the e mail address and name of the user 5 To specify a local network or FTP connection select Local Network or FTP from...

Page 70: ...ect to the remote system s root folder Be sure to indicate the remote system s root folder as the host directory If you have problems connecting and you ve specified the host directory using a single...

Page 71: ...select File Import Open External Library 2 Navigate to the Flash file whose library you want to open and click Open The selected file s library opens in the current document with the filename at the t...

Page 72: ...brary panel using folders When you create a new symbol it is stored in the selected folder If no folder is selected the symbol is stored at the root of the library Create a new folder Click the New Fo...

Page 73: ...item and select Rename from the context menu 2 Enter the new name in the box Delete a library item When you delete an item from the library all instances or occurrences of that item in the document ar...

Page 74: ...ing the symbols that you want to include in the common library 2 Place the Flash file in the user level Libraries folder on your hard disk On Windows the path is C Documents and Settings username Loca...

Page 75: ...rame selection 1 Select Edit Preferences 2 Select the General category 3 In the Timeline section select Span Based Selection 4 Click OK Insert frames in the Timeline To insert a new frame select Inser...

Page 76: ...ear Keyframe or right click Windows or Control click Macintosh the keyframe and select Clear Keyframe from the context menu The Stage contents of the cleared keyframe and all frames up to the subseque...

Page 77: ...ls on the car movie clip s Timeline not on the main Timeline As children of car frontWheel and backWheel are affected by any changes made to car they move with the car as it tweens across the Stage To...

Page 78: ...southcarolina _parent To target the instance eastCoast one level up from an action in charleston you could use the following relative path _parent _parent To target the instance atlanta from an actio...

Page 79: ...sion that evaluates to a target path To specify a target path for a movie clip or button you must assign an instance name to the movie clip or button A loaded document doesn t require an instance name...

Page 80: ...eference to a movie clip into a string Click to place the insertion point in the script Then in the Functions category of the Actions toolbox select the eval function The eval function converts a stri...

Page 81: ...your SWF file Scenes combined with ActionScript might produce unexpected results Because each scene Timeline is compressed onto a single Timeline you might encounter errors involving your ActionScript...

Page 82: ...Find and Replace 2 Select Text from the For pop up menu 3 In the Text box enter the text to find 4 In the Replace With Text box enter the text to replace the existing text 5 Select options for search...

Page 83: ...ter a name in the box When Font Name is deselected under Replace with the current font name remains unchanged To replace the specified font with a different font style select Font Style under Replace...

Page 84: ...ting even if you select Find All in the next step 7 To find a color do one of the following To find the next occurrence of the specified color click Find Next To find all occurrences of the specified...

Page 85: ...he specified sound video or bitmap click Replace All Templates About templates The Flash templates provide you with easy to use starting points for a range of common projects There are templates for p...

Page 86: ...fect the ad s design Photo slideshow templates Use the photo slideshow template to exhibit your photos with text captions and playback controls To use templates 1 Select File New 2 Click the Templates...

Page 87: ...etermines how many images are in your document and indicates which photo you are currently using Use autoplay mode The Photo Slideshow template also has a built in autoplay mode that automatically cha...

Page 88: ...out You can organize Version Cue managed files into private or shared projects Version Cue is integrated with Adobe Bridge use Bridge as a file browser for Version Cue projects With Bridge you can acc...

Page 89: ...urned on Version Cue Servers store Version Cue projects and their related assets You access the Version Cue Server by using Adobe Bridge or the Adobe dialog box in Version Cue enabled Creative Suite c...

Page 90: ...you want to share Version Cue managed assets with a workgroup you should install it on a dedicated computer accessible to others on your network When you start the server for the first time you ll be...

Page 91: ...an use the Version Cue WebDAV Server URL to access projects on a Version Cue Server IT administrators can use the Adobe Version Cue Access Utility available for download from the Adobe website to acce...

Page 92: ...le projects on a Version Cue CS3 Server Adobe Creative Suite 3 components cannot access alternates in a Version Cue CS2 compatible project on a Version Cue CS3 Server For help using Acrobat 8 with Ver...

Page 93: ...and Adobe Acrobat 8 Offline Server Indicates an offline Version Cue Server My Server Indicates a Version Cue Server that is local to your computer Network Server Indicates a remote Version Cue Server...

Page 94: ...ridge see Inspect Version Cue files in Bridge Help If you ve already opened a Version Cue managed file in a Version Cue enabled Creative Suite component you can view information about it in the status...

Page 95: ...tion files and projects are shared from an individual s own hard drive In a server based environment the Version Cue Server resides on a separate dedicated computer The Version Cue Server is installed...

Page 96: ...server with others make sure that TCP ports 3703 and 5353 are left open If you ve enabled SSL for the Version Cue Server also leave port 3704 open If Version Cue CS2 is installed on the same computer...

Page 97: ...ibility menu To hide the Version Cue Server from other users choose This Server Is Private Note If Version Cue is installed on a Windows computer that uses a firewall and you want to share the server...

Page 98: ...ct a new location for the folder You must choose a location on the computer including external disks where the Version Cue Server is installed 4 Click OK 5 Click Apply If prompted click Yes Windows or...

Page 99: ...sion Cue 3 0 Server If you currently use Version Cue CS2 you need to migrate your projects to Version Cue CS3 When you migrate Version Cue CS2 projects to Version Cue CS3 users assigned to those proje...

Page 100: ...ick Stop and then click Start To automatically turn on Version Cue when the computer starts select Turn Version Cue CS3 On When The Computer Starts 3 Click OK Windows or Apply Now Mac OS You can also...

Page 101: ...te a project 1 In Acrobat Flash Illustrator InCopy InDesign or Photoshop choose File Open Click Use Adobe Dialog if you re using the OS dialog box 2 Click Version Cue in the Favorites panel 3 Choose N...

Page 102: ...menu Acrobat enter the IP or DNS address of the server and click Connect 4 Double click the project to open it Open a project in Bridge 1 Click Version Cue in the Favorites panel 2 Do one of the follo...

Page 103: ...our workgroup s local project folder until you disconnect from and reconnect to the project To change the description of the project enter text in the Project Info box 2 Click Save Change the location...

Page 104: ...Version Cue icon in the system tray at the lower right of the screen In Mac OS click the Version Cue icon in the menu bar at the top of the screen and choose Version Cue CS3 Preferences from the menu...

Page 105: ...you have access to the full Version Cue feature set See Accessing Version Cue features on page 85 You can delete a Version Cue project in Bridge or any Version Cue enabled Adobe Creative Suite compon...

Page 106: ...om a project 1 In Acrobat Flash Illustrator InCopy InDesign or Photoshop click Version Cue in the Favorites panel of the Adobe dialog box 2 Right click Windows or Control click Mac OS the project from...

Page 107: ...in the Favorites panel of the Adobe dialog box Synchronized The latest known version of the file is available for editing and you have a local copy of it on your computer Version Cue assigns this sta...

Page 108: ...ins the file you want to open 3 Select the file and click Open Note To reveal a file in Bridge right click Windows or Control click Mac OS the file in the Adobe dialog box and choose Reveal In Bridge...

Page 109: ...u try to edit your local project file and allows you to decide whether or not to continue working with the file When finished with the file both users can save a new version of the file to the Version...

Page 110: ...ed You lose any changes you made even if you have already used the Save command to save those changes to the local project file Continue Editing Leaves the document as is You can continue editing the...

Page 111: ...example fonts and colors in InDesign files and colors in Illustrator files You can search for files deleted from projects as well as existing files In Bridge you can search for Version Cue project fil...

Page 112: ...ay a thumbnail of the version of the file to which you originally linked in the promoted document but the link actually points to the most current version of the file For example when you package an I...

Page 113: ...folders appear in their previous location in the project folder hierarchy See also Use the Adobe dialog box on page 86 Open a project on page 96 About local project files on page 100 Delete projects o...

Page 114: ...ou want to permanently delete and click Delete Permanent Version Cue versions About versions Versions track changes to a file each version is a snapshot of the file at a particular point in time When...

Page 115: ...ile Save A Version In Bridge select the file or files you want to check in and click the Check In button 2 In the Check In dialog box enter comments that you want to associate with the version and the...

Page 116: ...d Creative Suite component Choose Versions from the status menu at the bottom of the document window View versions in Bridge 1 Click Version Cue in the Favorites panel 2 Open the project containing th...

Page 117: ...on you can delete multiple previous versions of all files in a project simulta neously By using this method you can retain past versions by date or by number of versions to keep See Advanced Version C...

Page 118: ...panel navigate to the file and click the Check Out button In Acrobat Flash Illustrator InCopy InDesign or Photoshop click Version Cue in the Favorites panel of the Adobe dialog box and open the projec...

Page 119: ...applies the selected option every time there is a file conflict Check In Saves your local project file as a new version to the Version Cue Server Skip This File Prevents the most recent version from...

Page 120: ...Version Cue features on page 85 When you turn on the Version Cue Server for the first time Version Cue automatically creates a default login name system with administrator privileges and asks you to s...

Page 121: ...ve access to the full Version Cue feature set See Accessing Version Cue features on page 85 Only users who have been granted System Administrator access privileges can create import export and edit Ve...

Page 122: ...vidual users or to a group of users Permissions are different from access levels Access levels control access to Version Cue Server Administration while permissions control access to the Version Cue S...

Page 123: ...hbase box If the LDAP server requires authentication enter a user name and password in the Username and Password boxes Select Use LDAP with SSL if you want to connect via SSL to an SSL enabled LDAP se...

Page 124: ...ct that contains files from a folder of files on the hard drive Click Import From FTP Server or Import From WebDAV Server to import a website or to import files from a folder on an FTP or WebDAV serve...

Page 125: ...erts to the project version of the file and closes it other users must save their changes as completely new files with their own version thread Maximize Compatibility With CS2 Applications And Acrobat...

Page 126: ...er to another create a package of the most recent files for output or simply create an archive of the final versions Version Cue still manages projects moved between computers Note If you want to move...

Page 127: ...Up 3 In the Backup Name box accept the backup name or type a new name 4 Choose the project components that you want to back up Project Content which is always selected to back up files Project File V...

Page 128: ...ion database version Version Cue URL IP or DNS address and WebDAV URL with Version Cue Server Administration You can also view the Version Cue Server log file which tracks all server operations accord...

Page 129: ...name of the Version Cue Server 1 Click the Advanced tab in Version Cue Server Administration and then click Preferences 2 Type a name in the Server Name box Specify HTTP and FTP proxies 1 Click the A...

Page 130: ...ends data over an encrypted connection Note Acrobat 8 and Creative Suite 2 components can t connect to a Version Cue CS3 Server that uses SSL 1 Click the Advanced tab in Version Cue Server Administrat...

Page 131: ...sion you want to review and then click Start Review 5 In the Start Review page enter review information To set an end date for the review select Deadline and then choose the end date from the Year Mon...

Page 132: ...view 1 Locate the review 2 Click the PDF document name in the Document List 3 In the Document History list select the active review and click Stop Review To restart a completed review click Start Revi...

Page 133: ...press Enter Windows or Return Mac OS To view all files again delete the text in the Document Name field and press Enter or Return To sort the list by the entries in a column click the column heading...

Page 134: ...ct as offline the next time you connect To reestablish a connection to a Version Cue Server select the Version Cue icon in the Favorites panel of the Adobe dialog box or Adobe Bridge this forces Versi...

Page 135: ...dialog box in InDesign Unable to migrate from Version Cue CS2 to Version Cue CS3 on Intel based Macintosh computers To migrate projects from Version Cue CS2 to Version Cue CS3 on an Intel based Macin...

Page 136: ...nabled Adobe Creative Suite 2 component to access the project make sure the creator of the project specified that it be compatible with CS2 Otherwise you won t be able to see the project on the Versio...

Page 137: ...one level Backspace Command Up Arrow Open selected file Enter Return Delete selected file or files Delete Command backspace Cancel dialog Escape Escape Go forward Control Right Arrow Command Right Ar...

Page 138: ...nScript 2 0 Language Reference or Working with Movie Clips in Programming ActionScript 3 0 Flash imports vector graphics bitmaps and sequences of images as follows When you import Adobe Illustrator an...

Page 139: ...rary for the current Flash document select File Import Import To Library To use a library item in a document drag it onto the Stage 2 Select a file format from the Files Of Type Windows or Show Macint...

Page 140: ...s installed Working with Illustrator and Flash You can move Illustrator artwork into the Flash editing environment or directly into Flash Player You can copy and paste artwork save files in SWF format...

Page 141: ...you can export SWF files that match the quality and compression of SWF files exported from Flash When you export you can choose from a variety of presets to ensure optimal output and you can specify...

Page 142: ...y manage projects that require localization in multiple languages In Illustrator you can specify individual text objects as static dynamic or input text Dynamic text objects in Illustrator and Flash h...

Page 143: ...page idenified in the Page Name pop up menu of the PNG file into the current Flash document in a single new layer as a movie clip The contents of the selected page is imported as a movie clip with al...

Page 144: ...in FreeHand Flash imports each step in a blend as a separate path Thus the more steps a blend has in a FreeHand file the larger the imported file size is in Flash When you import files with strokes t...

Page 145: ...imensional DXF files Although Flash doesn t support scaling in a DXF file all imported DXF files produce 12 inch x 12 inch files that you can scale using Modify Transform Scale Also Flash supports onl...

Page 146: ...ich they are applied as a Flash movie clip If you attempt to import an object with these attributes as something other than a movie clip Flash displays an incompatibility alert and recommends importin...

Page 147: ...Flash click Incompatibility Report The Incompatibility Report button appears only if incompatibilities exist with Flash in the AI file The Incompatibility Report analyzes possible incompatibilities be...

Page 148: ...on is not available Import Unused Symbols Any symbols in the AI file s library that have no instances on the artboard are imported into the Flash library If this option is not selected the unused symb...

Page 149: ...the following import preferences for text objects Editable Text Specifies that Illustrator text import as editable Flash text The appearance of the text may be compromised to maintain the editability...

Page 150: ...erve the appearance of the objects as they appeared in Illustrator Create Movie Clips Specifies that the layer is encapsulated into a movie clip Movie Clip Registration Specifies a global registration...

Page 151: ...al paths text and images 2 Review the import options available for the type of object you ve selected in the object options section of the dialog box Note if any incompatibilities are listed and what...

Page 152: ...d endpoints Editable paths can be imported into Flash however if certain blend modes filters or other effects are applied to the path those effects might not be compatible with Flash Bitmap Rasterizes...

Page 153: ...ash When importing a PSD file Flash can preserve many of the attributes that were applied in Photoshop and provides options for maintaining the visual fidelity of the image and further modifying the i...

Page 154: ...bility to be further edited in the Flash authoring environment The PSD Importer provides you with several options to import and place artwork to best maintain its visual appearance and editability How...

Page 155: ...see www adobe com go vid0201 The PSD importer dialog box A Layers in the PSD file being imported B Import options available for the selected layer or object 1 Select File Import To Stage or Import To...

Page 156: ...n change the name of the root folder or move the layers out of the folder Note The library orders the contents of the imported PSD file alphabetically The hierarchical grouping and folder structure re...

Page 157: ...ect from the text on the Photoshop text layer The appearance of the text will be sacrificed to maintain the editability of the text If this option is selected the object must be converted into a movie...

Page 158: ...publish the document as a SWF file and have no effect on the image when you import it to the Flash stage or library Compression Lets you choose either lossy or lossless compression formats Lossy Lossy...

Page 159: ...text on the selected Photoshop layer The appearance of the text might be compromised to maintain the editability of the text If you import the text as a movie clip the movie clip contains an editable...

Page 160: ...lip or place each layer in the group on its own layer or keyframe on the timeline If you select Import As Movie Clip each layer in the group folder is placed on a layer in a movie clip which is then p...

Page 161: ...h you can modify that bitmap and use it in your Flash document in a variety of ways If a Flash document displays an imported bitmap at a size larger than the original the image may be distorted To be...

Page 162: ...ript 2 0 or the ActionScript 3 0 BitmapData command To do so specify a linkage identifier for the bitmap For more information see Assigning linkage to assets in the library in Learning ActionScript 2...

Page 163: ...ther image editing application 1 In the Library panel right click Windows or Control click Macintosh the bitmap s icon and select Edit With 2 Select an image editing application to open the bitmap fil...

Page 164: ...bitmaps to vector graphics The Trace Bitmap command converts a bitmap into a vector graphic with editable discrete areas of color You manip ulate the image as a vector graphic and you can reduce file...

Page 165: ...bitmap format Understanding the difference between the two formats helps you work more efficiently Using Flash you can create and animate compact vector graphics Flash also imports and manipulates vec...

Page 166: ...egrades its quality About the Flash drawing models Flash provides two drawing models that give you a great deal of flexibility when drawing shapes Merge Drawing model The default drawing model automat...

Page 167: ...Brush tool to draw a line across another line or painted shape the overlapping lines are divided into segments at the intersection points To select move and reshape each segment individually use the...

Page 168: ...om the Options category of the Tools panel or press the J key to toggle between the Merge and Object Drawing models The Object Drawing button toggles between the Merge and Object Drawing models Set pr...

Page 169: ...by using the Union command Intersect Creates an object from the intersection of two or more objects The resulting Object Drawing shape consists of the overlapping portions of the combined shapes Any p...

Page 170: ...le you draw straighten lines later by selecting one or more shapes for example connected line segments and selecting Modify Shape Straighten Click Accuracy Specifies how close to an item the pointer m...

Page 171: ...al pencil to draw To apply smoothing or straightening to the lines and shapes as you draw select a drawing mode for the Pencil tool 1 Select the Pencil tool 2 Select Window Properties Properties and s...

Page 172: ...rectangles and the start and end angle and the inner radius of ovals using controls in the Property inspector After you create a primitive shape alter the radiuses and dimensions by selecting the sha...

Page 173: ...ies for an oval primitive The Property inspector controls specific to the Primitive Oval tool are Start angle and End angle Let you specify the angle of the start and end points of the oval Using thes...

Page 174: ...y the depth of the star points A number closer to 0 creates deeper points like needles If you are drawing a polygon leave this setting unchanged It does not affect the polygon shape 4 Click OK 5 Drag...

Page 175: ...Inside Paints the fill in which you start a brush stroke and never paints lines If you start painting in an empty area the fill doesn t affect any existing filled areas 4 Select a brush size and brush...

Page 176: ...rved segments A corner point can connect both straight segments and curved segments Note Don t confuse corner and smooth points with straight and curved segments A paths outline is called a stroke A c...

Page 177: ...n lines depending on whether it joins two one or no curved segments respectively Corner point direction lines maintain the corner by using different angles When you move a direction line on a corner p...

Page 178: ...he next mouse click on an existing path will remove an anchor point To remove an anchor point the path must be selected with the Selection tool and the pointer must be over an existing anchor point Th...

Page 179: ...ow Precise Pointers Specifies that the Pen tool pointer appears as a cross hair pointer rather than the default Pen Tool icon for more precise placement of lines To display the default Pen Tool icon w...

Page 180: ...them using as few anchor points as possible Using too many points can also introduce unwanted bumps in a curve Instead draw widely spaced anchor points and practice shaping curves by adjusting the le...

Page 181: ...nt A small circle appears next to the Pen tool pointer when it is positioned correctly Click or drag to close the path To leave the path open Ctrl click Windows or Command click Macintosh anywhere awa...

Page 182: ...e of straight segments or the slope of curved segments Nudge selected anchor points to make small adjust ments Deleting unneeded anchor points on a curved path optimizes the curve and reduces the file...

Page 183: ...le adjusts To adjust a straight segment select the Subselection tool and select a straight segment Use the Subselection tool to drag an anchor point on the segment to a new position To adjust a curve...

Page 184: ...details making reshaping easier Increasing the magnification can also make reshaping easier and more accurate 1 Select the Selection tool 2 Do one of the following To reshape the segment drag from any...

Page 185: ...raighten modifier or select Modify Shape Straighten See also Specify drawing preferences on page 163 Optimize curves Optimizing smooths curves by refining curved lines and filling outlines reducing th...

Page 186: ...Modify Shape Expand Fill Enter a value in pixels for Distance and select Expand or Inset For Direction Expand enlarges the shape and Inset reduces it This feature works best on a single small filled c...

Page 187: ...pping use the Snap To Pixels command in the View menu If Snap To Pixels is on a pixel grid appears when the view magnification is set to 400 or higher The pixel grid represents the individual pixels t...

Page 188: ...ontal center vertices of two objects when you precisely align the vertices Select settings for Snap Alignment 1 Select View Snapping Edit Snap Align 2 In the Snap Align dialog box do any of the follow...

Page 189: ...urrent file Select any solid color gradient and the style and weight of the stroke Create an outlined shape with no fill by using No Color as a fill Create a filled shape with no outline by using No C...

Page 190: ...ue of 100 creates an opaque fill Current Color Swatch Displays the currently selected color If you select a gradient fill type Linear or Radial from the fill Type menu the Current Color Swatch display...

Page 191: ...from the panel menu When duplicating a swatch the paint bucket appears Click in the empty area of the Swatches panel with the paint bucket to make a duplicate of the selected color To clear all color...

Page 192: ...ing and painting tools To use these controls to change the painting attributes of existing objects first select the objects on the Stage Note Gradient swatches appear only in the Fill Color control Cl...

Page 193: ...path end select a Cap option None Is flush with the path s end Round Adds a round cap that extends beyond the path end by half the stroke width Square Adds a square cap that extends beyond the path by...

Page 194: ...in RGB or HSB or you can expand the panel to use hexadecimal mode You can also specify an alpha value to define the degree of transparency for a color In addition you can select a color from the exis...

Page 195: ...e Type menu Use the Overflow menu to control the colors applied past the limits of the gradient Second the gradient definition bar appears with pointers below the bar indicating the colors in the grad...

Page 196: ...plex drawings A Close option to have Flash fill a shape that has gaps Note If gaps are too large you might have to close them manually 4 Click the shape or enclosed area to fill See also Use the Strok...

Page 197: ...point Press Shift to constrain the direction of a linear gradient fill to multiples of 45 3 Reshape the gradient or fill in any of the following ways To reposition the center point of the gradient or...

Page 198: ...nt or bitmap fill drag the circular rotation handle at the corner You can also drag the lowest handle on the bounding circle of a circular gradient or fill To scale a linear gradient or a fill drag th...

Page 199: ...click a stroke the tool automatically changes to the Ink Bottle tool When you click a filled area the tool automatically changes to the Paint Bucket tool with the Lock Fill modifier turned on 2 Click...

Page 200: ...ck the Lock Fill modifier 4 First paint the areas where you want to place the center of the fill and then move to other areas Use a locked bitmap fill 1 Select the bitmap to use 2 Select Bitmap from t...

Page 201: ...pt 3 0 See also Drawing on page 159 About shapes Shapes are one type of graphic object you can create in Flash When you draw shapes that overlap each other in the same layer the topmost shape cuts awa...

Page 202: ...modify an object select it first You can group individual objects to manipulate them as a single object Modifying lines and shapes can alter other lines and shapes on the same layer When you select o...

Page 203: ...Timeline To deselect everything on every layer select Edit Deselect All or press Control Shift A Windows or Command Shift A Macintosh To select everything on one layer between keyframes click a frame...

Page 204: ...Moving copying and deleting objects Moving and copying objects When you move an object the Property inspector indicates the new position Copy an object by dragging it pasting it or by using the Trans...

Page 205: ...ltiple objects 2 Select Edit Cut or Edit Copy 3 Select another layer scene or file and then select Edit Paste In Place to paste the selection in the same position relative to the Stage Select Edit Pas...

Page 206: ...Stack objects In a layer Flash stacks objects in the order in which they are created placing the most recently created object at the top of the stack The stacking order of objects determines how they...

Page 207: ...the elements of the drawing so that you can easily select and move the drawing as a whole When you select a group the Property inspector displays the x and y coordinates of the group and its pixel dim...

Page 208: ...long time You might need to increase the application s memory allocation to properly break apart complex objects See also Break text apart on page 270 Transforming objects Transforming objects You can...

Page 209: ...X and Y values to the right of the coordinate grid in the Info panel display the x and y coordinates of the transformation point In addition the X and Y values for the transformation point appear in t...

Page 210: ...igns the adjoining edges Shift drag a corner point to constrain the distortion to a taper that is move that corner and the adjoining corner an equal distance and in the opposite direction from each ot...

Page 211: ...he edges of the bounding box might be moved off the Stage If this occurs select View Pasteboard to see the elements that are beyond the edges of the Stage See also About 9 slice scaling and movie clip...

Page 212: ...without moving their relative position on the Stage 1 Select the object 2 Select Modify Transform Flip Vertical or Flip Horizontal Restore transformed objects When you use the Transform panel to scal...

Page 213: ...your documents dramatically reduces file size saving several instances of a symbol requires less storage space than saving multiple copies of the contents of the symbol For example you can reduce the...

Page 214: ...animated buttons In addition movie clips are scriptable with ActionScript Use font symbols to export a font and use it in other Flash documents Flash provides built in components movie clips with defi...

Page 215: ...l Create an empty symbol 1 Do one of the following Select Insert New Symbol Click the New Symbol button at the lower left of the Library panel Select New Symbol from the Library Panel menu in the uppe...

Page 216: ...from the frames you copied now becomes an independent animation a movie clip symbol that you can reuse 6 To return to document editing mode do one of the following Click the Back button Select Edit E...

Page 217: ...nce of the symbol on the Stage and select Edit Edit In Place 2 Edit the symbol 3 To change the registration point drag the symbol on the Stage A cross hair indicates the location of the regis tration...

Page 218: ...ript 3 0 To specify color effects assign actions set the graphic display mode or change the behavior of new instances use the Property inspector The behavior of the instance is the same as the symbol...

Page 219: ...Stage and select Window Properties Properties 2 In the Property inspector select one of the following options from the Color menu Brightness Adjusts the relative lightness or darkness of the image mea...

Page 220: ...Property inspector 3 Select a symbol to replace the symbol currently assigned to the instance To duplicate a selected symbol click Duplicate Symbol and click OK Duplicating lets you base a new symbol...

Page 221: ...elements 3 To modify these elements use the painting and drawing tools Get information about instances on the Stage The Property inspector and Info panel display the following information about insta...

Page 222: ...in a variety of ways by copying and pasting the asset by dragging and dropping the asset or by opening the library of the source document in the destination document and dragging the source document...

Page 223: ...component that has a different modification date from the one you re pasting If you choose not to replace the existing items Flash attempts to use the existing item instead of the conflicting item th...

Page 224: ...shared asset in the destination document and enters an identifier string and URL identical to those used for the shared asset in the source document Alternatively the desti nation document author can...

Page 225: ...e shared asset from the source document Library panel into the Library panel or onto the Stage in the destination document Turn off sharing for a symbol in a destination document 1 In the destination...

Page 226: ...s Creating a button using a movie clip lets you add more frames to the button or add more complex animation However movie clip buttons have a larger file size than button symbols Using a button compon...

Page 227: ...ate them to make it easier to select and work with them When a button is disabled clicking the button selects it When a button is enabled it responds to the mouse events that you ve specified as if th...

Page 228: ...ile the remaining areas of the image are scaled as opposed to being stretched larger or smaller as needed When a movie clip symbol has 9 slice scaling applied it appears in the Library panel preview w...

Page 229: ...Double click the symbol in the Library 2 To move the horizontal or vertical guides drag and release a guide The new position of the guide is updated in the Library preview for the symbol About runtim...

Page 230: ...instance must have a unique instance name to be used with ActionScript To control movie clip or button symbols use ActionScript For more information see Handling events in Learning ActionScript 2 0 in...

Page 231: ...andY offsetofpixelsfrom original to copy Goto And Play at frame or label Plays a movie clip from a partic ular frame Instance name of target clip to play Frame number or label to play Goto And Stop at...

Page 232: ...s such as dialog boxes and with Action Script the coding language used to create behaviors To learn about the XML used to create interface elements see Extending Flash To learn about ActionScript see...

Page 233: ...xml behavior file ActionScript 2 0 actionscript CDATA load Movie Behavior if target Number target loadMovieNum clip target else target loadMovie clip End Behavior actionscript 6 Save the file and test...

Page 234: ...al layer contains one separate animated object When a document has several layers tracking and editing the objects on one or two of them can be difficult This task is easier if you work with the conte...

Page 235: ...is assigned a frame action with the Actions panel A red flag indicates that the frame contains a label A green double slash indicates that the frame contains a comment A gold anchor indicates that the...

Page 236: ...intosh and select Insert Keyframe 5 To develop the next increment of the animation alter the contents of this frame on the Stage 6 To complete your frame by frame animation sequence repeat steps 4 and...

Page 237: ...ts were stacked on top of each other Dimmed frames cannot be edited Simultaneously view several frames of an animation on the Stage Click the Onion Skin button All frames between the Start Onion Skin...

Page 238: ...copied motion tween 4 Select Edit Timeline Paste Motion The necessary frames tween and symbol information are inserted to match the original copied tween To copy a symbol s motion tween to the Actions...

Page 239: ...target object When checked the pasted properties override the existing rotation and scale properties of the object The necessary frames tween and symbol information are inserted to match the original...

Page 240: ...and applies the correct values to each keyframe If you remove the motion guide the same XML code appears describing the custom easing for both commands Extend still images When you create a background...

Page 241: ...ee also Tweened animation on page 239 Add a motion tween to instances groups or type on page 241 Tween motion along a path on page 244 Create a mask layer 1 Select or create a layer containing the obj...

Page 242: ...he animation procedure is complete click the Back button to return to document editing mode 5 To lock the layer again click in the Lock column for the mask layer Using Timeline effects About Timeline...

Page 243: ...nges made when you alter settings Motion effect name and description Settings Copy to grid Duplicates a selected object by the number of columns and then multiplies the columns by the number of rows t...

Page 244: ...e clip or graphic symbol Objects containing text or letters work well with this effect Expand duration in frames Expand squeeze both Expand direction to left from center to right Fragment offset in pi...

Page 245: ...c time You can also apply a motion tween along a path Adjusts the position scale rotation alpha and tint of the selected elements Use Transform to apply a single effect or a combination of effects to...

Page 246: ...masks www adobe com go vid0127 For a text tutorial about timeline animation see Create a Timeline Animation on the Flash Tutorials page at www adobe com go learn_fl_tutorials For samples of animation...

Page 247: ...e Distribute To Layers Right click Windows or Control click Macintosh one of the selected objects and select Distribute To Layers See also Tweened animation on page 239 Add a motion tween to instances...

Page 248: ...c sense of motion apply easing to the motion tween To apply easing to a motion tween use the Ease slider to specify an easing value for each motion tween you create or use the Custom Ease In Ease Out...

Page 249: ...rames drag the arrow next to the Easing value or enter a value To begin the motion tween slowly and accelerate the tween toward the end of the animation drag the slider up or enter a value between 1 a...

Page 250: ...es zip file and navigate to the Graphics Anima tionAndGradients folder to access the sample Create a motion path for a tweened animation 1 Create a motion tweened animation sequence If you select Orie...

Page 251: ...r type Apply custom ease in ease out to motion tweens The Custom Ease In Ease Out dialog box displays a graph representing the degree of motion over time The horizontal axis represents frames and the...

Page 252: ...nt is selected no value appears To add a control point to the line click the diagonal line once To achieve a precise degree of control over the motion of an object drag the positions of the control po...

Page 253: ...improbable shape changes you can use shape hints Shape hints identify points that should correspond in starting and ending shapes For example if you are tweening a drawing of a face as it changes expr...

Page 254: ...how the shape hints change the shape tweening play the animation again To fine tune the tweening move the shape hints 7 Repeat this process to add additional shape hints New hints appear with the let...

Page 255: ...order at each end Flash does the following If you apply a motion tween to a movie clip with filters applied to it when you insert a keyframe at the opposite end of the tween the movie clip automatical...

Page 256: ...ower available to your audience set the quality level to Low to maximize playback performance Apply filters Each time you add a new filter to an object it is added to the list of applied filters for t...

Page 257: ...disable all of the filters in the list Control click the enable or disable icon in the Filter list Create preset filter libraries Save filter settings as preset libraries that you can easily apply to...

Page 258: ...urce object and display only the drop shadow on the knockout image To apply the shadow within the boundaries of the object select Inner shadow To hide the object and display only its shadow select Hid...

Page 259: ...nce Apply a glow The Glow filter lets you apply a color around the edges of an object 1 Select an object to apply a glow to and select Filters 2 Click the Add Filter button and select Glow 3 Edit the...

Page 260: ...w produces a glow look with a gradient color across the surface of the glow The gradient glow requires one color at the beginning of the gradient with an Alpha value of 0 You cannot move the position...

Page 261: ...light source enter a value for Angle or use the pop up dial To knock out or visually hide the source object and display only the gradient bevel on the knockout image select Knockout Specify a gradien...

Page 262: ...lend modes to achieve the desired effect Normal Applies color normally with no interaction with the base colors Layer Lets you stack movie clips on top of each other without affecting their color Dark...

Page 263: ...r of the underlying image and the type of blend mode you apply Apply a blend mode To apply blends to selected movie clips use the Property inspector Note You cannot apply different blend modes to diff...

Page 264: ...it when it is imported To import a Fireworks PNG file that contains filters or blends that Flash does not support rasterize the file during the import process After this operation you cannot edit the...

Page 265: ...re Average Negation Exclusion Soft Light Subtractive Fuzzy Light Color Dodge and Color Burn For a video tutorial about the Flash and Fireworks workflow see www adobe com go vid0194 Overlay Overlay Har...

Page 266: ...Learning ActionScript 2 0 in Adobe Flash Like movie clip instances text field instances are ActionScript objects that have properties and methods By giving a text field an instance name you can manipu...

Page 267: ...skewed or flipped The FLA file is exported to a PNG file Unicode text encoding in Flash applications Macromedia Flash Player 7 from Adobe and later supports Unicode text encoding for SWF files in Flas...

Page 268: ...the Flash authoring environment the mask that appears in the SWF file takes the shape of the rectangular bounding box of the mask not the shape of the mask itself For more information on using a movi...

Page 269: ...see an alert box indicating missing fonts in a document you can select substitute fonts in the Font Mapping dialog box Specify font substitution 1 When the Missing Fonts alert appears do one of the f...

Page 270: ...to enter text in forms or surveys You can create horizontal text with a left to right flow or static vertical text with either a right to left or left to right flow When creating static text you can p...

Page 271: ...than it can display to create scrolling text After you use the Text tool to create a text field use the Property inspector to specify the type of text field and to set values that control how the text...

Page 272: ...create a text field that extends past the edge of the Stage as you type the text isn t lost To make the handle accessible again add line breaks move the text field or select View Pasteboard 5 Select...

Page 273: ...Player 5 from Adobe or earlier Beginning with Macromedia Flash MX version 6 you assign the text field an instance name using the Property inspector Although you can use the variable name method with...

Page 274: ...owing options Document Options Use these options to specify which elements are to be checked Dictionaries Lists the built in dictionaries You must select at least one dictionary to enable spelling che...

Page 275: ...cintosh the font symbol name in the Library panel and select Linkage 3 Under Linkage select Export for Runtime Sharing 4 In the Identifier text field enter a string to identify the font item 5 In the...

Page 276: ...characters or change them to symbols and animate them After you convert text to lines and fills you can no longer edit the text Note The Break Apart command applies only to outline fonts such as True...

Page 277: ...See also Font outlines and device fonts on page 261 Create and edit text fields on page 265 Set a font point size style and color 1 Using the Selection tool select one or more text fields on the Stag...

Page 278: ...text in a paragraph relative to edges of the text field Horizontal text is aligned relative to the left and right edges of the text field and vertical text is aligned relative to the top and bottom ed...

Page 279: ...ther than each character Also when you open existing FLA files in Flash 8 or later the text is not automatically updated to the advanced anti aliasing options you must select individual text fields an...

Page 280: ...Property inspector select Anti Alias For Readability or Custom Anti Alias from the Font Rendering Method pop up menu Make text selectable Static horizontal text or dynamic text can be selectable by us...

Page 281: ...ltilingual text in your Flash documents include the following Include an external text file in a dynamic or input text field by using the include action Load external text or XML files into a Flash ap...

Page 282: ...d embed a range of fonts 1 On the Stage select a dynamic or input text field show the Property inspector Window Properties Properties and click Embed 2 Select the range of font sets to embed by doing...

Page 283: ...er ranges are embedded 3131 318E Hangul symbols 3200 321C Hangul specials 3260 327B Hangul specials 327F 327F Korean symbol AC00 D7A3 Hangul symbols If you select Korean CJK a larger font set is embed...

Page 284: ...pts and subscripts currency symbols and letter like symbols Latin Extended A LatinExtended A range 0x0100to0x01FF including punctuation superscripts and subscripts currency symbols and letter like sym...

Page 285: ...can use Input Method Editors IMEs and standard Western keyboards to enter Asian characters on the Stage Flash supports more than two dozen IMEs For example to create a website that reaches a broad ra...

Page 286: ...detect a byte order mark BOM a standard formatting convention used to identify the Unicode encoding format If no BOM is detected the text encoding is interpreted as UTF 8 an 8 bit encoding format It...

Page 287: ...created for each language you select and within each language folder is an XML file for that language 5 Send the published FLA file and XML folders and files to your translators Author in your native...

Page 288: ...Repeat step 3 until you have removed all the unwanted languages 4 When you finish removing languages click OK The column for each removed language no longer appears in the Strings panel Note When you...

Page 289: ...click Apply Note Press Shift Enter to apply the ID to the text field or Enter if the focus is on the ID field Change the language displayed on the Stage 1 Select Window Other Panels Strings 2 In the S...

Page 290: ...automatic and you must publish a SWF file for each language to support 1 Select Window Other Panels Strings and click Settings 2 Select the Replace Strings Automatically At Runtime check box Use auto...

Page 291: ...ng ActionScript code which stores the language XML file paths Use this code as a starting point for your own language detection script import mx lang Locale Locale setFlaName flaFileName Locale setDef...

Page 292: ...ource Would you like to be on our mailing list source trans unit trans unit id 003 resname IDS_SEE YOU source see you soon source trans unit trans unit id 004 resname IDS_TEST source source trans unit...

Page 293: ...t the translated XML file into the Strings panel Import an XML file into the Strings panel After you modify an XML file if you place it in the folder specified in the Strings panel for that language t...

Page 294: ...pplication create a dynamic or input text field to show the text in the document 2 In the Property inspector with the text field selected assign an instance name to the text field 3 Outside of Flash c...

Page 295: ...e include directive For more information see include directive in the ActionScript 2 0 Language Reference See also Working with text on page 260 Creating multilanguage documents by using text variable...

Page 296: ...s to read or write XML documents by using HTTP GET operations POST operations or both It acts as a connector between other components and external XML documents The XMLConnector communicates with comp...

Page 297: ...e creating Flash content for mobile devices Flash also lets you include device sounds in your published SWF file Device sounds are encoded in the device s natively supported audio format such as MIDI...

Page 298: ...mon libraries on page 68 Import a sound 1 Select File Import Import To Library 2 In the Import dialog box locate and open the desired sound file Note You can also drag a sound from a common library in...

Page 299: ...ion to keep pace with stream sounds If Flash can t draw animation frames quickly enough it skips frames Unlike event sounds stream sounds stop if the SWF file stops playing Also a stream sound can nev...

Page 300: ...the Sound pop up menu 8 Select Event from the Sync pop up menu To associate a different sound with each of the button s keyframes create a blank keyframe and add another sound file for each keyframe Y...

Page 301: ...options for individual event sounds and export the sounds with those settings You can also select compression options for individual stream sounds However all stream sounds in a document are exported...

Page 302: ...e Click Stop if you want to stop testing the sound before it finishes playing 6 Adjust export settings if necessary until the desired sound quality is achieved and then click OK ADPCM and Raw compress...

Page 303: ...rsions use mp3 ADPCM or Raw compression Sample rate Controls sound fidelity and file size A lower rate decreases file size but can also degrade sound quality Select from the following options 5 kHz Ac...

Page 304: ...you want to use the OnRelease event do not change the option Play or stop sounds using a behavior 1 Select the object such as a button that you want to use to trigger the behavior 2 In the Behaviors...

Page 305: ...tached sound file The Sound object is a built in object that lets you control sounds in a Flash application For more information see Sound in the ActionScript 2 0 Language Reference The onSoundCom ple...

Page 306: ...ming server hardware and network Progressively downloading video from a web server If you don t have access to Flash Media Server or FVSS you can still download video from an external source when you...

Page 307: ...Import or Import To Library commands or the Import button in the Video Properties dialog box To create your own video player which dynamically loads FLV files from an external source place your video...

Page 308: ...soon as the first segment is downloaded and cached to the local computer s disk drive At runtime video files are loaded from the computer s disk drive into the SWF file with no limitation on file size...

Page 309: ...yback is inconsistent To use variable frame rates import the video using either progressive download or Flash Media Server When you import video files using either of these methods the FLV files are s...

Page 310: ...embedded or linked video clip on the Stage assign the instance an instance name and change its width height and position on the Stage You can also swap an instance of a video clip assign a different s...

Page 311: ...r progressive download select Progressive Download from a standard web server To import video for streaming with Flash Media Server or FVSS select Stream From Flash Video Streaming Service FVSS or Str...

Page 312: ...WF file 1 To import the video clip into the current Flash document select File Import Import Video 2 Select the video clip on your local computer to import 3 Select Embed Video In SWF and Play In Time...

Page 313: ...perties Update an embedded video clip after editing it in an external editor 1 Select the video clip in the Library panel 2 Select Properties and click Update The embedded video clip is updated with t...

Page 314: ...d select Edit the Video First and click Next 3 To browse frames in the video do one of the following Drag the playhead along the scrubber bar To move forward click the Play button to stop at the desir...

Page 315: ...supported on your system a warning message appears that the operation cannot be completed In some cases Flash might import the video but not the audio in a file For example audio is not supported in...

Page 316: ...ta rate Support for the use of an alpha channel to composite video To support better quality video at the same data rate the On2 VP6 codec is noticeably slower to encode and requires more processor po...

Page 317: ...computers For example if you are compressing a clip with little motion cutting the frame rate in half probably saves you only 20 percent of the data rate However if you are compressing high motion vid...

Page 318: ...t quality sound card available See also Embedding video in a SWF file on page 303 Encoding video About Flash Video encoding methods The following sections describe the encoding settings crop and trim...

Page 319: ...following To further adjust the encoding settings or to modify the video clip s size or playback length using the crop and trim controls click the Video or Crop and Resize tabs To encode the video cli...

Page 320: ...y values for Width and Height You can specify a frame size in pixels or as a percentage of the original image size 7 Do one of the following To move to the next panel of the Video Import wizard click...

Page 321: ...points in the video at which to insert a cue point To locate specific points in time at which to embed cue points use the elapsed time counter located beneath the video preview window 4 When the playb...

Page 322: ...w the video drag the play head over the scrubber bar to ensure that the video plays appropriately 6 To further modify the video s encoding settings select either the Cue Point or the Encoding tab or t...

Page 323: ...ith video in the native format of your project until your final output If you convert a precompressed digital video format into another format such as FLV the previous encoder can introduce video nois...

Page 324: ...m NTSC 4 x 3 162 x 120 Modem PAL 4 x 3 160 x 120 T1 DSL cable NTSC 4 x 3 648 x 480 T1 DSL cable PAL 4 x 3 768 x 576 Stream for best performance To eliminate download time provide deep interactivity an...

Page 325: ...export them as QuickTime movies using the File Export Movie command in Flash For a Flash animation you can optimize the video output for animation For a Flash application Flash renders video of the a...

Page 326: ...fter Effects or Adobe Illustrator You can import SWF files into After Effects to composite them with other video or render them as video with additional creative effects When After Effects imports a S...

Page 327: ...Flash or Basics of video in Programming ActionScript 3 0 See also Export a Flash video file on page 451 About Flash Video encoding methods on page 312 Behaviors used in video playback Video behaviors...

Page 328: ...points to synchronize your video with the animation text and graphics in your Flash application Provides live preview of customizations Maintains a reasonably sized SWF file for easy download The FLV...

Page 329: ...retain the source FLV aspect ratio the source FLV is still scaled and the FLVPlayback component itself is not resized The autoSize parameter takes precedence over this parameter The default value is t...

Page 330: ...acromedia Flash Player 8 instead use the FLVPlayback component introduced in Macromedia Flash Professional 8 The FLVPlayback component provides improved functionality giving you more control over vide...

Page 331: ...cumulative results from a sequence of interactions and can route them to the LMS with an enhanced data tracking functionality that is either AICC or SCORM compliant Requirements Your e learning course...

Page 332: ...e and starts and stops the necessary tracking in both AICC and SCORM compliant APIs The stand alone interactions are designed for scenarios that require a single interaction or a series of interaction...

Page 333: ...estions are presented in a random or sequential order the number of questions to display and whether the Results page appears 1 Select the Quiz Options component with instructions to the left of the S...

Page 334: ...our quiz you can specify that a lesser number such as 5 interactions appear to the user Use this feature with the Randomize feature to create quizzes with unexpected questions in an unexpected order 5...

Page 335: ...teraction to this page 2 Select each of the learning interactions in the next six frames and do one of the following To use the interaction configure it If you do not want to use the interaction remov...

Page 336: ...ely name each interaction in your file 6 In the Question box type the text the user will see This text can be a question or instructions for the user 7 Configure the learning interaction 8 At the bott...

Page 337: ...r where you want to add the inter action For example to add an interaction to Frame 8 select Frame 7 2 Shift click the same frame number on the other layers to also select those frames 3 Right click W...

Page 338: ...elect Window Common Libraries Learning Interactions The Learning Interactions library includes six types of learning interaction movie clips Drag And Drop Fill In The Blank Hot Objects Hot Spot Multip...

Page 339: ...hen you remove a learning interaction from the Timeline maintain the sequence of learning interactions If you remove a frame from the Interactions layer you also need to remove it from all other layer...

Page 340: ...d your own assets to the Stage add a Learning Interaction component to the Stage and then register the assets instance names in the Component inspector for the interaction Remember the following aspec...

Page 341: ...objects each of the eight Drag objects in the file must be named uniquely A sequential naming scheme is usually the easiest to work with for example the Drag objects in the first interaction could be...

Page 342: ...Target8 Asset Description Object type Instance name Question text field Holds question text Dynamic text field Template_Question Feedback text field Holds feedback text Dynamic text field Template_Fee...

Page 343: ...hot spot distrac tors Flash UI Button compo nent Template_ResetButton 1 8 hot spots Hot spot distractors Movie clip symbol HotSpot1 8 Asset Description Object type Instance name Question text field Ho...

Page 344: ...ame in the Matches Target Name column without a matching Drag instance name which adds a target that can be snapped to but is not evaluated as a correct match 5 Select Snap to Start to make the Drag o...

Page 345: ...d correct responses Select Correct to the right of the correct responses To set up the interaction to accept all responses except those you type enter the invalid responses in the list and deselect Co...

Page 346: ...ns are allowed 4 Select each instance of the Hot Object interaction on the Stage you can delete the placeholder instances and place your own movie clip instances on the Stage Use the Property inspecto...

Page 347: ...3 For each Hot Spot interaction select or deselect Correct to specify whether the object is considered a correct or incorrect response when the user clicks it Multiple correct answers are allowed 4 T...

Page 348: ...tor and type the interaction ID and the question 3 Type the possible responses for the interaction A to E Note You do not need to provide five responses You can delete a response but replace it or mov...

Page 349: ...ample type A Correct and B Incorrect in the Distractors boxes See also Configure a Learning Interaction component on page 329 Set feedback options for a learning interaction Feedback options control t...

Page 350: ...or calculated Question Type Correct Response User Response Result Date Time Latency 1 Select the Learning Interaction component to the left of the Stage in the quiz template 2 Open the Component insp...

Page 351: ...on labels for a learning interaction All interactions use an instance of the same control buttons Check Answer Submit Next Question and Reset The only exception is the True Or False interaction which...

Page 352: ...emplates already contain all the necessary UI components for each interaction To use UI components in Flash MX or later documents publish the SWF file using ActionScript 2 0 Sizing To scale the Button...

Page 353: ...actions and the quiz templates can send tracking data to an AICC and SCORM compliant LMS Individual interactions do not send overall score and tracking data but they can send interaction or question d...

Page 354: ...es that publishing the Flash file produces and any linked files such as mp3 or FLV on the web server in the same directory Additional files are created if Detect Flash Version is selected in the HTML...

Page 355: ...reates an Array on the level of the interaction assets The component then creates an instance of the LToolBox global class in index0 of the Array The instance of LToolBox is a storage place for all of...

Page 356: ...interaction assets are initialized and the interaction evaluations scripts reside Although these scripts are built on the component level they are initialized on the same level as the interaction ass...

Page 357: ...shared by all interactions is defined in this script Access the LToolbox Class script from the library 1 In the Library panel select Learning Interactions Assets Controls ComponentSuperClass 2 In the...

Page 358: ...ions designers should take to make web content accessible For information about the Web Accessibility Initiative see the W3C website at w3 org In the United States the law that governs accessibility i...

Page 359: ...and Windows stand alone players do not Important MSAA is currently not supported in the opaque windowless and transparent windowless modes These modes are options in the HTML Publish Settings panel a...

Page 360: ...re transferred except where labeling relationships are found and no descriptions or keyboard shortcut strings are transferred Documents The document state is transferred to the screen reader but with...

Page 361: ...ser with the screen reader enabled Check that the screen reader is not attempting to talk over places in your document where you inserted separate audio Several screen reader applications provide a de...

Page 362: ...ntent for accessibility can be useful because some objects might be extraneous or decorative and making them accessible could produce confusing results in the Screen Reader You can then apply a name m...

Page 363: ...ons and input text fields so that the screen reader identifies them appropriately Use the auto label feature to assign text adjacent or in the object as a label Enter a specific label in the Accessibi...

Page 364: ...es and variable names in text fields see About text field instance and variable names in Learning ActionScript 2 0 in Adobe Flash Specify a name and description for a button text field or entire Flash...

Page 365: ...ex property is synonymous with the reading order Note Flash Player no longer requires that you add all of the objects in a FLA file to a list of tab index values Even if you do not specify a tab index...

Page 366: ...f you re providing an index for the selected object only in the Tab Index text field enter a positive integer up to 65535 that reflects the order in which the selected object should receive focus 4 To...

Page 367: ...d Objects Accessible Create and name a keyboard shortcut You can create a keyboard shortcut for an object such as a button so users can navigate to it without listening to the contents of an entire pa...

Page 368: ...nKeyDown Key addListener myListener myButton onPress myOnPress myButton _accProps shortcut Ctrl 7 Accessibility updateProperties Note The example assigns the Control 7 keyboard shortcut to a button wi...

Page 369: ...od in the ActionScript 2 0 Language Reference Implementing screen reader detection with the Accessibility isActive method To create Flash content that behaves in a specific way if a screen reader is a...

Page 370: ...he tabIndex property to the following objects Dynamic text Input text Buttons Movie clips including compiled movie clips Timeline frames Screens Provide a complete tab order for all accessible objects...

Page 371: ...ge at www adobe com go flash_accessibility For general information about components see About Components in Using ActionScript 2 0 Components For each accessible component enable the accessible portio...

Page 372: ...ou author a screen based document the screens are arranged in a structured hierarchy that you create To structure the document nest screens in a branching tree You can easily preview and modify the st...

Page 373: ...eating screen based documents that use ActionScript see About organizing code for screens in in Using ActionScript 2 0 Components See also Creating controls and transitions for screens with behaviors...

Page 374: ...s Add screens to a document You can add a default type screen or select a screen type at the same level as the currently selected screen The new screen is a sibling screen of the selected screen You c...

Page 375: ...utline pane at the left of the Document window displays thumbnails of each screen in the current document in a collapsible tree view The tree represents the structural hierarchy of the document Nested...

Page 376: ...ions to several screens at once select multiple contiguous or discontiguous screens in the Screen Outline pane When you select multiple screens the contents of the first screen selected appear in the...

Page 377: ...n of the current screen Double click the item in the Document window Note By default items on ancestor screens of the current screen are dimmed in the Document window Fully render all items on ancesto...

Page 378: ...nge the default screen name the instance name is updated with the new name likewise if you change the instance name the screen name is updated The linkage identifier for the screen is also identical t...

Page 379: ...keyboard shortcut is used For other documents the Timeline receives focus first The Screen Outline pane receives focus only the first time you cycle through the panels That is if you arrive at the las...

Page 380: ...nScript class of the screen and its registration point on the Properties tab of the Property inspector The ActionScript class specifies what class the screen belongs to The class determines what metho...

Page 381: ...ts autoKeyNav setting from its parent If the slide s parent is also set to inherit the parent s ancestors are examined until one is found with its autoKeyNav parameter set to true or false If a slide...

Page 382: ...er Behaviors are built in ActionScript scripts that you add to an object such as a screen to control that object Behaviors let you add the power control and flexibility of ActionScript coding to your...

Page 383: ...ar in the Transitions dialog box when you select the transition Follow these guidelines when adding transitions For most situations the In option is recommended Use the In option when applying a trans...

Page 384: ...ing ActionScript 2 0 in Adobe Flash The Property inspector indicates the registration point in the x and y coordinate fields and in the registration grid You might want to move the registration point...

Page 385: ...arn more about creating screen based documents that use ActionScript see About organizing code for screens in Using ActionScript 2 0 Components See also About nested movie clips and parent child hiera...

Page 386: ...JavaScript should find ActionScript immediately familiar For more information about ECMAScript go to ecma international org Using the ActionScript documentation Because there are multiple versions of...

Page 387: ...supported by Flash Lite 1 x running on mobile phones and devices Ways of working with ActionScript There are several ways to work with ActionScript Script Assist mode lets you add ActionScript to you...

Page 388: ...Script window if you want to write external scripts that is scripts or classes that are stored in external files You can also use a text editor to create an external AS file The Script window include...

Page 389: ...ns toolbox When the Actions toolbox is hidden you can still use the Add button to access its items Use the Script navigator Click an item in the Script navigator the script associated with that item a...

Page 390: ...ess the code assistance features that help simplify and streamline coding in ActionScript The tools are different depending on whether you are using the Actions panel or the Script window Add A New It...

Page 391: ...Set ActionScript preferences Whether you edit code in the Actions panel or the Script window you can set and modify a single set of preferences 1 Select Edit Preferences Windows or Flash Preferences...

Page 392: ...lick an item it adds the item to the Actions panel Script pane In Script Assist mode you can add delete or change the order of statements in the Script pane enter parameters for actions in boxes above...

Page 393: ...s in the code you cannot use Script Assist until you fix the current code selection The errors are described in detail in the Compiler Errors panel View a description of an action Click a category in...

Page 394: ...to objects in your FLA file Behaviors provide functionality such as frame navigation loading external SWF and JPEG files controlling the stacking order of movie clips and movie clip dragging Behavior...

Page 395: ...onScript 2 0 but code hints are enabled in ActionScript preferences make sure you named your variable or object with the proper suffix or that you used strict typing for your variable or object Specif...

Page 396: ...s Escape Use menu style code hints 1 Display the code hint by typing a period after a variable or object name Menu style code hints 2 To navigate through the code hints use the Up and Down Arrow keys...

Page 397: ...ffixes and code hints If you use ActionScript 1 0 or you want to display code hints for objects without strictly typing them add a suffix to the name of each object when you create it For example the...

Page 398: ...t data typing or suffixes because these techniques enable code hints automatically and make your code more understandable Format code Your code can be formatted and indented automatically or manually...

Page 399: ...or opening curly brace is automatically indented according to the Tab Size setting in ActionScript preferences In your scripts you can indent a line by selecting it and pressing Tab To remove the inde...

Page 400: ...acintosh Note When you write scripts in the Actions panel commands that are not supported by the version of the player you are targeting appear in yellow in the Actions toolbox For example if the Flas...

Page 401: ...e code block click the minus sign that appears Expand all collapsed code in the current script Click Expand All Adding ActionScript with shortcut keys To add elements to a script use Escape shortcut k...

Page 402: ...every script in a Flash document use the Movie Explorer See also Use the Movie Explorer on page 42 Find text 1 In the Actions panel or Script window click Find or press Control F Windows or Command F...

Page 403: ...een braces brackets or parentheses is highlighted and you can check that opening punctuation has corresponding closing punctuation Encoding for imported and exported scripts You can set ActionScript p...

Page 404: ...acintosh and select Warnings in the Category list 2 Select or deselect Warn On Encoding Conflicts When Exporting ActionScript Files Pin scripts in the Actions panel If you don t organize the code with...

Page 405: ...he following keyboard shortcuts to work with pinned scripts Insert target paths Many script actions are meant to affect movie clips buttons and other symbol instances In your code you can reference sy...

Page 406: ...o click the vertical bar to expand either side of the Debugger to full size After it s activated the Debugger status bar displays the URL or local path of the file tells whether the file is running in...

Page 407: ...step through code Debug a remote ActionScript 2 0 SWF file You can debug a remote SWF file by using the stand alone ActiveX or plug in version of the Debug Flash Player which you can find in the Flas...

Page 408: ...published SWF file from the remote location Be sure the SWD file is in the same folder as the SWF file If the Remote Debug dialog box does not appear right click Windows or Control click Macintosh in...

Page 409: ...ent use the trace statement Use the Watch list To monitor a set of critical variables you can mark them for the Watch list The Watch list shows the absolute path to the variable and the value You can...

Page 410: ...etermine which one is executing you can add a breakpoint before the statements and examine them one by one step through them in the Debugger You can set breakpoints in the Actions panel Script window...

Page 411: ...on Debugger Here is an example of an AsBreakpoints xml file xml version 1 0 flash_breakpoints version 1 0 file name c tmp myscript as breakpoint line 10 breakpoint breakpoint line 8 breakpoint breakpo...

Page 412: ...that follows the function call In the previous example if you place a breakpoint at line 3 and click Step Out the Debugger moves to line 8 Clicking Step Out at a line that is not within a user defined...

Page 413: ...to prevent any information from appearing in the Output panel select Verbose to send all information to the Output panel Navigate to errors in code When Flash encounters an error in ActionScript code...

Page 414: ...ommand each time you want to send the information to the Output panel 1 Create a new FLA document For example you might call it listvariables fla 2 Add the following ActionScript 2 0 in the Actions pa...

Page 415: ...similar to the JavaScript alert statement When you use the trace statement in a script you can use expressions as parameters The value of an expression appears in the Output panel in the test environm...

Page 416: ...en Flash initiates a debug session it adds special information to the SWF file that it exports for the session This information allows the debugger to provide the specific line numbers in the code whe...

Page 417: ...ecution Click the Continue button in the Debug Console Display and examine scripts in the call stack When code execution stops in the debugger you can view the call stack in the Debug Console and disp...

Page 418: ...s an error in ActionScript code either during compiling or execution it reports the error in the Compiler Errors panel Navigate to the line of code that caused the error from the Compiler Errors panel...

Page 419: ...panel Activate the Debugger from a remote location 1 Open the Flash authoring application if it is not already open 2 Select Debug Begin Remote Debug Session ActionScript 3 0 3 In a browser or in the...

Page 420: ...to the directory you want to add and click OK Alternatively double click the path in the Classpath list type the desired path and click OK To delete a directory from the classpath select the path in t...

Page 421: ...menu and hide any built in items in the menu except Settings and Debugger The editing context menu appears when a user right clicks Windows or Control clicks Macintosh in an editable text field in a...

Page 422: ...Locations are as follows Windows Hard Disk Documents and Settings user Local Settings Application Data Adobe Flash CS3 language Configuration ActionsPanel Macintosh Hard Disk Users user Library Applic...

Page 423: ...fferent workstations on the network and always have an application load the same configuration files The Local Settings folder differs from the Roaming Profile folder in that when the network is set u...

Page 424: ...TML needed to display them in the browser window Alternative formats allow a browser to show your SWF file animation and interactivity for users who don t have the targeted Flash Player installed When...

Page 425: ...a SWF file closes and then returns the focus to the Dreamweaver document Note To update the SWF file and keep Flash open in Flash select File Update for Dreamweaver 5 To view the updated file in the d...

Page 426: ...y of the following options Generate Size Report Generates a report listing the amount of data in the final Flash content by file Omit Trace Actions Causes Flash to ignore Trace actions trace in the cu...

Page 427: ...all stream sounds at the highest individual setting This can increase file size if one or more stream sounds has a high export setting 9 To export sounds suitable for devices including mobile devices...

Page 428: ...nstances 6 Specify ActionScript 3 0 or ECMAScript as the dialect to use ActionScript 3 0 is recommended 7 Do any of the following To add a folder to the classpath click the Browse To Path button brows...

Page 429: ...tures select Playback options Paused At Start Pauses the SWF file until a user clicks a button or selects Play from the shortcut menu Default The option is deselected and the content begins to play as...

Page 430: ...ent to appear above and below the content For browsers that support windowless modes see the following table Note In some instances complex rendering in Transparent Windowless mode can result in slowe...

Page 431: ...not embed the Flash Player 1 Select File Publish Settings and click HTML 2 Select either the Flash Only or Flash HTTPS template from the Template pop up menu These templates support the single page H...

Page 432: ...f you select Animation select Loop Continuously or enter the number of repetitions 4 To specify a range of appearance settings for the exported GIF file select one of the following options Optimize Co...

Page 433: ...Snap Adaptive is the same as the Adaptive palette option except it converts similar colors to the web 216 color palette The resulting color palette is optimized for the image but when possible Flash...

Page 434: ...nel It is also the native file format for Adobe Fireworks Flash exports the first frame in the SWF file as a PNG file unless you mark a different keyframe for export by entering the Static frame label...

Page 435: ...colors in the image and creates a unique color table for the selected PNG file Best for systems showing thousands or millions of colors it creates the most accurate color for the image but results in...

Page 436: ...format an error message appears indicating that the installed version of QuickTime does not support that version of Flash Player To resolve this issue select File Publish Settings Flash and select Fla...

Page 437: ...ntent and imported video content into a single QuickTime video select File Flatten Make Self Contained Deselecting this option makes the QuickTime video refer to the imported files externally the vide...

Page 438: ...vice Central help system Configuring a web server for Flash Adding MIME types When a web server accesses files the server must properly identify the files as Flash content to display them If the MIME...

Page 439: ...ayer from reading anything from the user s local hard disk For more information about security see System in ActionScript 2 0 Language Reference Flash security features Publishing secure Flash documen...

Page 440: ...settings configuration export it and import the publish profile to other documents or for others to use Import publish profiles to use in your document Create profiles to publish in several media for...

Page 441: ...an HTML page that displays the SWF file For example the Flash Only template is useful for testing your files in a browser It places the SWF file on the HTML page so that you can view it through a web...

Page 442: ...d to change your Windows Explorer settings to see this folder Mac OS X 10 3 and later Macintosh HD Applications Adobe Flash CS3 First Run HTML The boot drive is the drive from which Windows 2000 or Wi...

Page 443: ...to write movie text MT Movie URL location of SWF file URL MU Image width unspecified image type IW Image height unspecified image type IH Image filename unspecified image type IS Image map name IU Ima...

Page 444: ...ce the playhead on the frame to be used for display 3 In an HTML editor open the HTML template you ll modify 4 Save your template 5 Select File Publish Settings click Format select a format for the im...

Page 445: ...y DS Display Adobe Flash Movie in HTML DF DOCTYPE html PUBLIC W3C DTD XHTML 1 0 Transitional EN http www w3 org TR xhtml1 DTD xhtml1 transitional dtd html xmlns http www w3 org 1999 xhtml xml lang en...

Page 446: ...t For the embed tag all settings such as height width quality and loop are attributes that appear between the angle brackets of the opening embed tag as shown in the following example embed src movien...

Page 447: ...own in lowercase to comply with the XHTML standard See also HTML publishing templates on page 435 devicefont attribute parameter Value true false Template variable DE Description Optional Specifies wh...

Page 448: ...pixels 320 x 240 pixels and 240 x 180 pixels codebase attribute Value http fpdownload adobe com pub shockwave cabs flash swflash cab version 7 0 0 0 Description Identifies the location of the Flash Pl...

Page 449: ...In this case set the play attribute to false to prevent the application from starting automatically The default value is true if this attribute is omitted loop attribute parameter Value true false Te...

Page 450: ...tion Use this attribute to override the background color setting that the SWF file specifies This attribute does not affect the background color of the HTML page scale attribute parameter Value showal...

Page 451: ...indow and crop the bottom and remaining right or left side as needed BL And BR Align the application to the bottom left and bottom right corner respectively of the browser window and crop the top and...

Page 452: ...municate with the HTML page hosting it The fscommand and getURL operations can cause JavaScript to use the permissions of the HTML page which can be different from the permissions of your Flash applic...

Page 453: ...he current document 2 Select File Export Export Movie or File Export Export Image 3 Enter a name for the output file 4 Select the file format and click Save If the format you selected requires more in...

Page 454: ...er the following If the format you selected requires more information an Export dialog box appears When you save a Flash image as a bitmap GIF JPEG PICT Macintosh or BMP Windows file the image loses i...

Page 455: ...Adobe Illustrator dialog box Versions of the Adobe Illustrator format before version 5 do not support gradient fills and only version 6 supports bitmaps See also Import Adobe Illustrator files on pag...

Page 456: ...onitor select Match Screen Color Depth Specifies the bit depth of the image Some Windows applications do not support the newer 32 bit per channel bpc depth for bitmap images if you have problems using...

Page 457: ...s and click Export 3 Enter a name for the exported file Select a location to save it to click Save and click OK JPEG Sequence and JPEG Image These options match the JPEG Publish Settings options with...

Page 458: ...th transparency 32 bpc select 24 bpc with Alpha The higher the bit depth the larger the file Include Select to export the minimum image area or specify the full document size Filter Options match thos...

Page 459: ...particularly large for example 740 x 480 pixels you may need to change the frame rate of the Flash movie to avoid dropping frames Note The Dimensions you set in the QuickTime Export Settings dialog is...

Page 460: ...n the aspect ratio of your original document To set both the width and the height deselect Maintain Aspect Ratio Video Format Selects a color depth Some applications do not yet support the Windows 32...

Page 461: ...r size orientation and various print options including margin settings and whether all frames are to be printed for each page On the Macintosh these options are divided between the Page Setup and the...

Page 462: ...print remember the following items as you set up documents and movie clips for printing Adjust the page layout in any frames that you designate as printable to match the desired printed output Using F...

Page 463: ...int job call once per page to add to the print job PrintJob addPage 4 Send the print job to the printer PrintJob send 5 Delete the print job delete PrintJob The following example shows ActionScript co...

Page 464: ...in Programming ActionScript 3 0 Adding pages to a print job You add pages to your print job with the ActionScript 2 0 PrintJob addPage method Although the method can include as many as four parameters...

Page 465: ...reen pixels relative to the target level or movie clip registration point The print area orientation is from the upper left corner of the printable area on the page If the print area is larger than th...

Page 466: ...er use the following syntax printAsBitmap boolean The default value is false which represents a request for vector printing Remember the following suggestions when determining which value to use If th...

Page 467: ...ames in a Timeline as the print area for example to print multiple frames that share a registration point To use the composite bounding box use the bMax parameter as shown in the following example pri...

Page 468: ...n the ActionScript 2 0 Language Reference Note For information on printing from SWF files at runtime using ActionScript 3 0 see Printing in Programming ActionScript 3 0 Change the printed background c...

Page 469: ...for the print area or the specified bounding box If you haven t designated specific frames to print all frames in the document main Timeline print 2 Select File Publish Preview Default or press F12 t...

Page 470: ...able place your layers that include ActionScript and a layer for frame labels at the top of the layer stack in the timeline For example name the layer that contains your ActionScript actions Use layer...

Page 471: ...dvantages apply to your document consider using multiple FLA files or movie clips to build an animation instead of using scenes Saving files and version control When you save your FLA files use a cons...

Page 472: ...iciently and reduce errors such as overwriting files or working on old versions of a document As with other documents you can use these programs to organize the Flash documents outside Flash See also...

Page 473: ...to learn different coding styles additional syntax and a poor and limited coding style Avoid attaching ActionScript 2 0 to a button called myButton_btn which looks like the following on release do som...

Page 474: ...your own ActionScript and put all your code on the main Timeline you only have to make your changes on the Timeline If you have a FLA file with symbols you can select one of the instances on the Stag...

Page 475: ...ors if you are working with a complex document Depending on the size of the appli cation create a flow chart list or use good documentation comments in a central location on the main Timeline If you a...

Page 476: ...lay and resume the video and control volume over the video in a SWF file To gain certain kinds of flexibility over your video such as manipulating the video with animation or syncing various parts of...

Page 477: ...s or 7 5 fps Choose an appropriate number of keyframes Video keyframes are different from keyframes in Flash Each keyframe is a frame that draws when the video is compressed so the more frequent your...

Page 478: ...can define a site for your work create a Flash project FLP file and then upload everything to the server so that a team can work on the project Version control lets you check files in and out of your...

Page 479: ...es After this is done each person working on the project deletes the root folder of their own local copy of the project To avoid accidentally using legacy files each author uses File Open from Site to...

Page 480: ...of the capabilities you have with animation and creative control over the interface and error checking and validation you can perform using ActionScript Benefits from using Flash to build forms to col...

Page 481: ...WF file from the server After you finish loading data into a SWF file the data can be accessed from that location Use ActionScript to check whether the data is fully loaded You can use callback functi...

Page 482: ...ckage Arrange your code this way to keep it well organized and reduce the risk of the code being overwritten For larger applications encapsulate client server communication and services in classes Whe...

Page 483: ...attern is to separate data and logic from the user interface By separating these parts of the process you can have several different graphical interfaces that use the same model and unformatted data T...

Page 484: ...xt or seeing small graphics Allow users to zoom in on these elements taking advantage of scalable vector graphics in SWF files Provide audio narration Consider providing an audio narration for visitor...

Page 485: ...Creating accessibility with ActionScript on page 362 Controlling descriptions and repetition Designers and developers can assign descriptions for the animations images and graphics in a SWF file Prov...

Page 486: ...tionScript However you have more control over reading order if you use ActionScript and test the reading order in your SWF files Important Do not miss ordering a single instance in your SWF file or th...

Page 487: ...ription is added for a group of instances or if text has a label for the instance and tells you about any problems The tool also examines the reading order in your SWF file and finds all instances tha...

Page 488: ...elines to set dimensions for your Flash advertisements The following table lists the recommended Interactive Marketing Unit IMU ad formats measurements When you create a FLA file from a template Selec...

Page 489: ...mples of ActionScript 2 0 code you might add to Frame 1 of the Timeline myButton_btn onRelease function getURL clickTAG _blank You might add the following code to Frame 1 of the Timeline myButton_btn...

Page 490: ...iately and for the duration of the ad For the latest information on Flash Player version penetration for different regions go to www adobe com go fp_version_penetration Optimizing FLA files for SWF ou...

Page 491: ...the document display use commands in the View menu to turn off rendering quality features that require extra computing and slow down document display None of these commands have any effect on how Flas...

Page 492: ...imit the number of colors in your image while still retaining quality Note Avoid scaling bitmaps larger than their original dimensions because it reduces the quality of the image and is processor inte...

Page 493: ...s put a lot of stress on processors and do not change the appearance of the animation much or at all at runtime Select a frame rate for your animation as early as possible in the development process W...

Page 494: ...opics About caching and scrolling movie clips with ActionScript in Learning ActionScript 2 0 in Adobe Flash Caching a movie clip in Learning ActionScript 2 0 in Adobe Flash Use the cacheAsBitmap prope...

Page 495: ...g with components in Flash Player The component framework lets you add functionality to components but it can potentially add considerable file size to an application Components inherit from each othe...

Page 496: ...ur application by using the Loader component To implement several styles in different components place each component in its own SWF file If you change styles on the Loader component and reload the SW...

Page 497: ...age in your code forces the SWF file to use the system s code page instead of Unicode Only use this process when you are loading non Unicode encoded text from an external location and when this text i...

Page 498: ...data flows at the rate set for streaming The stream rate for the main SWF file is reduced based on the reduction of bandwidth that the additional data requests cause Test your document at each speed...

Page 499: ...t View Streaming Graph to show which frames cause pauses This default view displays alternating light and dark gray blocks that represent each frame The side of each block indicates its relative byte...

Page 500: ...xperiment with changing the player s quality setting and then thoroughly test the SWF file To control the rendering quality of a SWF file use the _quality property or the SetQuality command Valid valu...

Page 501: ...images such as icons and vector graphics for larger and simpler ones Import bitmap graphics at the correct size don t import large graphics and scale them down in Flash because this wastes file size...

Page 502: ...ay back content at about 15 to 20 frames per second fps The frame rate can be as low as 6 fps During development set the document frame rate to approximate the playback speed of the target device This...

Page 503: ...load time and run time memory requirements Avoid using Object watch and Object unwatch because every change to an object property requires the player to determine whether a change notification must be...

Page 504: ...n t use the delete statement to free an object s memory but you can set to null the variable that references the object This frees the memory that the object uses provided there are no other reference...

Page 505: ...l XML files and make several data loading calls for each piece The size of each piece of data and therefore the number of data loading calls you need to make varies by device and file To determine an...

Page 506: ...e names of classes that should be excluded from the SWF file Add as many as required for the file For example the following XML file excludes the mx core UIObject and mx screens Slide classes from the...

Page 507: ...screen reader 363 editing preferences 385 formatting 392 in mobile devices 496 publish settings 413 screens and 378 tab and reading order for screen readers 364 ActionScript editing check syntax 397 c...

Page 508: ...4 125 127 Adobe Version Cue projects about 94 adding files to 98 creating and editing 95 118 deleting 99 disconnecting from 100 editing properties 96 119 sharing 97 Adobe Version Cue SDK 83 Adobe Vers...

Page 509: ...ofiler about 492 settings 493 Timeline graph 493 base attribute 445 behaviors about 388 Bring Forward 225 Bring To Front 225 controlling instances with 224 Duplicate Movieclip 225 GotoAndPlay at frame...

Page 510: ...ing 389 code stepping 411 codebase attribute 442 collaborating in Version Cue 95 color palette saving current as default 185 web safe 185 color palettes Adaptive 427 default 185 importing and exportin...

Page 511: ...g with password 421 from a remote location 401 412 listing objects 407 listing variables 408 mode 410 remote files 412 text field properties 408 using the Output panel 407 variables 411 with trace sta...

Page 512: ...nes converting to fills 180 lines straight 165 Object Drawing model 162 objects snapping 181 ovals and rectangles 165 paths with Pen tool 174 Pen tool 172 Pencil tool 165 pixels snapping to 181 polygo...

Page 513: ...gradient 189 lines creating from 180 locked gradient or bitmap with 194 Paint Bucket tool applying with 190 softening edges 180 swapping color with stroke color 186 text for 271 filters 253 about 249...

Page 514: ...el behavior 225 gradient bevel filter applying 255 gradient colors 189 gradient fills applying 190 creating or editing 189 in imported FreeHand files 138 importing and exporting 186 working with solid...

Page 515: ...mbol about 207 behaviors 214 224 breaking apart 202 color and transparency changing 213 creating 212 Info panel 215 information getting 215 naming 212 properties changing 213 swapping 214 unlinking fr...

Page 516: ...ions menu 65 using 64 using an item in another document 66 using folders in 66 Lighten blending mode 256 line numbers in code 394 line numbers in code displaying 394 line spacing 272 Line Style dialog...

Page 517: ...Timelines in 71 Movie Explorer about 42 context menu 43 displaying symbol definition 216 filtering displayed items in 42 Find text box 42 instance information 215 instances in 215 options menu 43 for...

Page 518: ...inspector docking 18 Flash Project 60 grouping 19 History See History panel Info See Info panel keyboard shortcuts 44 Library 40 Mixer 188 moving 19 Scene 75 showing and hiding 17 stacking 20 Strings...

Page 519: ...ating 60 creating and deleting folders 61 finding missing files 63 Flash Project panel 60 moving files or folders 61 opening 61 opening files 61 Project pop up menu 60 publishing 62 renaming 62 saving...

Page 520: ...with Run Command 50 S salign parameter 445 SALIGN parameter publish settings 424 Sample Rate for ADPCM sound compression 296 for raw sound compression 296 Save A Version command 109 Save and Compact c...

Page 521: ...sers in Version Cue 115 Flash Player 433 Select Screen dialog box 376 Selectable option for dynamic text 267 for text 274 selecting adding to a selection 197 connected lines 197 deselecting 197 freeha...

Page 522: ...ntrol 294 Time Out control 294 tips for reducing file size 297 versions creating separate 421 Special instance color property 213 spell checking 267 268 src attribute 441 SSL enabling in Version Cue 1...

Page 523: ...ing and removing 338 target paths about 72 absolute 71 expression 74 inserting 399 level names 71 relative 72 specifying 73 targetPath function 74 templates creating 436 creating document from 52 mobi...

Page 524: ...nt alias 72 playhead 35 Preview option 36 relative target path 71 resizing 35 showing frame thumbnails in 36 target paths 72 using 33 68 viewing layers as outlines 37 working with frames 33 68 Timelin...

Page 525: ...troubleshooting remote folder setup 64 Version Cue See Adobe Version Cue versions about 108 checking in 109 deleting 111 promoting 111 viewing 109 vertical text flow 266 preferences 267 video behavior...

Page 526: ...INDEX 520 XMLConnector component multilanguage text 290 Z Zoom tool 24 zooming 24...

Reviews: