background image

56

Flash Basics

To move the Timeline when it is docked to the application 
window: 

Drag the gripper at the left of the word 

Timeline

 in the panel title bar.

To dock an undocked Timeline:

Drag the Timeline title bar to an edge of the application window. Press 
Control and drag to prevent the Timeline from docking.

To lengthen or shorten layer name fields:

Drag the bar separating the layer names and the frames portions of 
the Timeline. 

To resize the Timeline, do one of the following:

If the Timeline is docked to the main application window, drag the bar 
separating the Timeline from the Stage area. 

If the Timeline is not docked to the main application window, drag the 
lower-right corner (Windows) or the size box in the lower-right corner 
(Macintosh).

Moving the playhead

The playhead moves through the timeline as a document plays to indicate 
the current frame displayed on the Stage. The Timeline header shows the 
frame numbers of the animation. To display a frame on the Stage, you 
move the playhead to the frame in the Timeline.

When you’re working with a large number of frames that can’t all be 
displayed in the Timeline at once, you can move the playhead along the 
Timeline to easily display a specific frame.

000_Getting_Started.book  Page 56  Friday, September 2, 2005  12:22 PM

Summary of Contents for FLASH 8-GETTING STARTED WITH FLASH

Page 1: ...Getting Started with Flash...

Page 2: ...tware ASA and its suppliers All rights reserved Macromedia Flash 8 video is powered by On2 TrueMotion video technology 1992 2005 On2 Technologies Inc All Rights Reserved http www on2 com Visual Source...

Page 3: ...ion 34 Accessing additional online Flash resources 39 Choosing the right help books 40 Using the Flash help system 42 Opening the Help panel 42 Searching the help system 43 Using context sensitive hel...

Page 4: ...the main Timeline 112 Create the border 113 Add a symbol 119 Add a text box 120 Add the movie clip to the Stage 123 Add a button component 124 Add ActionScript code 125 Publish your document 131 Resou...

Page 5: ...Flash application This chapter contains the following sections What is Flash 5 What you can do with Flash 7 Making a simple Flash document 8 About Flash Player 17 What s new in Flash 17 Installing Fla...

Page 6: ...ed further in Flash Basics on page 49 The Timeline is where you tell Flash when you want the graphics and other elements of your project to appear You also use the Timeline to specify the layering ord...

Page 7: ...e simple navigation bars as well as much more complex interfaces You can find an example of a navigation bar created with Flash across the top of the www macromedia com home page Flexible messaging ar...

Page 8: ...LA file as a SWF file that can be displayed in a web page and played back with Flash Player Depending on your project and your working style you may use these steps in a different order As you become...

Page 9: ...king the swatch and selecting a different color The Property inspector showing the Stage size and background color Drawing a circle After you ve created your document you are ready to add some artwork...

Page 10: ...Color Picker 3 Select a color of your choice from the Fill Color Picker Make sure the fill color contrasts well with the Stage color 4 Draw a circle on the Stage by selecting the Oval tool and Shift...

Page 11: ...anel The Tools panel with the Selection tool selected 2 Click the circle on the Stage to select it 3 With the circle still selected select Modify Convert to Symbol 4 In the Convert to Symbol dialog bo...

Page 12: ...ke it more interesting by animating it to move across the Stage To create an animation with the circle 1 Drag the circle to just left of the Stage area The circle shape moved to the left of the Stage...

Page 13: ...cted select Insert Timeline Keyframe A keyframe is added in Frame 20 A keyframe is a frame where some property of an object is explicitly changed In this new keyframe you will change the circle s loca...

Page 14: ...his step creates a tweened animation of the circle moving from its position in the first keyframe in Frame 1 to its new position in the second keyframe in Frame 20 For more information on tweening see...

Page 15: ...blish command can automatically generate an HTML file with the correct tags in it for you To publish the Flash file and view it in a browser 1 Select File Publish Settings 2 In the Publish Settings di...

Page 16: ...file that contains only your SWF file when displayed in a browser window Choosing Flash Only from the Template menu 4 Click OK 5 Select File Publish and open your web browser 6 Select File Open in th...

Page 17: ...ly to anyone who wants to use it You can get the latest version of Flash Player at the Macromedia Flash Player Download Center at www macromedia com go getflashplayer What s new in Flash Many new feat...

Page 18: ...nd other objects without having them appear on the Stage when you play the SWF file Macromedia expanded this area called the work area to allow you to store more items there Flash users often use the...

Page 19: ...tage With the new controls you can make an object move back and forth on the Stage within a single tween or create other complex tween effects For more information see Applying custom ease in ease out...

Page 20: ...e Chapter 11 Working with Video in Using Flash Installing Flash The following sections describe the process of installing Flash System requirements Complete product system requirements and recommendat...

Page 21: ...lete follow the instructions to select the 30 day trial period or enter your serial number and activate Flash Upgrading from Macromedia Flash Basic 8 to Macromedia Flash Professional 8 If you ve purch...

Page 22: ...the dialog box that appears select Buy One Online to purchase a serial number A browser window opens at the Macromedia store Configuration folders installed with Flash Flash Basic 8 and Flash Profess...

Page 23: ...le area This folder is always writable by the current user Typical paths to this folder are as follows In Windows 2000 or Windows XP browse to boot drive Documents and Settings username Local Settings...

Page 24: ...the folder for users with restricted privileges on a workstation Typically in a networked environment only system administrators have administrative access to workstations All other users are given re...

Page 25: ...tall the plug in for Macintosh AOL CompuServe Firefox Internet Explorer for Macintosh Netscape Opera or Safari 1 Close your browser before installing a new version of the plug in 2 Remove currently in...

Page 26: ...26 Introduction...

Page 27: ...contains and how it is intended to be used you can begin the learning process with confidence This chapter contains the following sections Where to start 28 Get the most from the Flash documentation...

Page 28: ...de with minimal knowledge of the ActionScript language 3 If you want to create Flash projects that include more complex ActionScript code you can move on to Learning ActionScript 2 0 in Flash This boo...

Page 29: ...e you step by step through the process of creating various types of projects and effects in Flash The Samples section contains examples of FLA files with descriptions that you can explore to see how a...

Page 30: ...d animation tools 1 Browse Chapters 3 and 4 of this Getting Started with Flash guide Flash Basics introduces you to the Flash user interface including the drawing tools Tutorial Building Your First Fl...

Page 31: ...lash 6 Read about the new color gradient controls in Chapter 4 Working with Color Strokes and Fills in Using Flash 7 Read about FlashType with improved anti aliasing and text rendering in Flash in Cha...

Page 32: ...If you are a mobile or device developer with no Flash experience 1 Finish reading this Getting Started with Flash guide This guide introduces you to the Flash interface and provides a tutorial that d...

Page 33: ...es and find the information that is most helpful to you in realizing your goals with Flash For specific information about using the Flash documentation see the following sections Accessing the Flash d...

Page 34: ...iew online livedocs macromedia com go livedocs_flash Get the PDF www macromedia com go fl_documentation Using Flash Comprehensive information about all the features of Flash except ActionScript Intend...

Page 35: ...ers View in Flash Select Help Flash Help View online livedocs macromedia com go livedocs_flash Get the PDF www macromedia com go fl_documentation Flash Samples A collection of sample files demonstrati...

Page 36: ...onScript users View in Flash Select Help Flash Help View online livedocs macromedia com go livedocs_flash Get the PDF www macromedia com go fl_documentation ActionScript 2 0 Language Reference Diction...

Page 37: ...ence Dictionary style reference entries for each term in the ActionScript component API Intended for all Flash users View in Flash Select Help Flash Help View online livedocs macromedia com go livedoc...

Page 38: ...lash Help View online livedocs macromedia com go livedocs_flash Get the PDF www macromedia com go flash_lite_documentation Learning Flash Lite 1 x ActionScript Information about writing ActionScript f...

Page 39: ...a com go flash_devcenter Flash Documentation Resource Center PDF and HTML versions of the Flash documentation www macromedia com go fl_documentation Macromedia Online Forums Discussion and problem sol...

Page 40: ...dia Working with various media types Using text Using the Timeline Creating animation Creating graphic effects Integrating external data sources into projects Creating simple scripts with Script Assis...

Page 41: ...Language Reference includes dictionary style entries for all of the methods and properties that are available to each component included with Flash You control the behavior of components with these AP...

Page 42: ...operties available in Flash Lite 1 0 and 1 1 Each entry includes the details of the term s syntax and functionality as well as example code Using the Flash help system The Flash help system includes m...

Page 43: ...s For example you might type timeline and keyframe or tween in the search text box This action returns a list of help pages that contain timeline and keyframe and help pages that contain timeline and...

Page 44: ...search for and click Find Next If the word or phrase exists in the current help page it is highlighted in the Help panel Using context sensitive help The Help panel contains context sensitive referen...

Page 45: ...ion page at www macromedia com go fl_documentation 2 Locate the PDF file for the book you wish to print 3 Download the PDF file 4 Open the PDF file in Adobe Reader 5 Print the file or a single chapter...

Page 46: ...a software release LiveDocs is not the place to ask for help requests such as asking questions about your code that doesn t work or how to complete a specific task LiveDocs is the correct place to pro...

Page 47: ...nels see Using panels and the Property inspector on page 73 To arrange the Help panel in a docked position 1 Dock the Help panel in the desired position 2 Expand the Help panel if it is not already ex...

Page 48: ...p The Update feature in Flash allows you to update your help system with new and revised documentation including procedures and lessons You can click the Update button to see if new information is ava...

Page 49: ...es and keyframes 58 Using layers 61 About the main toolbar and edit bar 67 Using the Tools panel 67 Using the grid guides and rulers 69 Using panels and the Property inspector 73 You can select prefer...

Page 50: ...can be accomplished in Flash without ActionScript but using ActionScript offers many more possibilities Flash can be used to work with a variety of file types Each type has a separate purpose The fol...

Page 51: ...d actions The Start page contains the following four areas Open a Recent Item lets you open your most recent documents You can also display the Open File dialog box by clicking the Open icon Create Ne...

Page 52: ...sents the rectangular space in Macromedia Flash Player or in a web browser window where your Flash document appears during playback You can zoom in and out to change the view of the Stage as you work...

Page 53: ...ge from the submenu or select a percentage from the Zoom control at the upper right corner of the Timeline To scale the Stage so it fits completely in the application window select View Magnification...

Page 54: ...ntaining a different image that appears on the Stage The major components of the Timeline are layers frames and the playhead Layers in a document are listed in a column on the left side of the Timelin...

Page 55: ...to a different layer For more information see Working with frames in the Timeline on page 59 Changing the appearance of the Timeline By default the Timeline appears at the top of the main application...

Page 56: ...ed to the main application window drag the bar separating the Timeline from the Stage area If the Timeline is not docked to the main application window drag the lower right corner Windows or the size...

Page 57: ...tom of the Timeline Changing the display of frames in the Timeline You can change the size of frames in the Timeline and add color to sequences of frames to highlight them You can also include thumbna...

Page 58: ...text This is useful for viewing the way elements move within their frames over the course of the animation but previews are generally smaller than with the Preview option Using frames and keyframes A...

Page 59: ...ting frames in the Timeline In frame based selection the default you select individual frames in the Timeline In span based selection the entire frame sequence from one keyframe to the next is selecte...

Page 60: ...text menu Surrounding frames remain unchanged To move a keyframe or frame sequence and its contents drag the keyframe or sequence to the desired location To extend the duration of a keyframe animation...

Page 61: ...ive at a time although more than one layer can be selected at a time When you create a new Flash document it contains only one layer You can add more layers to organize the artwork animation and other...

Page 62: ...t to show or hide layers or folders A red X next to the name of a layer or folder in the Timeline indicates that it is hidden When you publish a Flash SWF file any layers that were hidden in the FLA d...

Page 63: ...gain to turn off the outline display for all layers To change a layer s outline color 1 Do one of the following Double click the layer s icon the icon to the left of the layer name in the Timeline Rig...

Page 64: ...rs or folders Shift click their names in the Timeline To select discontiguous layers or folders Control click Windows or Command click Macintosh their names in the Timeline To rename a layer or folder...

Page 65: ...a layer folder 1 Click the triangle to the left of the folder name in the Timeline to collapse it if necessary 2 Click the folder name to select the entire folder 3 Select Edit Timeline Copy Frames 4...

Page 66: ...er folder name to the destination layer folder name The layer or layer folder appears inside the destination layer folder in the Timeline To change the order of layers or folders Drag one or more laye...

Page 67: ...evel of the Stage For information on changing the Stage magnification level see Zooming on page 52 For information on editing symbols see Chapter 3 Using Symbols Instances and Library Assets in Using...

Page 68: ...ect a set of modifiers may be displayed in the options area at the bottom of the Tools panel Press the tool s keyboard shortcut You can view the keyboard shortcuts by selecting Edit Keyboard Shortcuts...

Page 69: ...om the selected location select the tool in the Current Selection scroll list and click the Remove button 5 Click OK to apply your changes and close the Customize Tools panel dialog box To restore the...

Page 70: ...lock guides hide guides and remove guides You can also snap objects to guides and change the guide color and snap tolerance how close objects must be to snap to a guide Flash allows you to create nes...

Page 71: ...Color click the triangle in the color box and select a guide line color from the palette The default guide color is green Select or deselect Show Guides to display or hide guides Select or deselect Sn...

Page 72: ...Show Grid Press Control quote Windows or Command quote Macintosh To turn snapping to grid lines on or off Select View Snapping Snap to Grid To set grid preferences 1 Select View Grid Edit Grid 2 For...

Page 73: ...cument creation by making it easy to access the most commonly used attributes of the current selection either on the Stage or in the Timeline You can make changes to the object or document attributes...

Page 74: ...rmation see Managing media assets with the library in Using Flash The Library panel showing a movie clip symbol To display the Library panel do one of the following Select Window Library Press Control...

Page 75: ...ces colors type frames and other elements You can customize the Flash interface by displaying the panels you need for a specific task and hiding others Panels let you work with objects colors text ins...

Page 76: ...e box at the panel s lower right corner Macintosh To expand or collapse a panel to its title bar Click the collapse arrow in the title bar Click the collapse arrow again to expand the panel to its pre...

Page 77: ...a tab to the second panel A tabbed panel showing the Library and Movie Explorer panels To float a panel Drag the panel by its gripper and move it away from other panels To create a new panel group Dr...

Page 78: ...space Layout Manage 2 In the Manage Workspace Layouts dialog box select the panel set you want to delete 3 Click Delete 4 Click Yes to confirm the deletion 5 Click OK Setting preferences in Flash Flas...

Page 79: ...Flash Select No Document to start Flash without opening a document For Undo enter a value from 2 to 300 to set the number of undo redo levels Undo levels require memory the more undo levels you use th...

Page 80: ...mpletely surrounds the object For Timeline Options select Span Based Selection to use span based selection in the Timeline rather than the default frame based selection For more information on span ba...

Page 81: ...hen pasting items to a location outside of Flash When you are pasting within Flash the full gradient quality of the copied data is preserved regardless of the Gradients on Clipboard setting For PICT S...

Page 82: ...ent that is specific to the Flash Basic 8 or Flash Professional 8 authoring tool as a Flash MX 2004 file This option is selected by default Select Warn on Missing Fonts to have Flash warn you when you...

Page 83: ...erent type Select Warn on Automatically Converting from Drawing Object to Group to have Flash warn you when it converts a graphic object drawn in Object Drawing mode to a group Select Show Incompatibi...

Page 84: ...open the file in a web browser 7 To print the file use the browser s Print command To select a keyboard shortcut set 1 Select Edit Keyboard Shortcuts Windows or Flash Keyboard Shortcuts Macintosh 2 In...

Page 85: ...dd a shortcut click the Add Shortcut button To remove a shortcut click the Remove Shortcut button and proceed to step 6 5 If you are adding a shortcut enter the new shortcut key combination in the Pre...

Page 86: ...g environment provides keyboard shortcuts for navigating and using interface controls including panels the Property inspector dialog boxes the Stage and objects on the Stage so that you can work with...

Page 87: ...s visible in the Flash application window The panel can be expanded or collapsed When you use the keyboard shortcut to select panels focus is applied to panels using the following criteria Docked pane...

Page 88: ...ne appears around the title of the currently focused panel 2 Press the Spacebar to expand or collapse the currently selected panel To hide all panels and the Property inspector Press F4 Press F4 again...

Page 89: ...inactive you cannot apply focus to the control To move the focus from a panel title bar to a panel pop up menu do one of the following Press Tab Press the Right Arrow key Press the Left Arrow key or S...

Page 90: ...in the dialog box To move through the controls within one section of a dialog box press the Up Arrow and Down Arrow keys For example in the Spelling Setup dialog box press the Up Arrow and Down Arrow...

Page 91: ...s are selected on the Stage using the following criteria If an object is currently selected pressing Shift Tab selects the previous object Pressing Tab the first time selects the first object that was...

Page 92: ...t copy and paste library items using keyboard shortcuts You can cut or copy an item from the Library panel and paste it onto the Stage or into another library or paste a folder into another library If...

Page 93: ...ry items using keyboard shortcuts To copy or paste a selected library item press Control X Windows or Command X Macintosh to cut the item or press Control C Windows or Command C Macintosh to copy the...

Page 94: ...94 Flash Basics...

Page 95: ...If you have not already done so Macromedia recommends that before you take this tutorial you read Flash basics on page 57 In this tutorial you will complete the following tasks Review your task 96 Ex...

Page 96: ...hey usually occupy an area of the web page that is set aside for content that can change depending on the needs of the business or website For example if the fictional restaurant Caf Townsend has a sp...

Page 97: ...owse to the Macintosh HD Applications Macromedia Flash 8 Samples and Tutorials Tutorial Assets cafe_townsend completed_files flash and double click flash_fma_finished swf The completed application run...

Page 98: ...e tutorial 4 When you are finished viewing the finished document close it and be sure not to save any changes to the file Create a working folder Before you begin you must create a working folder that...

Page 99: ...create it is time to create your own Flash document If you haven t already set up a working folder you must do so before you begin For instructions see Create a working folder on page 98 To learn how...

Page 100: ...default location of the Property inspector is at the bottom of the Flash application window The Property inspector 2 In the Property inspector enter 60 in the Frame Rate text box The application will...

Page 101: ...for pixel after the number The Document Properties dialog box 5 In the Timeline click the value in the Zoom menu and enter 75 This makes it easier to see your entire document in the Document window Pr...

Page 102: ...plication window becomes a drawing area where you can draw and edit the symbol A B OU T About Symbols and the Library panel Symbols are reusable assets that allow you to use a single asset more than o...

Page 103: ...come the container for individual images your FMA will display This is why you named it imageHolder Next you create another symbol that becomes a container for a stack of five instances of the imageHo...

Page 104: ...xes and press Enter Windows or Return Macintosh This locates the upper left corner of the holder0 instance at the upper left corner of the slides symbol 7 Drag the imageHolder symbol from the Library...

Page 105: ...ash authoring The completed slides symbol To create the third symbol 1 Select Insert New Symbol 2 In the Create New Symbol dialog box enter slideShow in the Name text box and click OK 3 Drag the slide...

Page 106: ...bout movie clips and nested Timelines Each movie clip symbol can have its own timeline that allows the movie clip to contain animation or ActionScript of its own This is why you see the name of the sy...

Page 107: ...adds frames to the Timeline and adds keyframes to the selected frames Frame 20 The Timeline with the added keyframes in Frame 20 4 Repeat the process by selecting Layers 1 and 2 in Frame 40 and select...

Page 108: ...ext To add an item double click or drag the item to the Script window and will be unable to type in the Script window click the Script Assist button in the Actions panel to exit Script Assist mode 5 I...

Page 109: ...de that makes the playhead jump to these labeled frames To add the frame labels 1 In the Timeline select Frame 2 of Layer 2 2 In the Property inspector enter slide0 in the Frame Label text box A small...

Page 110: ...100 7 Click the slides_mc movie clip instance on the Stage to select it A B OU T About motion tweens The name motion tween comes from the fact that the animation includes motion and from the way that...

Page 111: ...Layer 1 15 In the Property inspector select Motion from the Tween menu 16 Drag the Ease slider up until the Ease value is 100 17 Click the slides_mc movie clip instance on the Stage to select it 18 In...

Page 112: ...ert Layer three more times to insert three more layers You now have four layers in the main Timeline 4 Double click the layer name Layer 5 to make the name editable 5 Enter the name actions as the new...

Page 113: ...er of the movie clip exactly with the corner of the Stage 4 Still in the Property inspector enter slideShow_mc as the instance name for the movie clip 5 Save your work Create the border Next you will...

Page 114: ...black from the Fill Color Picker 6 Draw a rectangle on the Stage that is approximately the same shape as the Stage Drawing a black rectangle the shape of the Stage 7 In the Tools panel select the Sel...

Page 115: ...size area and click the Match Width and Height button Your rectangle becomes the same size as the Stage area Clicking the Match Width and Height button 12 With the rectangle still selected click the A...

Page 116: ...k the Align Horizontal Center button Clicking the Align Horizontal Center button The rectangle is now precisely centered on the Stage The black rectangle centered on the Stage 14 Click outside the Sta...

Page 117: ...tings dialog box enter 16 in the Corner Radius text box and click OK 19 Select View Snapping Snap to Pixels to turn on pixel snapping This causes the edges of shapes that you draw to snap to the neare...

Page 118: ...values in the text boxes W 700 H 150 X 0 Y 0 The properly sized blue rectangle on the Stage 24 Double click the blue rectangle again to select it 25 Press Delete to delete the blue rectangle A white r...

Page 119: ...tool 5 Select No Stroke from the Stroke Color Picker 6 Click the Fill Color swatch to display the Fill Color Picker 7 In the Fill Color Picker enter 80 in the Alpha text box 8 Still in the Fill Color...

Page 120: ...d 18 Drag the corner of the rectangle to the right so that the left side of the rectangle becomes a diagonal line at approximately a 30 angle 19 In the Tools panel click the Selection tool This desele...

Page 121: ...shape you just created The rectangle should be almost as wide as the blue shape Don t worry about the exact placement of the rectangle You will adjust that later 5 In the Tools panel click the Select...

Page 122: ...Property inspector deselect the bold icon 5 Select Multiline from the Line Type menu 6 With the Text tool draw another text rectangle on the Stage filling the lower part of the blue shape you created...

Page 123: ...ompleted the menu movie clip you are ready to add it to the Stage in the main Timeline To add the menu movie clip to the Stage 1 In the Tools panel click the Selection tool to ensure that the tool is...

Page 124: ...mponents panel open the User Interface category by clicking the plus sign next to the User Interface category name 4 Drag the Button component from the Components panel to the lower part of the blue r...

Page 125: ...iption_txt text Testing the description add the event listener for the button next_btn addEventListener click testFunc This ActionScript code adds some text to the title and description text boxes tha...

Page 126: ...for each menu item 0 var image0title String Summer salad var image0desc String Butter lettuce with apples blood orange segments gorgonzola and raspberry vinaigrette var image0uri String images image0...

Page 127: ...scription_txt text this _parent image currImage desc add the event listener for the button next_btn addEventListener click nextMenuItem Review the ActionScript code on page 127 explains this code in d...

Page 128: ...c String Creamy traditional cheesecake served with chocolate sauce and strawberries var image3uri String images image3 jpg This code declares four sets of three variables each Each set of three variab...

Page 129: ...ox in the menu_mc movie clip instance to the value of a variable In this case the variable name is constructed from the word image plus the value of the currImage variable plus the word title The vari...

Page 130: ...itle menu_mc description_txt text this _parent image currImage desc The code for the Next button is contained in the nextMenuItem function A function is a block of code that is set up to execute when...

Page 131: ...sh your document Now that you have completed your Flash document you are ready to publish it in a web page The first step in this process is to save the FLA version of your document as a compressed SW...

Page 132: ...ver more about Flash get support and send feedback to the company Registration Register to receive the latest news about upgrades and new products technical support and more To register online go to w...

Page 133: ...to navigate The Macromedia On Demand seminars help you get up to speed quickly The Macromedia seminars feature multimedia presentations and demos designed to help you maximize your evaluation experie...

Page 134: ...media web pages include reference materials and links to third party Flash resources Websites devoted to Macromedia Flash and Flash developers can be found at www macromedia com go tn_12046 Macromedia...

Page 135: ...8 After it is created you can deploy the video player in a web page If you have not already done so Macromedia recommends that before you take this tutorial you read Flash basics on page 57 In this t...

Page 136: ...lanned the FMA could change to display the details of that event instead of the restaurant s menu items In this tutorial after examining an existing Flash document you ll begin by creating a new Flash...

Page 137: ...he bottom of the window to watch the video 3 After viewing the application close the Flash Player window Open the authoring document It s helpful to look at the completed authoring FLA file to see how...

Page 138: ...er Before you begin you must create a working folder that includes the sample files used in the tutorials in this guide Getting Started with Flash This task consists of creating the working folder on...

Page 139: ...sh Macintosh HD Applications Macromedia Flash 8 Samples and Tutorials Tutorial_assets cafe_townsend 3 Copy the cafe_townsend folder to your local_sites folder Encode a video file The first thing you w...

Page 140: ...s the file and saves it in the same folder as the original cafe_townsend_chef mov file You are now ready to use the FLV file in a Flash document 7 Close the Flash Video Encoder application Create a ne...

Page 141: ...operties at any time but it is helpful to make certain decisions such as the Stage size and background color at the beginning of the process Document properties are properties that affect the entire F...

Page 142: ...in your own Flash documents Most components are user interface elements such as buttons menus and so on Some are not meant to be seen on the Stage and are used instead to perform data handling functio...

Page 143: ...1 Select Window Components to open the Components panel 2 In the Components panel click the plus sign next to the FLV Playback Player 8 category 3 Drag an FLVPlayback component to the Stage The new c...

Page 144: ...tage The Property inspector with the proper values entered 5 With the new component still selected on the Stage select Window Component Inspector to open the Component inspector 6 In the Component ins...

Page 145: ...the cafe_townsend folder where you saved the video_pod fla file Flash also saves a SWF file called ClearOverPlaySeekMute swf that contains the graphics for the video controller overlay that appears on...

Page 146: ...t steps Now that you have completed the Flash video player you would normally insert the SWF file into a real world web page This illustration demonstrates what a web page containing the video_pod swf...

Page 147: ...ommand 60 copying layer folder contents 65 layers 65 Customize Shortcuts dialog box 84 Customize Toolbar command 69 D Default Layout command for panels 78 deleting frames or keyframes 60 layers and la...

Page 148: ...context sensitive 44 discussing 46 printing 45 printing a page 45 purchasing printed versions 46 help book descriptions 40 Help panel arranging 47 opening 42 searching 43 table of contents 42 text si...

Page 149: ...rs 63 viewing layer contents as 63 P Panel Sets command 78 panels Actions 74 arranging 76 closing 76 collapsing 76 creating new group 77 default layout 78 deleting custom layout 78 docking 77 dragging...

Page 150: ...page 51 SWF swf file 7 symbol editing mode 70 system requirements Flash MX 2004 20 Flash MX Professional 2004 20 T table of contents 42 third party resources 133 134 Timeline appearance of changing 5...

Page 151: ...switching between editions 22 tutorials building an application 95 135 tutorials Flash 45 tweened frames dragging keyframes in 61 U Undo Levels preference 79 updating the Help panel 48 upgrading from...

Page 152: ...152 Index...

Reviews: