网页动画制作工具Flash11.1Flash811.1Flash8简介简介简介简介11.2Flash811.2Flash8的基本概念与操作的基本概念与操作的基本概念与操作的基本概念与操作 11.311.3动画制作动画制作动画制作动画制作11.411.4动画的测试、优化与发布动画的测试、优化与发布动画的测试、优化与发布动画的测试、优化与发布第第11章章网页动画制作工具网页动画制作工具Flash8 11.1.1Flash11.1.1Flash的特点的特点的特点的特点1 1友好的操作界面友好的操作界面友好的操作界面友好的操作界面无须任何编程基础就可以轻松制作出动画效果。无须任何编程基础就可以轻松制作出动画效果。无须任何编程基础就可以轻松制作出动画效果。无须任何编程基础就可以轻松制作出动画效果。2 2生成的动画文件可以独立播放生成的动画文件可以独立播放生成的动画文件可以独立播放生成的动画文件可以独立播放 用用用用FlashFlash制制制制作作作作的的的的动动动动画画画画作作作作品品品品不不不不仅仅仅仅可可可可以以以以在在在在线线线线观观观观看看看看，也也也也可可可可以以以以离离离离线线线线观观观观看看看看，并保留其原来动画中的各种交互式操作功能。并保留其原来动画中的各种交互式操作功能。并保留其原来动画中的各种交互式操作功能。并保留其原来动画中的各种交互式操作功能。3 3流媒体动画流媒体动画流媒体动画流媒体动画FlashFlash文文文文件件件件还还还还没没没没有有有有完完完完全全全全下下下下载载载载完完完完毕毕毕毕时时时时就就就就播播播播放放放放动动动动画画画画，即即即即下下下下载载载载的的的的同同同同时时时时进进进进行播放。行播放。行播放。行播放。11.1 Flash 811.1 Flash 8简介简介简介简介 11.1.1Flash11.1.1Flash的特点的特点的特点的特点4 4文件体积较小文件体积较小文件体积较小文件体积较小 由由由由于于于于FlashFlash采采采采用用用用的的的的图图图图像像像像方方方方式式式式是是是是矢矢矢矢量量量量图图图图，生生生生成成成成的的的的文文文文件件件件相相相相对对对对于于于于传传传传统网页动画中同等面积的像素图来说要小很多。统网页动画中同等面积的像素图来说要小很多。统网页动画中同等面积的像素图来说要小很多。统网页动画中同等面积的像素图来说要小很多。5 5具有交互式作用的多媒体影片具有交互式作用的多媒体影片具有交互式作用的多媒体影片具有交互式作用的多媒体影片 FlashFlash影影影影片片片片可可可可以以以以通通通通过过过过ActionActionScriptScript脚脚脚脚本本本本语语语语言言言言与与与与使使使使用用用用者者者者建建建建立立立立交交交交互互互互式关系，使用者可以通过键盘操作或鼠标操作与影片实现互动。式关系，使用者可以通过键盘操作或鼠标操作与影片实现互动。式关系，使用者可以通过键盘操作或鼠标操作与影片实现互动。式关系，使用者可以通过键盘操作或鼠标操作与影片实现互动。6 6易用性易用性易用性易用性 由由由由于于于于其其其其操操操操作作作作界界界界面面面面与与与与其其其其他他他他程程程程序序序序（如如如如OfficeOffice、PhotoshopPhotoshop等等等等）相相相相似似似似，因此用户很容易上手。因此用户很容易上手。因此用户很容易上手。因此用户很容易上手。11.1 Flash 811.1 Flash 8简介简介简介简介Flash界面界面q菜单栏菜单栏q常用工具栏常用工具栏q绘图工具栏绘图工具栏q控制工具栏控制工具栏q状态栏状态栏常常用用工工具具栏栏 绘绘制制工工具具栏栏Flash其它栏目其它栏目n属性面板属性面板n工具面板区：混色器面板、组件面板、颜工具面板区：混色器面板、组件面板、颜色样本面板色样本面板n动作面板动作面板n库窗口：存储和组织元素的对象库窗口：存储和组织元素的对象场景和舞台场景和舞台场景和舞台场景和舞台 场景是指在当前动画编辑窗口中，编辑动画内容的整个区场景是指在当前动画编辑窗口中，编辑动画内容的整个区场景是指在当前动画编辑窗口中，编辑动画内容的整个区场景是指在当前动画编辑窗口中，编辑动画内容的整个区域域域域 。动画是在场景中被制作完成的，而场景中又包括舞台与工动画是在场景中被制作完成的，而场景中又包括舞台与工动画是在场景中被制作完成的，而场景中又包括舞台与工动画是在场景中被制作完成的，而场景中又包括舞台与工作区。作区。作区。作区。 例：拍电影，摄影棚可以被理解为场景，而镜头对准的例：拍电影，摄影棚可以被理解为场景，而镜头对准的例：拍电影，摄影棚可以被理解为场景，而镜头对准的例：拍电影，摄影棚可以被理解为场景，而镜头对准的地方就是舞台。地方就是舞台。地方就是舞台。地方就是舞台。舞台中显示的动画效果才是影片的实际效果，舞台以外的舞台中显示的动画效果才是影片的实际效果，舞台以外的舞台中显示的动画效果才是影片的实际效果，舞台以外的舞台中显示的动画效果才是影片的实际效果，舞台以外的区域是工作区，最终的影片中不会显示工作区中的对象。工作区域是工作区，最终的影片中不会显示工作区中的对象。工作区域是工作区，最终的影片中不会显示工作区中的对象。工作区域是工作区，最终的影片中不会显示工作区中的对象。工作区也是不可或缺的，它可以使画面运动更加流畅自然，画面的区也是不可或缺的，它可以使画面运动更加流畅自然，画面的区也是不可或缺的，它可以使画面运动更加流畅自然，画面的区也是不可或缺的，它可以使画面运动更加流畅自然，画面的边缘不会消失得那么唐突。边缘不会消失得那么唐突。边缘不会消失得那么唐突。边缘不会消失得那么唐突。 在在在在场场场场景景景景编编编编辑辑辑辑窗窗窗窗口口口口中中中中，除除除除了了了了舞舞舞舞台台台台和和和和工工工工作作作作区区区区外外外外，还还还还有有有有以以以以下下下下几几几几项项项项内内内内容容容容：场场场场景景景景名名名名、“ “编编编编辑辑辑辑场场场场景景景景” ”按按按按钮钮钮钮、“ “编编编编辑辑辑辑元元元元件件件件” ”按按按按钮钮钮钮和和和和显显显显示示示示比比比比例。例。例。例。 11.2Flash811.2Flash8的基本概念与操作的基本概念与操作的基本概念与操作的基本概念与操作 动画实例动画实例n线性动画线性动画n旋转动画旋转动画n缩放动画缩放动画n色彩动画色彩动画n沿引导线运动沿引导线运动n遮罩动画遮罩动画绘制简单动画绘制简单动画欢迎来到欢乐之家n页面属性设置页面属性设置n制作新元件：制作新元件：欢迎欢迎n制作新元件：来到欢乐之家制作新元件：来到欢乐之家n设置动作：具有先后顺序设置动作：具有先后顺序制作矢量动画制作矢量动画n每个矢量都是一个对象；每个矢量都是一个对象；n每个对象都有自己的属性：如颜色、粗细每个对象都有自己的属性：如颜色、粗细n绘制直线（普通、水平、垂直、绘制直线（普通、水平、垂直、45度角）、度角）、矩形（普通、圆角矩形）、椭圆型（椭圆、矩形（普通、圆角矩形）、椭圆型（椭圆、正圆）、曲线正圆）、曲线n铅笔模式：伸直、平滑、墨水（接近手绘）铅笔模式：伸直、平滑、墨水（接近手绘）编辑对象编辑对象n“修改修改”“变形变形”菜单项菜单项n缩放对象缩放对象n旋转对象旋转对象n倾斜对象倾斜对象n中心点中心点n水平翻转与垂直翻转水平翻转与垂直翻转n取消变形取消变形调整对象调整对象n按建立的顺序排列对象；先建立的对象排在底层，按建立的顺序排列对象；先建立的对象排在底层，后建立的对象排在上层；后建立的对象排在上层；n改变顺序：改变顺序：“修改修改”“排列排列”中的移至底层、中的移至底层、移至顶层、上移一层、下移一层；移至顶层、上移一层、下移一层；n组合：多个对象组合便于移动；组合：多个对象组合便于移动； “修改修改”“组组合合”；n分离：对群组对象中的单个对象处理；分离：对群组对象中的单个对象处理；n复制对象、粘贴对象（粘贴位置）复制对象、粘贴对象（粘贴位置）n对齐对象对齐对象辅助绘图功能辅助绘图功能n编辑中的编辑中的“撤销撤销”与与“重复重复”选项选项n标尺：定位；标尺：定位；“视图视图”“标尺标尺”n网格：对齐；网格：对齐； “视图视图”“标尺标尺”n“编辑编辑”“首选参数首选参数”“编辑编辑”“绘图工具绘图工具”选项：辅助绘图功能；直线选选项：辅助绘图功能；直线选项、曲线选项等项、曲线选项等点阵图处理分离对象点阵图处理分离对象n将文字对象、元件、点阵图分离成线条和将文字对象、元件、点阵图分离成线条和填色区域；填色区域；n可使用墨水瓶和油漆桶进行线条的编辑和可使用墨水瓶和油漆桶进行线条的编辑和填色；填色；n例：分离文字对象，用油漆桶填色；例：分离文字对象，用油漆桶填色； 去除背景效果：分离对象；去除背景效果：分离对象； 选用套索，选用套索，设置魔术棒模式，套索对象；用箭头对象设置魔术棒模式，套索对象；用箭头对象选定背景，删除背景。选定背景，删除背景。文字处理文字处理n文字的输入、修改、复制、删除；文字的输入、修改、复制、删除；n格式化文字：改变字体、大小、样式（上、格式化文字：改变字体、大小、样式（上、下标）、对齐、间距；下标）、对齐、间距；n编辑文字框：旋转、倾斜、缩放；编辑文字框：旋转、倾斜、缩放；n变形、渐变：先分离文字；后变形、渐变。变形、渐变：先分离文字；后变形、渐变。时间轴面板时间轴面板n用于控制动画；用于控制动画；n管理图层，处理帧；显示动画中各帧的排管理图层，处理帧；显示动画中各帧的排列顺序，也包括各层的前后顺序；列顺序，也包括各层的前后顺序；n由时间标尺和代表帧的小方格构成由时间标尺和代表帧的小方格构成nFlash动画由帧顺序排列动画由帧顺序排列时时间间轴轴按按钮钮绘图纸按钮绘图纸按钮n绘图纸外观：工作区内同时出现数个帧，帧内对绘图纸外观：工作区内同时出现数个帧，帧内对象以颜色逐渐淡化表示先后顺序，关键帧以颜色象以颜色逐渐淡化表示先后顺序，关键帧以颜色表示；表示；n绘图纸外观轮廓：与绘图纸外观相同，但只显示绘图纸外观轮廓：与绘图纸外观相同，但只显示物件的外框；物件的外框；n编辑多个帧：看到每个帧中的对象，并可对对象编辑多个帧：看到每个帧中的对象，并可对对象编辑编辑n修改绘图纸标记：总是显示标记、锚定绘图纸、修改绘图纸标记：总是显示标记、锚定绘图纸、绘图纸绘图纸2、绘图纸、绘图纸 5、绘制全部。、绘制全部。帧帧n每一幅静态的画面就是一个单独的帧每一幅静态的画面就是一个单独的帧n按时间顺序放映这些连续画面，画面将会按时间顺序放映这些连续画面，画面将会动起来动起来帧的属性操作帧的属性操作n显示和播放帧：可拖拽帧指针位置显示和播放帧：可拖拽帧指针位置n调节帧面板：调节帧面板：n改变帧播放速率：改变帧播放速率：“修改修改”“文档文档”实例：光碟的运动实例：光碟的运动n新建光碟元件；新建光碟元件；n切换到场景，设置动画；切换到场景，设置动画；n预览；预览；帧的基本操作帧的基本操作n插入操作插入操作n复制操作复制操作n移动操作移动操作n删除操作：删除操作：n实例：圆形的填充实例：圆形的填充帧的分类帧的分类n关键帧：关键画面，主导关键性位置或动作关键帧：关键画面，主导关键性位置或动作, ,是决定一段是决定一段是决定一段是决定一段动画的必要帧动画的必要帧动画的必要帧动画的必要帧。一般放在动画开始点、控制转折点或结束一般放在动画开始点、控制转折点或结束一般放在动画开始点、控制转折点或结束一般放在动画开始点、控制转折点或结束点。点。点。点。“黑色小圆点黑色小圆点”表示；表示；其中可以放置图形，播放对象，其中可以放置图形，播放对象，其中可以放置图形，播放对象，其中可以放置图形，播放对象，并可以对所包含的内容进行编辑。并可以对所包含的内容进行编辑。并可以对所包含的内容进行编辑。并可以对所包含的内容进行编辑。n空白帧：不含任何影像空白帧：不含任何影像n空白关键帧：不含任何影像的关键帧；将前面的关键帧的空白关键帧：不含任何影像的关键帧；将前面的关键帧的内容清除掉，使画面中的内容变为空白，使对象消失掉；内容清除掉，使画面中的内容变为空白，使对象消失掉；添加了内容后，它自动变成关键帧。添加了内容后，它自动变成关键帧。添加了内容后，它自动变成关键帧。添加了内容后，它自动变成关键帧。n普通帧：二个关键画面之间由电脑自动绘出的过渡画面。普通帧：二个关键画面之间由电脑自动绘出的过渡画面。“方形方形”表示；表示；确定了两端的关键帧后，利用命令可以自确定了两端的关键帧后，利用命令可以自确定了两端的关键帧后，利用命令可以自确定了两端的关键帧后，利用命令可以自动计算添加过渡帧，无须人工添加。动计算添加过渡帧，无须人工添加。动计算添加过渡帧，无须人工添加。动计算添加过渡帧，无须人工添加。2对象对象n nFlash中任何被选中的东西，都可以叫做对中任何被选中的东西，都可以叫做对象。象。n n对象被选中后，可以通过设置实现用户要对象被选中后，可以通过设置实现用户要求的变形或运动。求的变形或运动。n n可以通过工具对它进行填充、修改、移动、可以通过工具对它进行填充、修改、移动、变形等编辑。变形等编辑。三角形的绘画三角形的绘画n一、创建影片：尺寸300X300，帧频6px；n二、创建动画：n画一红色直线，线粗为3，在第10帧插入关键帧，回到第一帧，任意变形工具，把直线拉短，注意要与原直线重合。n在第一层的第10帧增加普通帧，目的是延长第10帧的效果。n再增加一层，在第二层的第10帧插入空白关键帧，画三角形第二边。第20帧加关键帧，回到第10帧使第二边变短设置变形动画。 同理，画第三边n在第31帧的选中三边，改变颜色为黄色（闪动效果），第32帧再改回为红色第35帧加普通帧延长效果。图层图层n功能：数个角色与背景分别制作功能：数个角色与背景分别制作n默认一个标准层（图层默认一个标准层（图层1）n添加图层添加图层n改变图层名称改变图层名称n改变图层顺序：拖拽；改变图层顺序：拖拽；l l普通层普通层普通层普通层: :通常建立的层通常建立的层通常建立的层通常建立的层l l运运运运动动动动引引引引导导导导层层层层: :通通通通过过过过运运运运动动动动引引引引导导导导建建建建立立立立的的的的层层层层是是是是引引引引导导导导层层层层，提提提提供供供供引引引引导导导导线线线线作作作作为被引导层中对象的运动轨迹；为被引导层中对象的运动轨迹；为被引导层中对象的运动轨迹；为被引导层中对象的运动轨迹；l l遮遮遮遮罩罩罩罩层层层层: :设设设设定定定定遮遮遮遮罩罩罩罩关关关关系系系系建建建建立立立立的的的的层层层层，它它它它的的的的作作作作用用用用是是是是为为为为了了了了实实实实现现现现遮遮遮遮罩罩罩罩关关关关系下的特别效果；系下的特别效果；系下的特别效果；系下的特别效果；l l注注注注释释释释说说说说明明明明层层层层: :可可可可以以以以添添添添加加加加一一一一些些些些说说说说明明明明性性性性文文文文字字字字，而而而而输输输输出出出出时时时时不不不不输输输输出出出出该该该该层层层层内容。内容。内容。内容。11.2Flash811.2Flash8的基本概念与操作的基本概念与操作的基本概念与操作的基本概念与操作 图层图层n显示/隐藏层n锁定/解锁层n显示图层的轮廓n图层的属性更改；n添加引导层n添加文件夹n删除层多图层管理多图层管理n显示所有图层：显示所有图层：n锁定其他图层：锁定其他图层：n隐藏其他图层隐藏其他图层实例实例n载入动画建立新元件建立新元件n元件（组件）：通过工具栏中绘制的图形元件（组件）：通过工具栏中绘制的图形(形变动形变动画除外）通常不能作为动画对象设置动作创建动画除外）通常不能作为动画对象设置动作创建动画，要转化成元件。画，要转化成元件。n元件占用的体积小元件占用的体积小,以库项目方式存储在库中以库项目方式存储在库中n n即使在场景中将所有元件全部删除掉，也不会影即使在场景中将所有元件全部删除掉，也不会影即使在场景中将所有元件全部删除掉，也不会影即使在场景中将所有元件全部删除掉，也不会影响库面板中的元件。响库面板中的元件。响库面板中的元件。响库面板中的元件。n n元件的建立是以重复使用为目的的，不但可以将元件的建立是以重复使用为目的的，不但可以将元件的建立是以重复使用为目的的，不但可以将元件的建立是以重复使用为目的的，不但可以将其应用于当前影片，还可以将其应用于其他影片。其应用于当前影片，还可以将其应用于其他影片。其应用于当前影片，还可以将其应用于其他影片。其应用于当前影片，还可以将其应用于其他影片。11.2Flash811.2Flash8的基本概念与操作的基本概念与操作的基本概念与操作的基本概念与操作 元件中可以包含位图、图形、组合、声音甚至是其他元件，元件中可以包含位图、图形、组合、声音甚至是其他元件，元件中可以包含位图、图形、组合、声音甚至是其他元件，元件中可以包含位图、图形、组合、声音甚至是其他元件，但不可以将元件置于其自身内部。但不可以将元件置于其自身内部。但不可以将元件置于其自身内部。但不可以将元件置于其自身内部。FlashFlash中包括中包括中包括中包括3 3种元件类型，分别为图形元件、影片剪辑元件种元件类型，分别为图形元件、影片剪辑元件种元件类型，分别为图形元件、影片剪辑元件种元件类型，分别为图形元件、影片剪辑元件和按钮元件。和按钮元件。和按钮元件。和按钮元件。l l图形元件图形元件图形元件图形元件：存放单独图形；：存放单独图形；l l影片剪辑元件影片剪辑元件影片剪辑元件影片剪辑元件：动画符号，具有互动式功能，也可播放声音；：动画符号，具有互动式功能，也可播放声音；l l按钮元件按钮元件按钮元件按钮元件：检测鼠标动作并产生互动功能，夹带音效；：检测鼠标动作并产生互动功能，夹带音效；每个元件都具有独立的时间轴、工作区和图层，每种元件类每个元件都具有独立的时间轴、工作区和图层，每种元件类每个元件都具有独立的时间轴、工作区和图层，每种元件类每个元件都具有独立的时间轴、工作区和图层，每种元件类型都具有独特的属性型都具有独特的属性型都具有独特的属性型都具有独特的属性元件与实例n n应用于影片的元件被称做应用于影片的元件被称做“实例实例”。n n对实例的编辑只针对实例本身，不会影响对实例的编辑只针对实例本身，不会影响到库面板中的元件。到库面板中的元件。n n库是库是Flash组织、编辑和管理动画中创建的组织、编辑和管理动画中创建的和使用的各种元件的仓库。所有元件都会和使用的各种元件的仓库。所有元件都会被自动载入到当前影片的库面板中，还可被自动载入到当前影片的库面板中，还可以从其他影片的库面板中调用元件，或者以从其他影片的库面板中调用元件，或者根据需要建立自己的库。根据需要建立自己的库。管理元件管理元件n库面板的操作库面板的操作n新增新增n删除删除n编辑编辑n改名改名n改属性改属性n增加文件夹增加文件夹n移动元件移动元件 11.2.211.2.2动画的基本概念动画的基本概念动画的基本概念动画的基本概念1 1计算机动画的概念与原理计算机动画的概念与原理计算机动画的概念与原理计算机动画的概念与原理 动动动动画画画画：将将将将静静静静止止止止状状状状态态态态下下下下的的的的一一一一幅幅幅幅幅幅幅幅图图图图画画画画或或或或照照照照片片片片连连连连续续续续地地地地演演演演播播播播出出出出来来来来的的的的技术，又有以下两种说法：技术，又有以下两种说法：技术，又有以下两种说法：技术，又有以下两种说法： 动动动动画画画画是是是是一一一一种种种种通通通通过过过过一一一一系系系系列列列列连连连连续续续续的的的的画画画画面面面面来来来来显显显显示示示示运运运运动动动动的的的的技技技技术术术术，是是是是以以以以一定的播放速度来达到连续运动的效果的；一定的播放速度来达到连续运动的效果的；一定的播放速度来达到连续运动的效果的；一定的播放速度来达到连续运动的效果的； 动动动动画画画画是是是是一一一一系系系系列列列列具具具具有有有有各各各各种种种种物物物物体体体体的的的的动动动动态态态态画画画画面面面面的的的的处处处处理理理理过过过过程程程程，每每每每一一一一个个个个画面都可以与前一个画面有着微小的变化。画面都可以与前一个画面有着微小的变化。画面都可以与前一个画面有着微小的变化。画面都可以与前一个画面有着微小的变化。 11.2Flash811.2Flash8的基本概念与操作的基本概念与操作的基本概念与操作的基本概念与操作 动画原理动画原理l 人的人的“视觉原理视觉原理”。l 人的眼睛看到图像后的人的眼睛看到图像后的1/24s内，图像不内，图像不会从大脑中消失。会从大脑中消失。l 如果在前一图像没有消失之前，播放下一如果在前一图像没有消失之前，播放下一图像，就会给人造成一种连续变化的视觉图像，就会给人造成一种连续变化的视觉效果。效果。l 电影、电视都是利用了这一原理。电影、电视都是利用了这一原理。 2 2计算机动画的分类计算机动画的分类计算机动画的分类计算机动画的分类 （1 1）按计算机在动画制作中的作用分类）按计算机在动画制作中的作用分类）按计算机在动画制作中的作用分类）按计算机在动画制作中的作用分类n n计算机辅助动画：计算机辅助动画：计算机辅助动画：计算机辅助动画： 属属属属于于于于二二二二维维维维动动动动画画画画，辅辅辅辅助助助助动动动动画画画画师师师师们们们们制制制制作作作作类类类类似似似似于于于于传传传传统统统统动动动动画画画画的的的的动动动动画画画画，以以以以及及及及对对对对各各各各类类类类动动动动画画画画片片片片段的编辑（合成、连接）等后期制作。段的编辑（合成、连接）等后期制作。段的编辑（合成、连接）等后期制作。段的编辑（合成、连接）等后期制作。n n造型动画。造型动画。造型动画。造型动画。11.2Flash811.2Flash8的基本概念与操作的基本概念与操作的基本概念与操作的基本概念与操作 计算机动画的分类计算机动画的分类n n（2）按运动的控制方式分类）按运动的控制方式分类n n关键帧动画：通过对关键画面的控制来获关键帧动画：通过对关键画面的控制来获得中间画面的动画序列，得中间画面的动画序列，n n算法动画：采用算法实现对物体的运动控算法动画：采用算法实现对物体的运动控制或模拟摄像机的运动控制。制或模拟摄像机的运动控制。 2 2计算机动画的分类计算机动画的分类计算机动画的分类计算机动画的分类 （3 3）从制作原理上分类）从制作原理上分类）从制作原理上分类）从制作原理上分类 逐逐逐逐帧帧帧帧动动动动画画画画：通通通通过过过过更更更更改改改改每每每每一一一一帧帧帧帧中中中中的的的的舞舞舞舞台台台台内内内内容容容容而而而而获获获获得得得得动动动动画画画画效效效效果果果果，它它它它最最最最适适适适合合合合于于于于每每每每一一一一帧帧帧帧中中中中的的的的图图图图像像像像都都都都在在在在改改改改变变变变，而而而而不不不不是是是是仅仅仅仅仅仅仅仅简简简简单单单单地地地地在在在在舞舞舞舞台台台台中中中中移移移移动动动动的的的的复复复复杂杂杂杂动动动动画画画画。缺缺缺缺点点点点是是是是太太太太耗耗耗耗费费费费时时时时间间间间和和和和精精精精力力力力，而而而而且且且且最最最最终终终终生生生生成的动画文件偏大。优点是能最大限度地控制动画的变化细节。成的动画文件偏大。优点是能最大限度地控制动画的变化细节。成的动画文件偏大。优点是能最大限度地控制动画的变化细节。成的动画文件偏大。优点是能最大限度地控制动画的变化细节。 补补补补间间间间动动动动画画画画：在在在在两两两两个个个个关关关关键键键键帧帧帧帧之之之之间间间间建建建建立立立立渐渐渐渐变变变变的的的的一一一一种种种种动动动动画画画画。补补补补间间间间动动动动画画画画关关关关键键键键帧帧帧帧的的的的对对对对象象象象是是是是元元元元件件件件的的的的实实实实例例例例、群群群群组组组组体体体体或或或或文文文文字字字字。补补补补间间间间动动动动画画画画的的的的原原原原理理理理是是是是：在在在在第第第第一一一一个个个个关关关关键键键键帧帧帧帧中中中中设设设设置置置置元元元元件件件件实实实实例例例例、群群群群组组组组体体体体或或或或文文文文字字字字的的的的属属属属性性性性，然然然然后后后后在在在在第第第第二二二二个个个个关关关关键键键键帧帧帧帧中中中中修修修修改改改改对对对对象象象象的的的的属属属属性性性性，从从从从而而而而在在在在两两两两帧帧帧帧之之之之间间间间产产产产生生生生动动动动画画画画效效效效果果果果，可可可可以以以以修修修修改改改改的的的的属属属属性性性性包包包包括括括括大大大大小小小小、颜颜颜颜色色色色、旋旋旋旋转转转转和和和和倾倾倾倾斜斜斜斜、位位位位置、透明度及各种属性的组合。置、透明度及各种属性的组合。置、透明度及各种属性的组合。置、透明度及各种属性的组合。11.2Flash811.2Flash8的基本概念与操作的基本概念与操作的基本概念与操作的基本概念与操作 3 3FlashFlash动画的格式动画的格式动画的格式动画的格式 （1 1）FlashFlash源文件格式源文件格式源文件格式源文件格式 FlashFlash源源源源文文文文件件件件格格格格式式式式的的的的扩扩扩扩展展展展名名名名为为为为flafla，该该该该类类类类型型型型文文文文件件件件只只只只能能能能在在在在FlashFlash应应应应用用用用程程程程序序序序中中中中被被被被打打打打开开开开和和和和编编编编辑辑辑辑。用用用用户户户户可可可可以以以以在在在在FlashFlash应应应应用用用用程程程程序序序序中中中中打打打打开开开开该该该该文文文文件，然后导出扩展名为件，然后导出扩展名为件，然后导出扩展名为件，然后导出扩展名为swfswf或或或或swtswt的文件，以便在浏览器中使用。的文件，以便在浏览器中使用。的文件，以便在浏览器中使用。的文件，以便在浏览器中使用。 （2 2）FlashFlash电影文件格式电影文件格式电影文件格式电影文件格式FlashFlash电影文件格式的扩展名为电影文件格式的扩展名为电影文件格式的扩展名为电影文件格式的扩展名为swfswf。这种类型的文件可以。这种类型的文件可以。这种类型的文件可以。这种类型的文件可以在浏览器中播放，但是要求浏览器安装在浏览器中播放，但是要求浏览器安装在浏览器中播放，但是要求浏览器安装在浏览器中播放，但是要求浏览器安装FlashPlayerFlashPlayer播放器插件播放器插件播放器插件播放器插件后才能播放，不能在后才能播放，不能在后才能播放，不能在后才能播放，不能在FlashFlash应用程序中编辑。在应用程序中编辑。在应用程序中编辑。在应用程序中编辑。在DreamweaverDreamweaver中中中中允许用户直接插入允许用户直接插入允许用户直接插入允许用户直接插入FlashFlash动画对象，该对象的扩展名为动画对象，该对象的扩展名为动画对象，该对象的扩展名为动画对象，该对象的扩展名为swfswf。 11.2Flash811.2Flash8的基本概念与操作的基本概念与操作的基本概念与操作的基本概念与操作 11.3.111.3.1逐帧动画的制作逐帧动画的制作逐帧动画的制作逐帧动画的制作 逐逐逐逐帧帧帧帧动动动动画画画画的的的的制制制制作作作作方方方方法法法法与与与与传传传传统统统统的的的的动动动动画画画画相相相相似似似似，将将将将对对对对象象象象的的的的运运运运动动动动过过过过程程程程分分分分解解解解成成成成多多多多个个个个静静静静态态态态图图图图形形形形，再再再再将将将将这这这这些些些些连连连连续续续续的的的的静静静静态态态态图图图图形形形形置置置置于于于于连连连连续续续续关关关关键键键键帧帧帧帧中，就构成了逐帧动画。中，就构成了逐帧动画。中，就构成了逐帧动画。中，就构成了逐帧动画。 由由由由于于于于其其其其中中中中的的的的每每每每一一一一帧帧帧帧都都都都是是是是关关关关键键键键帧帧帧帧，所所所所以以以以生生生生成成成成的的的的影影影影片片片片相相相相对对对对较较较较大大大大，仅仅仅仅适适适适用用用用于于于于制制制制作作作作较为精细复杂的小动画。较为精细复杂的小动画。较为精细复杂的小动画。较为精细复杂的小动画。【例例例例11-111-1】制制制制作作作作圣圣圣圣诞诞诞诞老老老老人人人人走路的动画效果。走路的动画效果。走路的动画效果。走路的动画效果。11.311.3动画制作动画制作动画制作动画制作 【例11-1】 图11-4 素材图像的源文件 11.3.211.3.2运动渐变动画的制作运动渐变动画的制作运动渐变动画的制作运动渐变动画的制作n n 运动渐变动画是补间动画的一种。运动渐变动画是补间动画的一种。运动渐变动画是补间动画的一种。运动渐变动画是补间动画的一种。n n 通通通通过过过过为为为为对对对对象象象象创创创创建建建建运运运运动动动动渐渐渐渐变变变变，可可可可以以以以改改改改变变变变对对对对象象象象的的的的位位位位置置置置、大大大大小小小小、旋旋旋旋转或倾斜，做出物体运动的各种效果。转或倾斜，做出物体运动的各种效果。转或倾斜，做出物体运动的各种效果。转或倾斜，做出物体运动的各种效果。n n 通过设置实例的颜色属性，还可以制作出丰富的渐变效果通过设置实例的颜色属性，还可以制作出丰富的渐变效果通过设置实例的颜色属性，还可以制作出丰富的渐变效果通过设置实例的颜色属性，还可以制作出丰富的渐变效果导致运动渐变动画失败的原因有很多，主要是以下导致运动渐变动画失败的原因有很多，主要是以下导致运动渐变动画失败的原因有很多，主要是以下导致运动渐变动画失败的原因有很多，主要是以下3 3种原因种原因种原因种原因 缺少起始帧或终止帧；缺少起始帧或终止帧；缺少起始帧或终止帧；缺少起始帧或终止帧； 起始帧或终止帧包含多个对象；起始帧或终止帧包含多个对象；起始帧或终止帧包含多个对象；起始帧或终止帧包含多个对象； 起始帧或终止帧中包含的对象不是元件实例。起始帧或终止帧中包含的对象不是元件实例。起始帧或终止帧中包含的对象不是元件实例。起始帧或终止帧中包含的对象不是元件实例。 11.311.3动画制作动画制作动画制作动画制作 图片的使用图片的使用n导入图片导入图片n处理导入的图像：组合与分离处理导入的图像：组合与分离n转换位图转换位图n设置导入的位图：在库面板中双击元件，设置导入的位图：在库面板中双击元件，显示位图属性窗口；显示文件名称、路径、显示位图属性窗口；显示文件名称、路径、平滑；改变压缩格式、导入、测试；平滑；改变压缩格式、导入、测试；相片动起来相片动起来n建立组件建立组件n运动效果运动效果n放大效果；放大效果；n淡出且变小效果淡出且变小效果 ：变小，透明度变小，透明度20n推进效果推进效果 ：变大，透明度变大，透明度100n由正面到反面的渐变效果由正面到反面的渐变效果 ：倾斜，垂直斜：倾斜，垂直斜度度180 要正确使用运动渐变必须满足以下创作条件：要正确使用运动渐变必须满足以下创作条件：要正确使用运动渐变必须满足以下创作条件：要正确使用运动渐变必须满足以下创作条件： 运运运运动动动动渐渐渐渐变变变变只只只只能能能能作作作作用用用用于于于于元元元元件件件件实实实实例例例例，要要要要对对对对形形形形状状状状、组组组组合合合合、位位位位图图图图或或或或文本对象应用运动渐变，必须先将这些对象转换为元件；文本对象应用运动渐变，必须先将这些对象转换为元件；文本对象应用运动渐变，必须先将这些对象转换为元件；文本对象应用运动渐变，必须先将这些对象转换为元件； 运运运运动动动动渐渐渐渐变变变变中中中中的的的的元元元元件件件件只只只只能能能能是是是是一一一一对对对对一一一一的的的的渐渐渐渐变变变变，多多多多对对对对一一一一或或或或一一一一对对对对多多多多均均均均会导致渐变失败；会导致渐变失败；会导致渐变失败；会导致渐变失败； 运动渐变中的元件只能在同一图层中。运动渐变中的元件只能在同一图层中。运动渐变中的元件只能在同一图层中。运动渐变中的元件只能在同一图层中。 【例例例例11-211-2】使用运动渐变动画实现文字被风吹走的效果，如使用运动渐变动画实现文字被风吹走的效果，如使用运动渐变动画实现文字被风吹走的效果，如使用运动渐变动画实现文字被风吹走的效果，如图图图图11-1311-13所示。所示。所示。所示。 11.311.3动画制作动画制作动画制作动画制作 图11-13 实例效果【例11-2】 运动渐变运动渐变n过程：新建八个元件，分别位于每个层的第一祯n对元件相隔第20祯添加关键祯，设置任意变形（水平翻转），alpha属性值为0，移动到右上角，设置运动渐变，缓动值为-100形变动画形变动画n和运动动画不同的是，其动画对象只能是和运动动画不同的是，其动画对象只能是矢量图形对象矢量图形对象；n群组对象、图符引例对象、符号和位图图群组对象、图符引例对象、符号和位图图像均像均不能够不能够作为变形动画的对象（除非把作为变形动画的对象（除非把它们打散成矢量图形）。它们打散成矢量图形）。形变动画形变动画n可以在两个关键帧之间制作出变形的效果，可以在两个关键帧之间制作出变形的效果，让一种形状随时间变化成另外一种形状；让一种形状随时间变化成另外一种形状；n还可以对形状的位置、大小和颜色进行渐还可以对形状的位置、大小和颜色进行渐变；变；11.3.311.3.3运动渐变动画和运动渐变动画和运动渐变动画和运动渐变动画和形状渐变动画区别形状渐变动画区别形状渐变动画区别形状渐变动画区别n n 运运运运动动动动渐渐渐渐变变变变动动动动画画画画要要要要求求求求运运运运动动动动对对对对象象象象作作作作为为为为一一一一个个个个整整整整体体体体，通通通通过过过过位位位位置置置置、大大大大小、色彩等属性发生变化来实现效果；小、色彩等属性发生变化来实现效果；小、色彩等属性发生变化来实现效果；小、色彩等属性发生变化来实现效果；n n 形形形形状状状状渐渐渐渐变变变变动动动动画画画画的的的的对对对对象象象象是是是是打打打打散散散散的的的的对对对对象象象象，对对对对于于于于入入入入库库库库的的的的元元元元件件件件（如如如如文文文文字字字字），只只只只有有有有元元元元件件件件被被被被打打打打散散散散后后后后才才才才能能能能实实实实现现现现形形形形状状状状渐渐渐渐变变变变的的的的。在在在在动动动动画画画画过过过过程程程程中中中中改改改改变变变变的的的的是是是是对对对对象象象象的的的的形形形形状状状状，从从从从一一一一种种种种形形形形状状状状平平平平滑滑滑滑地地地地变变变变化化化化到到到到另另另另一一一一种种种种形形形形状状状状，即使是文字，在这里也只有形状，不再算是文字。即使是文字，在这里也只有形状，不再算是文字。即使是文字，在这里也只有形状，不再算是文字。即使是文字，在这里也只有形状，不再算是文字。n n 形形形形状状状状渐渐渐渐变变变变动动动动画画画画允允允允许许许许一一一一个个个个图图图图层层层层上上上上安安安安排排排排多多多多个个个个对对对对象象象象，同同同同时时时时进进进进行行行行形形形形状渐变，而且有时还会产生意料之外的变化。状渐变，而且有时还会产生意料之外的变化。状渐变，而且有时还会产生意料之外的变化。状渐变，而且有时还会产生意料之外的变化。 11.311.3动画制作动画制作动画制作动画制作 n n正确创建形状渐变时，首先需定义两个关正确创建形状渐变时，首先需定义两个关键帧键帧起始帧与结束帧，并分别在其中起始帧与结束帧，并分别在其中绘制好图形。接着就可以在两个关键帧之绘制好图形。接着就可以在两个关键帧之间创建形状渐变动画了。间创建形状渐变动画了。n n 动画中过渡的部分，即补间，是由动画中过渡的部分，即补间，是由Flash自行计算得来的。自行计算得来的。 11.3.311.3.3形状渐变动画的制作形状渐变动画的制作形状渐变动画的制作形状渐变动画的制作 【例例例例11-311-3】利利利利用用用用形形形形状状状状渐渐渐渐变变变变制制制制作作作作从从从从图图图图形形形形向向向向文文文文字字字字的的的的渐渐渐渐变变变变，效效效效果果果果如如如如图图图图11-3111-31所示。所示。所示。所示。 11.311.3动画制作动画制作动画制作动画制作 图11-31 从图形向文字的渐变【例11-3】 简单变形动画：欢渡国庆简单变形动画：欢渡国庆n一、创建影片：尺寸400X300，背景浅桔色。n二、创建动画：n第1帧：画出一个没有边框的红色矩形；n第10帧插入空白关键帧，画出一个没有边框的蓝色小球。点第1帧，设置变形动画，选择形状渐变。n第20帧插入空白关键帧，选取字体Webdings，输入字母v。会出现一辆汽车符号，任意变形调整汽车大小,“修改/分离”，汽车变彩虹色。点第10帧，设置变形动画，选择图形变化。n第40帧插入空白关键帧，输入“欢渡国庆”，打散文字两次。点第20帧设置变形动画。n按F5在第50帧插入一帧，以延长第40帧的效果n提示：在英文字体中有很多特殊的字体，如Webdings，它可以产生各类图案。n提示：因为Flash不能对群组、图符（组件）、字符或者位图图像进行动画变形，所以要将字符打散。有的要打散两次。11.3.411.3.4遮罩动画的制作遮罩动画的制作遮罩动画的制作遮罩动画的制作n n也叫蒙板，是也叫蒙板，是也叫蒙板，是也叫蒙板，是FlashFlash中一种特殊的图层。中一种特殊的图层。中一种特殊的图层。中一种特殊的图层。n n 实实实实现现现现对对对对它它它它下下下下层层层层被被被被遮遮遮遮罩罩罩罩的的的的图图图图层层层层显显显显示示示示区区区区域域域域或或或或显显显显示示示示范范范范围围围围的的的的控控控控制制制制，即即即即在在在在遮遮遮遮罩罩罩罩层层层层上上上上非非非非透透透透明明明明的的的的区区区区域域域域，下下下下层层层层对对对对应应应应的的的的地地地地方方方方就就就就显显显显示示示示，否否否否则则则则不不不不显示。显示。显示。显示。n n遮罩层位于被遮罩的图层的上面，次序绝对不可以颠倒。遮罩层位于被遮罩的图层的上面，次序绝对不可以颠倒。遮罩层位于被遮罩的图层的上面，次序绝对不可以颠倒。遮罩层位于被遮罩的图层的上面，次序绝对不可以颠倒。遮罩动画的实现步骤一般如下所述：遮罩动画的实现步骤一般如下所述：遮罩动画的实现步骤一般如下所述：遮罩动画的实现步骤一般如下所述： 制作一段运动渐变动画或形状渐变动画；制作一段运动渐变动画或形状渐变动画；制作一段运动渐变动画或形状渐变动画；制作一段运动渐变动画或形状渐变动画； 然后添加一个图层，并设置属性为遮罩层；然后添加一个图层，并设置属性为遮罩层；然后添加一个图层，并设置属性为遮罩层；然后添加一个图层，并设置属性为遮罩层； 在在在在遮遮遮遮罩罩罩罩图图图图层层层层和和和和被被被被遮遮遮遮罩罩罩罩图图图图层层层层之之之之间间间间建建建建立立立立关关关关联联联联关关关关系系系系，实实实实现现现现遮遮遮遮罩罩罩罩动动动动画画画画的效果。的效果。的效果。的效果。11.311.3动画制作动画制作动画制作动画制作 11.3.411.3.4遮罩动画的制作遮罩动画的制作遮罩动画的制作遮罩动画的制作 【例例例例11-411-4】利利利利用用用用遮遮遮遮罩罩罩罩技技技技术术术术实实实实现现现现电电电电影影影影序序序序幕幕幕幕效效效效果果果果，动动动动画画画画开开开开始始始始时时时时文文文文字字字字隐隐隐隐藏藏藏藏，然然然然后后后后逐逐逐逐渐渐渐渐显显显显现现现现，最最最最后后后后再再再再慢慢慢慢慢慢慢慢消消消消失失失失，即即即即淡淡淡淡入入入入淡淡淡淡出出出出的的的的效效效效果果果果，如图如图如图如图11-3711-37所示。所示。所示。所示。 11.311.3动画制作动画制作动画制作动画制作 图11-37 文字的电影序幕效果 【例11-4】 遮罩动画的制作实例遮罩动画的制作实例2n遮罩文字11.3.511.3.5引导层运动动画的制作引导层运动动画的制作引导层运动动画的制作引导层运动动画的制作n n 一一一一般般般般情情情情况况况况下下下下，运运运运动动动动动动动动画画画画产产产产生生生生补补补补间间间间动动动动画画画画时时时时，都都都都是是是是按按按按照照照照最最最最简简简简单单单单的方式产生的，即按直线从起点运动到终点方式产生的方式产生的，即按直线从起点运动到终点方式产生的方式产生的，即按直线从起点运动到终点方式产生的方式产生的，即按直线从起点运动到终点方式产生n n FlashFlash中中中中有有有有一一一一种种种种专专专专门门门门的的的的图图图图层层层层引引引引导导导导层层层层。在在在在引引引引导导导导层层层层中中中中，利利利利用用用用可可可可以以以以产产产产生生生生曲曲曲曲线线线线的的的的工工工工具具具具绘绘绘绘制制制制一一一一条条条条曲曲曲曲线线线线，再再再再利利利利用用用用属属属属性性性性面面面面板板板板的的的的设设设设置置置置，使它作为运动对象或实体的运动轨迹。使它作为运动对象或实体的运动轨迹。使它作为运动对象或实体的运动轨迹。使它作为运动对象或实体的运动轨迹。n n 演演演演播播播播时时时时，这这这这条条条条曲曲曲曲线线线线并并并并不不不不出出出出现现现现，但但但但它它它它的的的的使使使使用用用用可可可可以以以以实实实实现现现现完完完完美美美美的的的的曲曲曲曲线运动效果。线运动效果。线运动效果。线运动效果。n n 为为为为了了了了让让让让运运运运动动动动的的的的对对对对象象象象能能能能沿沿沿沿着着着着曲曲曲曲线线线线进进进进行行行行运运运运动动动动，需需需需要要要要添添添添加加加加引引引引导导导导层层层层及引导线。及引导线。及引导线。及引导线。11.311.3动画制作动画制作动画制作动画制作 【例例例例11-511-5】利利利利用用用用引引引引导导导导层层层层运运运运动动动动动动动动画画画画制制制制作作作作一一一一个个个个纸纸纸纸飞飞飞飞机机机机在在在在舞舞舞舞台台台台上上上上沿沿沿沿着着着着不规则路径飞翔的动画，实例效果如图不规则路径飞翔的动画，实例效果如图不规则路径飞翔的动画，实例效果如图不规则路径飞翔的动画，实例效果如图11-4511-45所示。所示。所示。所示。11.311.3动画制作动画制作动画制作动画制作 图11-45 实例效果【例11-5】 沿引导层运动沿引导层运动注意：注意：1.引导图层添加到被引导图层的上面；引导图层添加到被引导图层的上面；2.在引导图层中绘制引导线在引导图层中绘制引导线3.在被引导图层中设置位置，添加动作在被引导图层中设置位置，添加动作4.实例实例2：多轨道运动的小球：多轨道运动的小球5.实例实例3:制作书写动画色彩动画实例声音模拟色彩动画实例声音模拟n新建影片剪辑动画n新加关键帧-复制矩形，改变色彩n最后一帧求随机变量f=random(n)n第一关键帧：gotoplayframe(f);场景构成场景构成n场景构成：画布层和浮动层；场景构成：画布层和浮动层；n画布层在最底部，上面重叠数个浮动层；画布层在最底部，上面重叠数个浮动层；n利用绘图工具在编辑区绘图属于画布层；利用绘图工具在编辑区绘图属于画布层；n改变浮动层的顺序：移至顶层、上移一层，改变浮动层的顺序：移至顶层、上移一层，下移一层、下移一层、n创建场景；创建场景；调整场景调整场景n将元件拖拽到工作区后，就变成场景，也将元件拖拽到工作区后，就变成场景，也就是元件的分身；就是元件的分身；n每个场景都连接着元件，属性从元件的获每个场景都连接着元件，属性从元件的获得；得；n场景拥有各自属性，可独自运作场景拥有各自属性，可独自运作显示和排列场景显示和排列场景n新建场景：新建场景： “插入插入”场景场景n场景切换：场景切换：“视图视图”“转到转到”；n编辑场景：编辑场景：“窗口窗口”“设计面板设计面板”“场景场景”实现新建场景、复制、删除场景；实现新建场景、复制、删除场景；按钮按钮n四个状态：弹起、鼠标经过、按下、点击，四个状态：弹起、鼠标经过、按下、点击，具备其中的几项即可具备其中的几项即可n制作按钮制作按钮n测试按钮测试按钮n简单按钮制作简单按钮制作n在原来的动画中增加按钮在原来的动画中增加按钮实例制作按钮控制场景切换实例制作按钮控制场景切换n新建元件按钮新建元件按钮n在场景中导入图片，插入按钮在场景中导入图片，插入按钮n新建场景，导入图片新建场景，导入图片,插入按钮插入按钮n设置按钮动作设置按钮动作按钮实例图片播放器按钮实例图片播放器n上一页，下一页动作脚本的添加上一页，下一页动作脚本的添加n新建元件上一页，下一页新建元件上一页，下一页n多次建立相连关键帧，每个关键帧导入图多次建立相连关键帧，每个关键帧导入图片片n新建图层，插入二个按钮，延长按钮作用新建图层，插入二个按钮，延长按钮作用时间时间n设置按钮动作设置按钮动作non (press) prevFrame()/nextframe()脚本实例夜空脚本实例夜空n新建图形元件星星；n新建影片剪辑设置星星从有到无到有的过程n新建影片剪辑，添加三个空白关键帧，设置脚本；(1:num=0;3:gotoandPlay(2);)n切换到场景，拖入二个影片剪辑，并且设置星星从有到无到有的剪辑实例为star.if (num45) num = 0;_root.star.stop();_root.star._x = random(600);_root.star._y = random(450);_root.star.duplicateMovieClip(num,num);num = num+1;插入路径n绝对路径n相对路径n目标11.3.6MTV11.3.6MTV制作基础制作基础制作基础制作基础 1 1音乐的准备音乐的准备音乐的准备音乐的准备WAVWAV格式格式格式格式MP3MP3格式格式格式格式输出输出输出输出. .swfswf文件时，会自动完成音频格式的转换和压缩。文件时，会自动完成音频格式的转换和压缩。文件时，会自动完成音频格式的转换和压缩。文件时，会自动完成音频格式的转换和压缩。11.311.3动画制作动画制作动画制作动画制作 声音操作声音操作n导入声音文件导入声音文件n声音属性设置声音属性设置n添加声音到动画中添加声音到动画中n编辑声音编辑声音n在按钮上添加声音特效在按钮上添加声音特效2 2音乐的设置音乐的设置音乐的设置音乐的设置l l 执执执执行行行行“ “文文文文件件件件” ”“ “导导导导入入入入” ”“ “导导导导入入入入到到到到库库库库” ”命命命命令令令令，将将将将音音音音乐乐乐乐导导导导入入入入到库中到库中到库中到库中l l 拖拖拖拖动动动动库库库库中中中中的的的的音音音音乐乐乐乐到到到到舞舞舞舞台台台台上上上上，选选选选中中中中时时时时间间间间轴轴轴轴面面面面板板板板中中中中的的的的任任任任意意意意一一一一帧帧帧帧， 执行执行执行执行“ “插入帧插入帧插入帧插入帧” ”命令，这样音乐便添加到图层中命令，这样音乐便添加到图层中命令，这样音乐便添加到图层中命令，这样音乐便添加到图层中 音音音音乐乐乐乐编编编编辑辑辑辑: : : :设设设设置置置置自自自自定定定定义义义义效效效效果果果果模模模模式式式式，定定定定义义义义左左左左、右右右右声声声声道道道道均均均均为为为为淡淡淡淡入入入入效效效效果果果果11.311.3动画制作动画制作动画制作动画制作 图11-53 将音乐添加到图层上 图11-54 设置自定义效果模式 2 2音乐的设置音乐的设置音乐的设置音乐的设置l l 默认设置是按默认设置是按默认设置是按默认设置是按“ “事件事件事件事件” ”同步同步同步同步l l 最最最最好好好好选选选选择择择择“ “数数数数据据据据流流流流” ”同同同同步步步步方方方方式式式式: : : :声声声声音音音音文文文文件件件件会会会会平平平平均均均均分分分分配配配配在在在在所所所所需需需需要要要要的的的的帧帧帧帧中中中中，声声声声音音音音文文文文件件件件的的的的播播播播放放放放与与与与同同同同它它它它相相相相配配配配的的的的动动动动画画画画的的的的播播播播放放放放完完完完全全全全同同同同步步步步，而而而而且且且且取取取取决决决决于于于于动动动动画画画画的的的的播播播播放放放放速速速速度度度度。动动动动画画画画结结结结束束束束，声声声声音音音音的的的的播播播播放放放放也也也也结结结结束束束束。下下下下载载载载的的的的过过过过程程程程中中中中播播播播放放放放，下下下下载载载载了了了了多多多多少少少少，就就就就播播播播放放放放多多多多少少少少，非非非非常常常常适适适适合合合合在网络上传播。在网络上传播。在网络上传播。在网络上传播。 11.311.3动画制作动画制作动画制作动画制作 图11-55 选择“数据流”同步方式 3 3同步的实现同步的实现同步的实现同步的实现同同同同步步步步: :在在在在播播播播放放放放声声声声音音音音时时时时，画画画画面面面面内内内内容容容容是是是是对对对对应应应应的的的的，字字字字幕幕幕幕显显显显示示示示也也也也是是是是对对对对应应应应的的的的。同同同同步步步步关关关关键键键键: :确确确确定定定定歌歌歌歌曲曲曲曲中中中中演演演演唱唱唱唱的的的的每每每每一一一一句句句句歌歌歌歌词词词词的的的的时时时时间间间间，因因因因此此此此首首首首先先先先要要要要清清清清楚整个音乐究竟有多长。楚整个音乐究竟有多长。楚整个音乐究竟有多长。楚整个音乐究竟有多长。 例例例例：声声声声音音音音文文文文件件件件的的的的时时时时间间间间长长长长度度度度是是是是193.6s193.6s。在在在在一一一一般般般般的的的的FlashFlash作作作作品品品品中中中中，默默默默认认认认将将将将动动动动画画画画的的的的播播播播放放放放速速速速度度度度设设设设置置置置为为为为12.0fps12.0fps（即即即即每每每每秒秒秒秒1212帧帧帧帧）。用用用用户户户户很很很很容容容容 易易易易 就就就就 可可可可 以以以以 计计计计 算算算算 出出出出 播播播播 放放放放 完完完完 整整整整 个个个个 歌歌歌歌 曲曲曲曲 所所所所 需需需需 要要要要 的的的的 帧帧帧帧 数数数数 ：12.012.0193.6=2323.2193.6=2323.2帧。展开歌曲后最后的帧数为帧。展开歌曲后最后的帧数为帧。展开歌曲后最后的帧数为帧。展开歌曲后最后的帧数为23242324。 11.311.3动画制作动画制作动画制作动画制作 图11-56 整个歌曲展开后的时间轴 脚本实例时钟脚本实例时钟n创建图形元件创建图形元件clock;n创建影片剪辑：创建影片剪辑：hours,minutes,seconds 并为影片剪辑添加脚本；并为影片剪辑添加脚本；n切换到场景，拖入切换到场景，拖入clock;增加层增加层,拖入拖入hours,minutes,seconds;增加层，绘画圆增加层，绘画圆心；增加层，增加脚本。心；增加层，增加脚本。脚本实例圣诞快乐脚本实例圣诞快乐n导入背景导入背景n新建元件雪花；新建元件雪花；n新建影片剪辑沿引导线运动的雪花新建影片剪辑沿引导线运动的雪花n新建图层拖入影片剪辑（沿引导线运新建图层拖入影片剪辑（沿引导线运动的雪花），设置实例为动的雪花），设置实例为snow；n新建图层新建图层act,新家三个空白关键帧，分新家三个空白关键帧，分别添加脚本：别添加脚本：n新建一个图层：添加音乐新建一个图层：添加音乐运动的环n新建影片剪辑1，设置单环的运动n新建影片剪辑2，多个环的不同角度的复制n将影片剪辑拖入到场景中lFlash制作的动画是制作的动画是fla格式的格式的l动动画画制制作作完完成成后后，需需要要将将fla格格式式的的文文件件发发布布成成swf格式的文件格式的文件。 11.4 11.4 动画的测试、优化与发布动画的测试、优化与发布动画的测试、优化与发布动画的测试、优化与发布 11.4.111.4.1动画的测试动画的测试动画的测试动画的测试1 1在动画编辑环境下测试影片在动画编辑环境下测试影片在动画编辑环境下测试影片在动画编辑环境下测试影片l l 用用用用户户户户按按按按EnterEnter键键键键可可可可以以以以对对对对动动动动画画画画进进进进行行行行简简简简单单单单的的的的测测测测试试试试，但但但但动动动动画画画画中中中中的影片剪辑元件、按钮元件等交互式效果均不能得到测试。的影片剪辑元件、按钮元件等交互式效果均不能得到测试。的影片剪辑元件、按钮元件等交互式效果均不能得到测试。的影片剪辑元件、按钮元件等交互式效果均不能得到测试。l l 测测测测试试试试动动动动画画画画得得得得到到到到的的的的动动动动画画画画速速速速度度度度比比比比输输输输出出出出或或或或优优优优化化化化后后后后的的的的动动动动画画画画速速速速度度度度慢慢慢慢，所所所所以动画编辑环境不是用户的首选测试环境。以动画编辑环境不是用户的首选测试环境。以动画编辑环境不是用户的首选测试环境。以动画编辑环境不是用户的首选测试环境。11.4 11.4 动画的测试、优化与发布动画的测试、优化与发布动画的测试、优化与发布动画的测试、优化与发布 11.4.111.4.1动画的测试动画的测试动画的测试动画的测试2 2测试动画与场景测试动画与场景测试动画与场景测试动画与场景 测测测测试试试试动动动动画画画画与与与与场场场场景景景景主主主主要要要要通通通通过过过过“ “控控控控制制制制” ”菜菜菜菜单单单单实实实实现现现现, ,执执执执行行行行“ “控控控控制制制制”“”“测测测测试试试试影影影影片片片片” ”命命命命令令令令，FlashFlash将将将将自自自自动动动动导导导导出出出出当当当当前前前前动动动动画画画画中中中中的的的的所所所所有有有有场场场场景景景景，然后将文件在新窗口中打开。然后将文件在新窗口中打开。然后将文件在新窗口中打开。然后将文件在新窗口中打开。 要要要要测测测测试试试试一一一一个个个个场场场场景景景景的的的的全全全全部部部部内内内内容容容容，执执执执行行行行“ “控控控控制制制制” ”“ “测测测测试试试试场场场场景景景景” ”命命命命令令令令，FlashFlash仅仅仅仅导导导导出出出出当当当当前前前前动动动动画画画画中中中中的的的的当当当当前前前前场场场场景景景景，然然然然后后后后将将将将文文文文件件件件在在在在新新新新窗窗窗窗口口口口中中中中打打打打开开开开，且且且且在在在在“ “文文文文件件件件” ”选选选选项项项项卡卡卡卡中中中中标标标标出出出出当前测试的场景。当前测试的场景。当前测试的场景。当前测试的场景。 11.4 11.4 动画的测试、优化与发布动画的测试、优化与发布动画的测试、优化与发布动画的测试、优化与发布 图11-57 “控制”菜单 11.4.211.4.2优化动画文件优化动画文件优化动画文件优化动画文件 FlashFlash自自自自动动动动对对对对动动动动画画画画执执执执行行行行一一一一些些些些优优优优化化化化，例例例例如如如如，它它它它可可可可以以以以在在在在导导导导出出出出时时时时检检检检测测测测重重重重复复复复的的的的形形形形状状状状，在在在在文文文文件件件件中中中中只只只只把把把把它它它它们们们们放放放放置置置置一一一一次次次次，并并并并且且且且把把把把嵌嵌嵌嵌套套套套组组组组合合合合转转转转换成单个组合。换成单个组合。换成单个组合。换成单个组合。 1 1总体上优化总体上优化总体上优化总体上优化 对于多次出现的元素，使用元件、动画或者其他对象。对于多次出现的元素，使用元件、动画或者其他对象。对于多次出现的元素，使用元件、动画或者其他对象。对于多次出现的元素，使用元件、动画或者其他对象。 只只只只要要要要可可可可能能能能，就就就就要要要要使使使使用用用用补补补补间间间间动动动动画画画画，补补补补间间间间动动动动画画画画与与与与一一一一系系系系列列列列的的的的关关关关键键键键帧帧帧帧相比，占用的文件空间更少。相比，占用的文件空间更少。相比，占用的文件空间更少。相比，占用的文件空间更少。 对于动画序列，要使用影片剪辑而不是图形元件。对于动画序列，要使用影片剪辑而不是图形元件。对于动画序列，要使用影片剪辑而不是图形元件。对于动画序列，要使用影片剪辑而不是图形元件。 限限限限制制制制每每每每个个个个关关关关键键键键帧帧帧帧中中中中的的的的改改改改变变变变的的的的区区区区域域域域，在在在在尽尽尽尽可可可可能能能能小小小小的的的的区区区区域域域域中中中中执执执执行行行行动作。动作。动作。动作。 避避避避免免免免使使使使用用用用动动动动画画画画位位位位图图图图元元元元素素素素，使使使使用用用用位位位位图图图图图图图图像像像像作作作作为为为为背背背背景景景景或或或或者者者者静静静静态态态态元元元元素。素。素。素。 对于声音，尽可能使用对于声音，尽可能使用对于声音，尽可能使用对于声音，尽可能使用MP3MP3这种占用空间最小的声音格式。这种占用空间最小的声音格式。这种占用空间最小的声音格式。这种占用空间最小的声音格式。11.4 11.4 动画的测试、优化与发布动画的测试、优化与发布动画的测试、优化与发布动画的测试、优化与发布 2 2优化元素和线条优化元素和线条优化元素和线条优化元素和线条 尽量组合元素。尽量组合元素。尽量组合元素。尽量组合元素。 使使使使用用用用层层层层把把把把随随随随动动动动画画画画过过过过程程程程改改改改变变变变的的的的元元元元素素素素和和和和不不不不随随随随动动动动画画画画过过过过程程程程改改改改变变变变的的的的元元元元素素素素分开。分开。分开。分开。 限限限限制制制制特特特特殊殊殊殊线线线线条条条条类类类类型型型型的的的的数数数数量量量量，如如如如虚虚虚虚线线线线、点点点点状状状状线线线线、锯锯锯锯齿齿齿齿状状状状线线线线等等等等，实实实实线线线线所所所所需需需需的的的的内内内内存存存存空空空空间间间间较较较较小小小小，铅铅铅铅笔笔笔笔工工工工具具具具生生生生成成成成的的的的线线线线条条条条比比比比画画画画笔笔笔笔笔笔笔笔触触触触生生生生成的线条所需的内存空间更小。成的线条所需的内存空间更小。成的线条所需的内存空间更小。成的线条所需的内存空间更小。3 3优化文本和字体优化文本和字体优化文本和字体优化文本和字体 限限限限制制制制字字字字体体体体和和和和字字字字形形形形的的的的数数数数量量量量，尽尽尽尽量量量量少少少少使使使使用用用用嵌嵌嵌嵌入入入入字字字字体体体体，因因因因为为为为它它它它们们们们会会会会增加文件的大小。增加文件的大小。增加文件的大小。增加文件的大小。 对对对对于于于于“ “嵌嵌嵌嵌入入入入字字字字体体体体” ”选选选选项项项项，只只只只选选选选中中中中需需需需要要要要的的的的字字字字符符符符，不不不不要要要要包包包包括括括括所所所所有有有有字体。字体。字体。字体。11.4 11.4 动画的测试、优化与发布动画的测试、优化与发布动画的测试、优化与发布动画的测试、优化与发布 4 4优化颜色优化颜色优化颜色优化颜色 在在在在元元元元件件件件属属属属性性性性检检检检查查查查器器器器中中中中，使使使使用用用用“ “颜颜颜颜色色色色” ”菜菜菜菜单单单单创创创创建建建建一一一一个个个个元元元元件件件件的的的的具具具具有不同颜色的多个实例。有不同颜色的多个实例。有不同颜色的多个实例。有不同颜色的多个实例。 使使使使用用用用混混混混色色色色器器器器来来来来使使使使影影影影片片片片的的的的颜颜颜颜色色色色调调调调色色色色板板板板与与与与浏浏浏浏览览览览器器器器专专专专用用用用的的的的调调调调色色色色板板板板匹匹匹匹配。配。配。配。 尽尽尽尽量量量量少少少少使使使使用用用用渐渐渐渐变变变变色色色色，使使使使用用用用渐渐渐渐变变变变色色色色填填填填充充充充区区区区域域域域比比比比使使使使用用用用纯纯纯纯色色色色填填填填充充充充大大大大概多需要概多需要概多需要概多需要50B50B空间。空间。空间。空间。 尽量少使用尽量少使用尽量少使用尽量少使用AlphaAlpha透明度，它会减慢回放速度。透明度，它会减慢回放速度。透明度，它会减慢回放速度。透明度，它会减慢回放速度。11.4 11.4 动画的测试、优化与发布动画的测试、优化与发布动画的测试、优化与发布动画的测试、优化与发布 11.4.311.4.3动画文件的发布动画文件的发布动画文件的发布动画文件的发布FlashFlash动动动动画画画画可可可可发发发发布布布布成成成成多多多多种种种种格格格格式式式式，而而而而在在在在发发发发布布布布之之之之前前前前需需需需进进进进行行行行必必必必要要要要的的的的发发发发布布布布设设设设置置置置。使用使用使用使用“ “发布设置发布设置发布设置发布设置” ”对话框对话框对话框对话框1 1发布设置发布设置发布设置发布设置执行执行执行执行“ “文件文件文件文件” ”“ “发布设置发布设置发布设置发布设置” ”命令命令命令命令11.4 11.4 动画的测试、优化与发布动画的测试、优化与发布动画的测试、优化与发布动画的测试、优化与发布 图11-58 “发布设置”对话框 2 2发布预览发布预览发布预览发布预览 执执执执行行行行“ “文文文文件件件件” ”“ “发发发发布布布布预预预预览览览览” ”命命命命令令令令，打打打打开发布预览子菜单，如图开发布预览子菜单，如图开发布预览子菜单，如图开发布预览子菜单，如图11-6111-61所示。所示。所示。所示。（1 1）FlashFlash预览预览预览预览 执执执执行行行行FlashFlash命命命命令令令令，和和和和测测测测试试试试动动动动画画画画一一一一样样样样，打打打打开开开开同一个窗口，预览同一个窗口，预览同一个窗口，预览同一个窗口，预览FlashFlash动画的效果。动画的效果。动画的效果。动画的效果。 （2 2）HTMLHTML预览预览预览预览 执执执执行行行行HTMLHTML命命命命令令令令，自自自自动动动动启启启启动动动动默默默默认认认认的的的的浏浏浏浏览览览览器，在其中预览器，在其中预览器，在其中预览器，在其中预览HTMLHTML格式的输出文件。格式的输出文件。格式的输出文件。格式的输出文件。3 3发布动画发布动画发布动画发布动画 执执执执行行行行“ “文文文文件件件件” ”“ “发发发发布布布布” ”命命命命令令令令，经经经经过过过过文文文文件创建过程，发布动画成为所选的格式。件创建过程，发布动画成为所选的格式。件创建过程，发布动画成为所选的格式。件创建过程，发布动画成为所选的格式。11.4 11.4 动画的测试、优化与发布动画的测试、优化与发布动画的测试、优化与发布动画的测试、优化与发布 图11-61 发布预览子菜单 11.4.411.4.4动画文件的导出动画文件的导出动画文件的导出动画文件的导出 在在在在FlashFlash中中中中除除除除了了了了可可可可以以以以保保保保存存存存为为为为. .flafla格格格格式式式式的的的的源源源源文文文文件件件件，以以以以及及及及发发发发布布布布成成成成为为为为FlashFlash播播播播放放放放文文文文件件件件. .swfswf格格格格式式式式或或或或网网网网页页页页文文文文件件件件.html.html格格格格式式式式外外外外，还还还还可可可可以以以以生生生生成更多其他格式的文件。成更多其他格式的文件。成更多其他格式的文件。成更多其他格式的文件。 在在在在“ “文文文文件件件件” ”菜菜菜菜单单单单中中中中包包包包含含含含两两两两个个个个导导导导出出出出命命命命令令令令：“ “导出图像导出图像导出图像导出图像” ”和和和和“ “导出影片导出影片导出影片导出影片” ”。1 1导出图像导出图像导出图像导出图像 执行执行执行执行“ “文件文件文件文件” ”“ “导出图像导出图像导出图像导出图像” ”命令，弹命令，弹命令，弹命令，弹出出出出“ “导出图像导出图像导出图像导出图像” ”对话框，可以选择导出文对话框，可以选择导出文对话框，可以选择导出文对话框，可以选择导出文件类型为图像格式文件，如图件类型为图像格式文件，如图件类型为图像格式文件，如图件类型为图像格式文件，如图11-6211-62所示，所示，所示，所示，可以保存为可以保存为可以保存为可以保存为. .dxfdxf，.bmp.bmp，.jpg.jpg，. .pngpng等格等格等格等格式的文件。式的文件。式的文件。式的文件。 11.4 11.4 动画的测试、优化与发布动画的测试、优化与发布动画的测试、优化与发布动画的测试、优化与发布 图11-62 选择导出图像类型 2 2导出影片导出影片导出影片导出影片 导导导导出出出出影影影影片片片片不不不不像像像像发发发发布布布布那那那那样样样样可可可可以以以以对对对对影影影影片片片片的的的的各各各各方方方方面面面面进进进进行行行行设设设设置置置置，它它它它可可可可以以以以把把把把当当当当前前前前影影影影片片片片全全全全部部部部导导导导出为出为出为出为FlashFlash支持的格式。支持的格式。支持的格式。支持的格式。 执执执执行行行行“ “文文文文件件件件” ”“ “导导导导出出出出影影影影片片片片” ”命命命命令令令令，弹弹弹弹出出出出“ “导导导导出出出出影影影影片片片片” ”对对对对话话话话框框框框，在在在在其其其其中中中中填填填填入入入入文文文文件件件件名名名名，即即即即可可可可将将将将FlashFlash影影影影片片片片保保保保存存存存为为为为. .swfswf格格格格式式式式文文文文件件件件。如如如如果果果果需需需需要要要要导导导导出出出出其其其其他他他他格格格格式式式式的的的的影影影影片片片片，可可可可从从从从“ “保保保保存存存存类类类类型型型型” ”下下下下拉拉拉拉列列列列表表表表（见见见见图图图图11-6311-63）中中中中选选选选择择择择。可可可可以以以以保保保保存存存存为为为为. .splspl，. .aviavi，. .movmov，.gif.gif等等等等格格格格式的文件。式的文件。式的文件。式的文件。11.4 11.4 动画的测试、优化与发布动画的测试、优化与发布动画的测试、优化与发布动画的测试、优化与发布 图11-63 选择导出影片类型 跳舞文字n背景图层：利用背景颜色填充和矩形形成背景图像n分别建立5个文字对应的影片剪辑，设置每个影片剪辑的跳跃动作n翻转5个影片剪辑，形成映象。旋转文字n利用firework实现文字环绕图片n新建影片剪辑，完成自转n拖入二个影片剪辑到场景，变形实现效果1利用逐帧动画制作一个走路的儿童动画。利用逐帧动画制作一个走路的儿童动画。2利利用用运运动动渐渐变变动动画画制制作作一一个个弹弹跳跳的的金金属属小小球球动动画画。小小球球先先从上向下运动，速度较快；反弹后向上运动，速度减慢。从上向下运动，速度较快；反弹后向上运动，速度减慢。3利利用用形形状状渐渐变变动动画画制制作作汉汉字字从从“大大”到到“小小”的的形形状状渐渐变变动画。注意应将文字分离为形状。动画。注意应将文字分离为形状。4利用遮罩动画制作一个淡入淡出的字幕效果。利用遮罩动画制作一个淡入淡出的字幕效果。5制作一首流行歌曲的制作一首流行歌曲的MTV，要求有图形、图像、动画、歌要求有图形、图像、动画、歌曲，并同步显示歌词字幕。曲，并同步显示歌词字幕。习题习题习题习题1111