Flash_MX_2004基础.ppt

第五章FlashMX2004基础,第一节初识FlashMX2004第二节FlashMX2004工作界面第三节应用实例习题五,FlashMX2004是目前最为流行的一款Web网页创作工具，它集矢量编辑和动画创作为一体，可以在Web上创建精美的动画和交互式流媒体，无论在创作动画、广告、导航按钮还是构建商业网站等方面，都是最灵活、最专业的矢量动画软件。它还可以创作复杂的交互式游戏、桌面应用程序等软件。,第一节初识FlashMX2004,一、FlashMX2004简介FlashMX2004是Macromedia公司推出的一款优秀的矢量动画软件，包含了用于创建矢量图、动画、应用程序、演示文稿等工具，下面简单介绍一些FlashMX2004的基础知识。Flash动画又称Flash影片，由于其主要由矢量图形组成，因此所导出的SWF文件很小，下载速度很快，并且可以在浏览时根据用户需要自由缩放。它支持多种文件的导入，例如：Photoshop，Illustrator，Freehand等软件生成的图形文件格式；还支持音频文件的导入，例如：MP3。,FlashMX2004具有极其灵巧的图形绘制功能，可以将图形打散成许多单一的元素进行编辑。由于Flash提供具有保真技术的绘图工具，所以图形在经过一系列加工后，仍会保持平滑。FlashMX2004集成了Flash播放器FlashPlayer7.0，默认情况下随着FlashMX2004一起安装。此外，Windows2000和WindowsXP或以上版本的操作系统中也包含了Flash播放插件，而如果用户使用的Windows98并且IE浏览器的版本为4.0或更低版本，则需要安装Flash播放器插件才能顺利浏览Flash动画。,二、FlashMX2004安装与运行在MacromediaFlashMX2004安装与运行之前应该关闭所有正在使用的Flash版本，才能顺利进行安装与运行。,1程序的安装下面介绍FlashMX2004在WindowsXP下的安装步骤：（1）将安装程序插入计算机CD-ROM驱动器，系统便会自动运行FlashMX2004安装程序。如果系统未自动安装，可以选择“开始”“我的电脑”命令，找到CD-ROM驱动器，双击安装程序图标，弹出“MacromediaFlashMX2004-InstallShieldWizard”对话框，开始解压缩文件，如图5.1.1所示。,图5.1.1“MacromediaFlashMX2004-InstallShieldWizard”对话框,（2）解压缩完毕后，弹出“InstallShieldWizard”对话框，开始准备启动安装向导，如图5.1.2所示。,图5.1.2“InstallShieldWizard”对话框,（3）等待安装向导完成后，弹出“MacromediaFlashMX2004安装程序”对话框，如图5.1.3所示。,图5.1.3“MacromediaFlashMX2004安装程序”对话框,（4）单击“下一步”按钮，弹出MacromediaFlashMX2004的“许可证协议”对话框，如图5.1.4所示。阅读完许可证协议的内容后，如果同意该协议中所有条款，单击“是”按钮，进入下一步安装；如果不同意，单击“否”按钮，退出安装。若要安装MacromediaFlashMX2004，必须同意此协议。,图5.1.4“许可证协议”对话框,（5）在“许可证协议”对话框中单击“是”按钮后，弹出“选择目的地位置”对话框，如图5.1.5所示。,图5.1.5“选择目的地位置”对话框,（6）如果要改变MacromediaFlashMX2004的安装目的地，单击“浏览”按钮，弹出“选择文件夹”对话框，如图5.1.6所示。选择新的安装目的地后单击“确定”按钮，返回“选择目的地位置”对话框。,图5.1.6“选择文件夹”对话框,（7）单击“下一步”按钮，弹出“安装MacromediaFlashPlayer”对话框，如果要安装，选中复选框，如图5.1.7所示。,图5.1.7“安装MacromediaFlashPlayer”对话框,（8）单击“下一步”按钮，弹出“开始复制文件”对话框，如图5.1.8所示。复制文件前请查看“当前设置”列表框中显示的内容，如果设置错误，单击“上一步”按钮在相应的对话框中进行修改。,图5.1.8“开始复制文件”对话框,（9）确认所有设置无误后单击“下一步”按钮，弹出“安装状态”对话框，进行程序的安装，如图5.1.9所示。,图5.1.9“安装状态”对话框,（10）程序安装完毕后，会弹出“正在复制文件”对话框，如图5.1.10所示。,图5.1.10“正在复制文件”对话框,（11）文件复制完毕后，弹出“InstallShieldWizard完成”对话框，单击“完成”按钮，完成FlashMX2004的安装，如图5.1.11所示。,图5.1.11“InstallShieldWizard完成”对话框,2程序的运行安装完毕后，选择“开始”“所有程序”“Macromedia”“MacromediaFlashMX2004”命令，即可启动FlashMX2004，运行FlashMX2004的具体步骤如下：（1）选择“MacromediaFlashMX2004”命令，弹出“Macromedia产品注册”对话框，如图5.1.12所示。选中“我有一个序列号，我希望激活MacromediaFlash”单选按钮，激活Flash。,图5.1.12“Macromedia产品注册”对话框,（2）单击“继续”按钮，弹出“输入您的序列号”对话框，在文本框中输入从安装盘中找到的产品序列号。（3）输入正确的产品序列号后，注册即可完成。单击“继续”按钮，弹出“激活已完成”对话框，表明DreamweaverMX2004已经激活成功。填写并选择对应的信息，单击“注册”按钮；或是单击“以后提醒我”按钮，跳过注册，如图5.1.13所示。,图5.1.13“激活已完成”对话框,（4）注册完成后，便会弹出FlashMX2004的启动界面，如图5.1.14所示。,图5.1.14FlashMX2004的启动界面,（5）随后打开FlashMX2004的程序窗口，如图5.1.15所示。,图5.1.15FlashMX2004的程序窗口,本节将对FlashMX2004的工作界面及其各种工具进行简单地介绍。选择“开始”“所有程序”“Macromedia”“MacromediaFlashMX2004”命令，启动FlashMX2004，选择“文件”“新建”命令，弹出“新建文档”对话框，打开“常规”选项卡，在“类型”列表框中选择“Flash文档”选项，单击“确定”按钮，新建一个Flash文档，其工作界面如图5.2.1所示。,第二节FlashMX2004工作界面,图5.2.1FlashMX2004的工作界面,一、标题栏标题栏显示的主要有FlashMX2004的程序图标、程序名称（如果正在编辑文档，会显示当前正在编辑文档的标题和名称）、最小化按钮、最大化按钮（或向下还原按钮）和关闭按钮，如图5.2.2所示。,图5.2.2标题栏,单击FlashMX2004的程序图标或在标题栏中单击鼠标右键，弹出程序菜单，如图5.2.3所示。用户可以选择对Flash窗口进行移动、改变大小、最大化、最小化等操作，双击程序图标，可以关闭FlashMX2004。程序名称后面显示的是当前正在编辑的文档的文件名称。,图5.2.3程序菜单,二、菜单栏标题栏的下方是菜单栏，由“文件”、“编辑”、“视图”、“插入”、“修改”、“文本”、“命令”、“控制”、“窗口”和“帮助”10个菜单项组成，如图5.2.4所示。这里只简单介绍一下其各项的主要功能，具体的使用方法将在本书后面的章节中详细介绍。,图5.2.4菜单栏,（1）文件：“文件”菜单中包括新建、打开、保存、关闭文件，导入、导出其他格式文档等命令。利用该菜单中的命令还可以在InternetExplorer或FlashPlayer中预览设计的Flash。（2）编辑：“编辑”菜单中包括撤消、重做、剪切、复制、粘贴、查找、替换等命令。利用该菜单的命令还可以设置FlashMX2004的首选参数。,（3）视图：“视图”菜单中包括场景的切换，对各种对象的放大、缩小，显示或隐藏标尺、网格等辅助设计工具。（4）插入：“插入”菜单中包括元件的创建、在时间轴中插入图层、以及添加各种时间轴特效以及场景等工具。,（7）命令：“命令”菜单中包括对已保存的命令进行管理、运行命令，从网上获取更多命令等工具，并且在下拉菜单中列出已保存的命令。（8）控制：“控制”菜单中包括对影片的测试、调试、播放等工具，还可设置影片的循环播放、静音等功能。,（9）窗口：“窗口”菜单中包括对FlashMX2004各面板和窗口的访问，同时还可以在各文档之间进行切换。（10）帮助：“帮助”菜单提供了FlashMX2004的帮助资料、范例、扩展、联机注册以及Flash技术支持中心的链接。提示：菜单项后面括号内的英文字母是该菜单项的快捷键，按住Alt键的同时，再按相应的快捷键，即可快速打开相应的菜单项。,三、工具栏工具栏包括主工具栏、控制器和编辑栏。选择“窗口”“工具栏”命令，在弹出的子菜单中选择各项命令，即可显示或隐藏对应的工具栏。,1主工具栏选择“窗口”“工具栏”“主工具栏”命令，打开“主工具栏”面板，如图5.2.5所示。其中包括“新建”按钮、“打开”按钮、“保存”按钮、“打印”按钮、“剪切”按钮、“复制”按钮、“粘贴”按钮、“撤消”按钮、“重做”按钮、“对齐对象”按钮、“平滑”按钮、“伸直”按钮、“旋转与倾斜”按钮、“缩放”按钮和“对齐”按钮。,图5.2.5“主工具栏”面板,2控制器选择“窗口”“工具栏”“控制器”命令，打开“控制器”面板，如图5.2.6所示。其中包括“停止”按钮、“后退”按钮、“后退一帧”按钮、“播放”按钮、“前进一帧”按钮和“转到结尾”按钮。,图5.2.6“控制器”面板,3编辑栏选择“窗口”“工具栏”“编辑栏”命令，便会在窗口中出现编辑栏，如图5.2.7所示。其中包括“向上”按钮、“编辑场景”按钮、“编辑元件”按钮和“显示比例”下拉列表框。,图5.2.7编辑栏,四、工具箱工具箱集成了一套完整的绘图工具，通常固定在窗口的左侧，用户可以使用工具箱中的工具对图像或选定区域进行操作，如图5.2.8所示。,图5.2.8工具箱,（1）：选择工具。在工作区中以矩形框选择或移动一个或多个对象。（2）：部分选取工具。移动或编辑单个的锚点或切线，移动单个对象。（3）：线条工具。绘制直线对象。（4）：套索工具。选择对象的一部分，其选择区域可以是不规则的。（5）：钢笔工具。与直线工具相比，钢笔工具能够绘制更复杂、精确的曲线。（6）：文本工具。插入文本对象。（7）：椭圆工具。绘制内部带有填充色块的椭圆。,（8）：矩形工具。绘制矩形或椭矩形对象（单击此按钮右下角的小三角可以弹出多角星形工具）。（9）：铅笔工具。绘制任意线条和图形。（10）：刷子工具。绘制像刷子一样刷出来的线条和填充闭合的区域。（11）：任意变形工具。任意调整线条、图形或文本框等对象。（12）：填充变形工具。可以调整渐变色、填充物的尺寸、角度和中心点。,（13）：墨水瓶工具。可以改变对象轮廓线的颜色、类型、粗细等。（14）：颜料桶工具。用于填充颜色、渐变色及位图等对象的封闭区域。（15）：滴管工具。可以从各种对象中获得颜色信息。（16）：橡皮擦工具。擦除鼠标经过的区域内的内容。（17）：手形工具。拖动工作区中的图像。（18）：缩放工具。可以放大或缩小视图大小。（19）：笔触颜色。设定画笔的颜色。,（20）：填充色。设定填充的颜色。（21）：对齐对象。能够使对象对齐。（22）：平滑。柔化选定对象的边界。（23）：伸直。锐化选定对象的边界。,五、时间轴面板时间轴用于组织和控制文档内容在一定时间内播放的层数和帧数。Flash文档将时长分为帧，而层就像堆叠在一起的多张幻灯胶片一样，每个层都包含一个显示在舞台中不同的图像，如图5.2.9所示。文档中的层列在时间轴左侧的列中，每个层中包含的帧显示在该层名右侧的一行中，时间轴顶部的时间轴标题指示帧编号，播放头指示在舞台中当前显示的帧。用户可以更改在时间轴中帧的显示方式，也可以在时间轴中显示帧内容的缩略图。时间轴显示文档中哪些地方有动画，包括逐帧动画、补间动画、运动路径等。,注意：在播放动画时，将显示实际的帧频；如果计算机不能足够快地显示动画，则该帧频可能与文档的帧频不一致。,图5.2.9“时间轴”面板,六、属性面板属性面板也叫属性检查器，是控制Flash元素属性的面板，如图5.2.10所示。在其中可以更改和设置许多常用的属性，同时也可以做出一些效果和设计。,图5.2.10属性面板（1）,单击图5.2.10中属性面板右下角的折叠按钮，可以折叠属性面板，使之仅显示最常用的属性，如图5.2.11所示。此时，折叠按钮会相应地变成。,图5.2.11属性面板（2）,属性面板上的内容会根据选中元素的不同而发生相应的改变。例如，选中工具箱中“直线工具”和“文本工具”时属性面板是完全不一样的，如图5.2.12和图5.2.13所示。,图5.2.12选中“直线工具”时的属性面板,提示：在属性面板中所做的大部分修改会立刻显示在编辑区中，但是对于某些属性的修改，则要在属性编辑文本区域之外单击或按回车键或Tab键才会使更改有效。,图5.2.13选中“文本工具”时的属性面板,七、面板组与DreamweaverMX2004类似，面板是一个工具集合的控制框架，如果要将面板从面板组中拖离，可以将鼠标指向面板左上角处，此时鼠标光标变成形状，按住鼠标左键，拖动鼠标至编辑区松开鼠标左键即可，如图5.2.14所示。,图5.2.14将面板从面板组中拖离,在面板中进行操作时，对文档的改变也会相应地显示在编辑区中。它可以将各种浮动窗口、面板组合成为选项卡的形式，节省屏幕空间，如图5.2.15所示。单击面板名称前的按钮，可展开该面板进行编辑，此时按钮会相应地变成。,图5.2.15面板组,在使用面板时，可以单击“窗口”菜单，在弹出的下拉菜单中选择相应的命令以显示或隐藏各个面板，如图5.2.16所示。若想查看动画设计的整体效果，可按F4键隐藏全部面板，再次按F4键时，可以显示全部面板。,图5.2.16“窗口”下拉菜单,八、舞台和工作区FlashMX2004的工作区由以下几部分组成：一个可在上面放置媒体内容的舞台、一个用于控制应用程序功能的包含菜单和命令的主工具栏、面板组和一个用于组织和修改媒体资源“属性”面板，以及一个用于创建和修改矢量图形内容包含工具的工具栏，如图5.2.17所示。这里将详细讲述舞台的一些操作及相关工具的使用方法。,图5.2.17FlashMX2004的舞台,1移动舞台视图将舞台放大后可能无法看到整个舞台。使用“手形工具”按钮可以移动舞台，从而不必更改缩放比率即可更改视图。移动舞台的操作步骤介绍如下：（1）在工具栏中单击“手形工具”按钮。（2）拖动舞台至合适位置。提示：按住空格键并在工具栏中单击其他工具，可临时在手形工具和其他工具之间切换。,2标尺FlashMX2004可以设置在工作区中显示标尺，使用它可以比较容易控制舞台中各个对象的位置。用户可以根据需要改变标尺的度量单位。在制作动画的过程中，读者可以通过标尺了解各个对象在舞台中的位置。如果要在工作区中显示标尺，可选择“视图”“标尺”命令。,3网格如果用户觉得在绘图中标尺还不足以精确定位，可以设置在舞台中显示灰色网格协助绘图，如图5.2.18所示。,图5.2.18显示网格后的舞台效果,如果要在工作区中显示网格，可选择“视图”“网格”“显示网格”命令。如果要设置网格可选择“视图”“网格”“编辑网格”命令，弹出对话框，如图5.2.19所示。可以设置网格的颜色、是否显示网格、使对象对齐网格、网格的横纵间距以及对齐精确度等信息，单击“保存默认值”按钮可将所做更改设定为默认值，在以后使用FlashMX2004时，自动载入默认值。,图5.2.19“网格”对话框,提示：只有在选中“对齐网格”复选框时，才能利用网格进行对齐。4设置舞台颜色舞台的默认颜色为白色，在最终动画中没有任何对象覆盖的区域都能够看到该背景。改变舞台背景的操作步骤如下：,（1）选择“修改”“文档”命令，弹出“文档属性”对话框，如图5.2.20所示。（2）单击“背景颜色”颜色板，打开颜色选择面板，如图5.2.21所示。（3）单击所要使用的颜色，然后单击“确定”按钮，即可更改舞台的背景颜色。,图5.2.20“文档属性”对话框图5.2.21颜色选择面板,本例制作一个自右向左移动并逐渐消失的文本，效果如图5.3.1所示。,第三节应用实例,图5.3.1效果图,具体操作步骤如下：（1）选择“文件”“新建”命令，弹出“新建文档”对话框，如图5.3.2所示。在“类型”列表框中选择“Flash文档”选项，单击“确定”按钮。,图5.3.2“新建文档”对话框,（2）选择“修改”“文档”命令，弹出“文档属性”对话框，设置其参数，如图5.3.3所示，单击“确定”按钮。,图5.3.3“文档属性”对话框,（3）选择“插入”“新建元件”命令