MACROMEDIA FLASH MX 2004 - ACTIONSCRIPT Manuel d'utilisateur

 2004 Prentice Hall, Inc. All rights reserved.Chapter 17 – Macromedia Flash MX 2004: Building Interactive AnimationsOutline17.1 Introduction17.2

 2004 Prentice Hall, Inc. All rights reserved.17.3 Learning Flash with Hands-On ExamplesBackground colorRight click menuFig. 17.4 Flash MX 2004 Doc

 2004 Prentice Hall, Inc. All rights reserved.17.3 Learning Flash with Hands-On ExamplesNew background colorHexadecimal color notationColor selecti

 2004 Prentice Hall, Inc. All rights reserved.17.3.1 Creating a Shape with the Oval Tool •Flash creates shapes using vectors–Vectors are mathematica

 2004 Prentice Hall, Inc. All rights reserved.17.3.1 Creating a Shape with the Oval ToolNo colorBlack and WhiteStroke colorFill colorSwap ColorsFig.

 2004 Prentice Hall, Inc. All rights reserved.17.3.1 Creating a Shape with the Oval ToolKeyframeFig. 17.7 Keyframe added to the timeline.

 2004 Prentice Hall, Inc. All rights reserved.17.3.1 Creating a Shape with the Oval ToolFig. 17.8 Making multiple selections with the selection tool

 2004 Prentice Hall, Inc. All rights reserved.17.3.1 Creating a Shape with the Oval ToolSelection width and height Selection locationStroke and fill

 2004 Prentice Hall, Inc. All rights reserved.17.3.1 Creating a Shape with the Oval ToolGradient fillsRed radial gradient fillFig. 17.10 Choosing a

 2004 Prentice Hall, Inc. All rights reserved.17.3.2 Adding Text to a Button •Text tool–Adds text to Flash movies

 2004 Prentice Hall, Inc. All rights reserved.17.3.2 Adding Text to a ButtonFont type Font selector Font heightText (fill) colorBoldItalicText align

 2004 Prentice Hall, Inc. All rights reserved.Chapter 17 – Macromedia Flash: Building Interactive Animations17.4 Creating a Projector (.exe) File

 2004 Prentice Hall, Inc. All rights reserved.17.3.2 Adding Text to a ButtonFig. 17.12 Adding text to the button.

 2004 Prentice Hall, Inc. All rights reserved.17.3.3 Converting a Shape into a Symbol •Flash movie–Parent movie•A scene•Contains the entire movie i

 2004 Prentice Hall, Inc. All rights reserved.17.3.3 Converting a Shape into a SymbolFig. 17.13 Selecting an object with the selection tool.

 2004 Prentice Hall, Inc. All rights reserved.17.3.3 Converting a Shape into a SymbolFig. 17.14 Creating a new symbol with the Convert to Symbol dia

 2004 Prentice Hall, Inc. All rights reserved.17.3.3 Converting a Shape into a SymbolSymbol listNew Symbol FolderCreate New SymbolSymbol Properties

 2004 Prentice Hall, Inc. All rights reserved.17.3.3 Converting a Shape into a SymbolFig. 17.16 Movie Explorer for ceoassist.fla.

 2004 Prentice Hall, Inc. All rights reserved.17.3.4 Editing Button Symbols •Edit Symbols button–Four frames•Button states–Up state•Default state be

 2004 Prentice Hall, Inc. All rights reserved.17.3.4 Editing Button SymbolsMain scene Active symbol Edit scene Edit symbolsReturn to main sceneZoom

 2004 Prentice Hall, Inc. All rights reserved.17.3.5 Adding Keyframes Selected Over frameInsert KeyframeFrame optionsFig. 17.18 Inserting a keyframe

 2004 Prentice Hall, Inc. All rights reserved.17.3.6 Adding Sound to a Button •Flash imports sounds in the WAV (Windows), AIFF (Macintosh) or MP3 fo

 2004 Prentice Hall, Inc. All rights reserved.Objectives•In this tutorial, you will learn:–To learn Flash MX 2004 multimedia development.–To learn F

 2004 Prentice Hall, Inc. All rights reserved.17.3.6 Adding Sound to a ButtonSound added to the Down frameSoundSyncFig. 17.19 Adding sound to a butt

 2004 Prentice Hall, Inc. All rights reserved.17.3.6 Adding Sound to a ButtonSound nameCompressionPreprocessingSample rateSound clip size and compre

 2004 Prentice Hall, Inc. All rights reserved.17.3.7 Verifying Changes with Test Movie •Published Flash movies–Shockwave Flash extension .swf•Select

 2004 Prentice Hall, Inc. All rights reserved.17.3.7 Verifying Changes with Test MovieUp stateOver stateFig. 17.21 GO button in its up and over stat

 2004 Prentice Hall, Inc. All rights reserved.17.3.8 Adding Layers to a Movie •Insert Layer button–Places a layer named Layer 2 above the selected l

 2004 Prentice Hall, Inc. All rights reserved.17.3.8 Adding Layers to a MovieRename a layer by double clicking its nameInsert a new layerDelete laye

 2004 Prentice Hall, Inc. All rights reserved.17.3.8 Adding Layers to a MovieLeft justifyCenter justifyRight justifyFull justifyAlias textFig. 17.23

 2004 Prentice Hall, Inc. All rights reserved.17.3.8 Adding Layers to a MovieFig. 17.24 Creating a title with the text tool.

 2004 Prentice Hall, Inc. All rights reserved.17.3.9 Animating Text with Tweening •Two methods to tween objects–Shape tweening•Morphs an object from

 2004 Prentice Hall, Inc. All rights reserved.17.3.9 Animating Text with TweeningFig. 17.25 Adding a keyframe to create an animation.

 2004 Prentice Hall, Inc. All rights reserved.17.1 Introduction •Flash–Produce interactive, animated movies•Web-based banner advertisements•Interac

 2004 Prentice Hall, Inc. All rights reserved.17.3.9 Animating Text with TweeningMotion tweenFig. 17.26 Creating a motion tween.

 2004 Prentice Hall, Inc. All rights reserved.17.3.9 Animating Text with TweeningActions toolboxAdd script itemCheck SyntaxShow Code HintsReferenceD

 2004 Prentice Hall, Inc. All rights reserved.17.3.10 Adding a Text Field •Text field–Contains a string that changes every time the user presses the

 2004 Prentice Hall, Inc. All rights reserved.17.3.10 Adding a Text FieldFig. 17.28 Creating a text field.

 2004 Prentice Hall, Inc. All rights reserved.17.3.10 Adding a Text FieldText typeLine typeVariable name Fig. 17.29 Creating a dynamic text field wi

 2004 Prentice Hall, Inc. All rights reserved.17.3.11 Adding ActionScript •Add ActionScript to the button–Change the contents of the text field ever

 2004 Prentice Hall, Inc. All rights reserved.17.3.11 Adding ActionScriptFig. 17.30 Adding an action to a button with the Actions panel.

 2004 Prentice Hall, Inc. All rights reserved.17.4 Creating a Projector (.exe) File with Publish •Publish Flash in two formats–Select Publish Setti

 2004 Prentice Hall, Inc. All rights reserved.17.4 Creating a Projector (.exe) File with PublishWindows Executable (.exe)Flash (.fla)Flash Player M

 2004 Prentice Hall, Inc. All rights reserved.17.5 Manually Embedding a Flash Movie in a Web Page •Add Flash movies to Web sites–object•Makes movie

 2004 Prentice Hall, Inc. All rights reserved.17.2 Flash Movie Development •Start page–Contains a number of helpful options•Create From Template•O

 2004 Prentice Hall, Inc.All rights reserved.OutlineembedFlash.html(1 of 2)1 <?xml version = "1.0"?> 2 <!DOCTYPE html PUBLIC

 2004 Prentice Hall, Inc.All rights reserved.OutlineembedFlash.html(2 of 2)22 <object classid =

 2004 Prentice Hall, Inc. All rights reserved.17.6.1 Importing and Manipulating Bitmaps •Lasso tool–Selects areas of shapes–Magic wand•Selects areas

 2004 Prentice Hall, Inc. All rights reserved.17.6.2 Creating an Advertisement Banner with Masking •Masking–Hides portion or layers–Masking layer•Hi

 2004 Prentice Hall, Inc. All rights reserved.17.6.2 Creating an Advertisement Banner with MaskingFree transform toolanchorFig. 17.33 Resizing an im

 2004 Prentice Hall, Inc. All rights reserved.17.6.2 Creating an Advertisement Banner with MaskingNo ColorRainbow gradient fillFig. 17.34 Creating t

 2004 Prentice Hall, Inc. All rights reserved.17.6.2 Creating an Advertisement Banner with MaskingMask layerMasked layerLocked for editingFig. 17.35

 2004 Prentice Hall, Inc. All rights reserved.17.6.2 Creating an Advertisement Banner with MaskingFig. 17.36 Completed banner.

 2004 Prentice Hall, Inc. All rights reserved.17.6.3 Adding Online Help to Forms •Applying all the techniques previously to the creation of an onlin

 2004 Prentice Hall, Inc. All rights reserved.17.6.3 Adding Online Help to FormsRight justifyLine-spacing adjustmentFig. 17.37 Adjusting the line sp

 2004 Prentice Hall, Inc. All rights reserved.17.2 Flash Movie DevelopmentToolboxLayersMain menuTimelineFramesPanel windowsActions panelHelp panel

 2004 Prentice Hall, Inc. All rights reserved.17.6.3 Adding Online Help to FormsRound Rectangle Radius optionFig. 17.38 Creating a rectangle with ro

 2004 Prentice Hall, Inc. All rights reserved.17.6.3 Adding Online Help to FormsFig. 17.39 Creating multiple instances of a symbol with the Library

 2004 Prentice Hall, Inc. All rights reserved.17.6.3 Adding Online Help to FormsLine typeText typeFig. 17.40 Input and password text field creation.

 2004 Prentice Hall, Inc. All rights reserved.17.6.3 Adding Online Help to FormsFrame Label fieldRed flag indicates presence of frame labelFig. 17.4

 2004 Prentice Hall, Inc. All rights reserved.17.6.3 Adding Online Help to FormsWidthHeightPositionCenter alignmentFig. 17.42 Centering an image on

 2004 Prentice Hall, Inc. All rights reserved.17.6.3 Adding Online Help to FormsFrame 1Frame 5Frame 10Shape tweenFig. 17.43 Creating a shape tween.

 2004 Prentice Hall, Inc. All rights reserved.17.6.3 Adding Online Help to FormsFig. 17.44 Adding the field symbol to the nameWindow movie clip.

 2004 Prentice Hall, Inc. All rights reserved.17.6.3 Adding Online Help to FormsFig. 17.45 Creating an animation with the form field symbol.

 2004 Prentice Hall, Inc. All rights reserved.17.6.3 Adding Online Help to FormsEdit scene Edit symbolsSymbol to editCurrent symbolFig. 17.46 Duplic

 2004 Prentice Hall, Inc. All rights reserved.17.6.3 Adding Online Help to FormsFrames for animationDeleting a letter from each subsequent frameFig.

 2004 Prentice Hall, Inc. All rights reserved.17.2 Flash Movie DevelopmentSelection toolLine toolPen toolOval toolPencil toolFree transform toolIn

 2004 Prentice Hall, Inc. All rights reserved.17.6.3 Adding Online Help to FormsFig. 17.48 Bug2Bug.com help form.

 2004 Prentice Hall, Inc. All rights reserved.17.7 Creating a Web-Site Introduction •Preloader–Simple animation that plays while the rest of the We

 2004 Prentice Hall, Inc. All rights reserved.17.7 Creating a Web-Site IntroductionRotatetimes fieldFig. 17.49 Creating a rotating object with the

 2004 Prentice Hall, Inc. All rights reserved.17.7 Creating a Web-Site IntroductionFig. 17.50 Inserted movie clips.

 2004 Prentice Hall, Inc. All rights reserved.17.7 Creating a Web-Site IntroductionGradient color swatchGradient rangeInner colorGradient previewHe

 2004 Prentice Hall, Inc. All rights reserved.17.7 Creating a Web-Site IntroductionClick and drag to add or remove a colorFig. 17.52 Adding an inte

 2004 Prentice Hall, Inc. All rights reserved.17.7 Creating a Web-Site IntroductionUp stateHit stateFig. 17.53 Defining the hit area of a button.

 2004 Prentice Hall, Inc. All rights reserved.17.7 Creating a Web-Site IntroductionRotating counter-clockwiseText hyper-linked buttonsFig. 17.54 Cr

 2004 Prentice Hall, Inc. All rights reserved.17.8 ActionScript •With the following functions, you can build some fairly complex Flash movies

 2004 Prentice Hall, Inc. All rights reserved.17.8 ActionScriptAction Description goto Jump to a frame or scene in another part of the movie. play

 2004 Prentice Hall, Inc. All rights reserved.17.3 Learning Flash with Hands-On Examples •Open a new Flash movie file–Select New from the File menu

 2004 Prentice Hall, Inc. All rights reserved.17.9 Web Resources •www.macromedia.com •www.macromedia.com/software/flash•www.actionscripts.org•www.f

 2004 Prentice Hall, Inc. All rights reserved.17.3 Learning Flash with Hands-On ExamplesGeneral tab Templates tabFig. 17.3 New Document dialog.