1、【案例【案例3434】“旋转移动的扇叶旋转移动的扇叶”动动画画 10.1 【案例【案例3535】“人和自然人和自然”动画动画10.2【案例【案例3636】“奔驰火车头奔驰火车头”动画动画10.3【案例【案例3939】“自转地球自转地球”动画动画10.6【案例【案例3737】“移动的探照灯光移动的探照灯光”动动画画10.4【案例【案例3838】“变化文字变化文字”动画动画10.510.1.1 学习目标学习目标 “旋转移动的扇叶旋转移动的扇叶”动画播放后,画动画播放后,画面出现一个扇叶一边围绕中心顺时针旋转,面出现一个扇叶一边围绕中心顺时针旋转,一边移动。动画播放后的两幅画面如图一边移动。动画播放
2、后的两幅画面如图10-1-1所示。所示。图图10-1-1 “旋转移动的扇叶旋转移动的扇叶”动画播放后的两幅画面动画播放后的两幅画面 通过制作该案例,可以进一步了解制通过制作该案例,可以进一步了解制作动作动画的方法,了解动画的种类,进作动作动画的方法,了解动画的种类,进一步了解时间轴的结构特点,以及时间轴一步了解时间轴的结构特点,以及时间轴中各种帧的特点。中各种帧的特点。10.1.2 操作过程操作过程10.1.3 相关知识相关知识1动画的种类和动作动画的特点动画的种类和动作动画的特点(1)动画的种类:)动画的种类:Flash动画分为帧动画分为帧帧动画和动作动画两大类,它们的特帧动画和动作动画两大
3、类,它们的特点如下。点如下。帧帧动画:帧帧动画的每一帧都由制作帧帧动画:帧帧动画的每一帧都由制作者确定,而不是由者确定,而不是由Flash通过计算得到,然通过计算得到,然后连续依次播放这些画面,即可生成动画后连续依次播放这些画面,即可生成动画效果。帧帧动画适于制作非常复杂的动画,效果。帧帧动画适于制作非常复杂的动画,Gif格式的动画就是属于这种动画。与过渡格式的动画就是属于这种动画。与过渡动画相比,通常帧帧动画的文件字节数较动画相比,通常帧帧动画的文件字节数较大。为了使一帧的画面显示的时间长一些,大。为了使一帧的画面显示的时间长一些,可以在关键帧后边添加几个与关键帧内容可以在关键帧后边添加几个
4、与关键帧内容一样的普通帧。一样的普通帧。补间动画:它也叫过渡动画。制作若干补间动画:它也叫过渡动画。制作若干关键帧画面,由关键帧画面,由Flash计算生成各关键帧之计算生成各关键帧之间的各个帧,使画面从一个关键帧过渡到间的各个帧,使画面从一个关键帧过渡到另一个关键帧。补间动画又分为动作动画另一个关键帧。补间动画又分为动作动画和形状动画。和形状动画。(2)动作动画的特点:动作动画是补)动作动画的特点:动作动画是补间动画的一种。在间动画的一种。在Flash 8中可以创建中可以创建出丰富多彩的动作动画效果,可以使一出丰富多彩的动作动画效果,可以使一个对象在画面中沿直线移动,沿曲线移个对象在画面中沿直
5、线移动,沿曲线移动,变换大小、形状和颜色,以中心为动,变换大小、形状和颜色,以中心为圆点自转,以中心为圆点旋转,产生淡圆点自转,以中心为圆点旋转,产生淡入淡出效果等。各种变化可以独立进行,入淡出效果等。各种变化可以独立进行,也可合成复杂的动画。例如一个对象不也可合成复杂的动画。例如一个对象不断自转的同时还水平移动。断自转的同时还水平移动。Flash 8可以使实例、图形、图像、文可以使实例、图形、图像、文本和组合产生动作动画。创建动作动画后,本和组合产生动作动画。创建动作动画后,自动将对象转换成补间的实例,自动将对象转换成补间的实例,“库库”面面板中会自动增加元件,名称为板中会自动增加元件,名称
6、为“补间补间l”、“补间补间2”和和“补间补间3”等。等。动作动画可以借助于引导层使对象沿动作动画可以借助于引导层使对象沿任意路径运动,即创建引导动作动画。动任意路径运动,即创建引导动作动画。动作动画还可以借助遮罩层的作用产生千奇作动画还可以借助遮罩层的作用产生千奇百态的动画效果。百态的动画效果。时间轴窗口如图时间轴窗口如图10-1-5所示。其中,所示。其中,有许多图层和帧单元格(简称为帧),每有许多图层和帧单元格(简称为帧),每一行表示一个图层,每一列表示一帧。各一行表示一个图层,每一列表示一帧。各个帧的内容会不相同,不同的帧表示了不个帧的内容会不相同,不同的帧表示了不同的含义。同的含义。2
7、时间轴的帧特点时间轴的帧特点图图10-1-5 时间轴窗口时间轴窗口(1)空白帧)空白帧 :也叫做帧。该帧内是:也叫做帧。该帧内是空的,没有任何对象,也不可以在其内空的,没有任何对象,也不可以在其内创建对象。创建对象。(2)空白关键帧)空白关键帧 :也叫做白色关:也叫做白色关键帧。帧单元格内有一个空心的圆圈,键帧。帧单元格内有一个空心的圆圈,则表示它是一个没有内容的关键帧。则表示它是一个没有内容的关键帧。如果新建一个如果新建一个Flash文件,则会在第文件,则会在第1帧自动创建一个空白关键帧。空白关帧自动创建一个空白关键帧。空白关键帧内可以创建各种对象。选中某一键帧内可以创建各种对象。选中某一个
8、空白帧,再按个空白帧,再按F7键,即可将它转换键,即可将它转换为空白关键帧。为空白关键帧。(3)关键帧)关键帧 :帧单元格内有一个:帧单元格内有一个实心的圆圈,表示该帧内有对象,可实心的圆圈,表示该帧内有对象,可以进行编辑。选中一个空白帧,再按以进行编辑。选中一个空白帧,再按F6键,即可创建一个关键帧。键,即可创建一个关键帧。(4)普通帧)普通帧 :在关键帧的右边的:在关键帧的右边的浅灰色背景帧单元格是普通帧,表示浅灰色背景帧单元格是普通帧,表示它的内容与左边的关键帧内容一样。它的内容与左边的关键帧内容一样。选中关键帧右边的一个空白帧,再按选中关键帧右边的一个空白帧,再按F5键,则从关键帧到选
9、中的帧之间的键,则从关键帧到选中的帧之间的所有帧均变成普通帧。所有帧均变成普通帧。(5)动作帧)动作帧 :该帧本身也是一个:该帧本身也是一个关键帧,其中有一个字母关键帧,其中有一个字母“a”,表示,表示这一帧中分配有动作脚本。当影片播这一帧中分配有动作脚本。当影片播放到这一帧时会执行相应的脚本程序。放到这一帧时会执行相应的脚本程序。要加入动作需弹出要加入动作需弹出“动作动作-帧帧”面板。面板。(6)过渡帧:它是两个关键帧之间,)过渡帧:它是两个关键帧之间,创建补间动画后由创建补间动画后由Flash计算生成的计算生成的帧,它的底色为浅蓝色或浅绿色。不帧,它的底色为浅蓝色或浅绿色。不可以对过渡帧进
10、行编辑。可以对过渡帧进行编辑。创建不同帧的方法还有:选中某一个创建不同帧的方法还有:选中某一个帧单元格,再单击帧单元格,再单击“插入插入”“时间时间轴轴”“”菜单命令;或者,将鼠菜单命令;或者,将鼠标指针移到要插入关键帧的帧单元格处,标指针移到要插入关键帧的帧单元格处,单击右键,弹出快捷菜单,再单击快捷菜单击右键,弹出快捷菜单,再单击快捷菜单中相应的菜单命令。单中相应的菜单命令。(7)不同种类动画的帧:动作动画、)不同种类动画的帧:动作动画、形状动画和动作动画错误的帧特点如形状动画和动作动画错误的帧特点如下。下。动作动画动作动画 :在关键帧之间有一:在关键帧之间有一条水平指向右边的箭头,帧为浅
11、蓝色背景。条水平指向右边的箭头,帧为浅蓝色背景。形状动画形状动画 :在关键帧之间也有一:在关键帧之间也有一条水平指向右边的箭头,帧为浅绿色背景。条水平指向右边的箭头,帧为浅绿色背景。动画错误动画错误 :表示在创建动作动:表示在创建动作动画中存在错误,无法正确完成动画的制作。画中存在错误,无法正确完成动画的制作。在选中一个或多个关键帧后,执行下在选中一个或多个关键帧后,执行下面的操作均可以将选中的一个或多个关键面的操作均可以将选中的一个或多个关键帧转换为动作动画的关键帧,从而创建动帧转换为动作动画的关键帧,从而创建动作动画。常用的创建动作动画的方法如下。作动画。常用的创建动作动画的方法如下。3使
12、关键帧成为动作动画的关键帧使关键帧成为动作动画的关键帧(1)使用工具箱内的选择工具)使用工具箱内的选择工具 ,选中动画的第选中动画的第1个关键帧,单击鼠标个关键帧,单击鼠标右键,弹出帧快捷菜单命令,单击该右键,弹出帧快捷菜单命令,单击该菜单命令中的菜单命令中的“创建补间动画创建补间动画”菜单菜单命令或单击命令或单击“插入插入”“时间时间轴轴”“创建补间动画创建补间动画”菜单命令。菜单命令。选中动画的最后一个关键帧,按选中动画的最后一个关键帧,按F6键。键。(2)使用工具箱内的选择工具)使用工具箱内的选择工具 ,按住按住Shift键,选中动画的第键,选中动画的第1个关键个关键帧,再选中动画的最后
13、一个关键帧,帧,再选中动画的最后一个关键帧,单击鼠标右键,弹出帧快捷菜单命令,单击鼠标右键,弹出帧快捷菜单命令,单击该菜单命令中的单击该菜单命令中的“创建补间动画创建补间动画”菜单命令或单击菜单命令或单击“插入插入”“时间时间轴轴”“创建补间动画创建补间动画”菜单命令。菜单命令。选中动画关键帧,弹出动画关键帧的选中动画关键帧,弹出动画关键帧的“属性属性”面板。利用该面板可以设置动画面板。利用该面板可以设置动画类型和动画其他属性。在类型和动画其他属性。在“补间补间”下拉列下拉列表框中选择了表框中选择了“动画动画”选项(应该翻译为选项(应该翻译为“动作选项动作选项”)后,该面板如图)后,该面板如图
14、10-1-6所所示。该对话框内有关选项的作用如下。示。该对话框内有关选项的作用如下。4动画关键帧的动画关键帧的“属性属性”面板面板图图10-1-6 动画关键帧的动画关键帧的“属性属性”面板面板(1)“”文本框:用来输入文本框:用来输入关键帧的标签名称。关键帧的标签名称。(2)“标签类型标签类型”下拉列表框:在下拉列表框:在输入关键帧的标签名称后输入关键帧的标签名称后“标签类型标签类型”下拉列表框才会生效。该下拉列表框下拉列表框才会生效。该下拉列表框可以用来定义标签的类型,其中有三可以用来定义标签的类型,其中有三个选项个选项“名称名称”、“注释注释”、“锚锚点点”。例如:单击选中动作动画的第例如
15、:单击选中动作动画的第1关键帧,关键帧,在其在其“属性属性”面板面板“”文本框中文本框中输入输入“第第1帧帧”文字后,时间轴的第文字后,时间轴的第1关键关键帧内会显示标签的名称。如果在帧内会显示标签的名称。如果在“标签类标签类型型”下拉列表框中选择不同选项,则该关下拉列表框中选择不同选项,则该关键帧内的红色标记图案会不一样,其作用键帧内的红色标记图案会不一样,其作用也会不一样。选择也会不一样。选择“名称名称”选项时,程序选项时,程序中可以利用该名称。中可以利用该名称。(3)“补间补间”下拉列表框:用来选下拉列表框:用来选择动画类型。它有三个选项:选择择动画类型。它有三个选项:选择“无无”选项,
16、是没有动画;选择选项,是没有动画;选择“动动画画”选项,是创建动作动画;选择选项,是创建动作动画;选择“形状形状”选项,是创建选项,是创建“形状形状”动画。动画。(4)“缓动缓动”文本框:可输入数据文本框:可输入数据或调整滑条的滑块(数值范围是或调整滑条的滑块(数值范围是100到到100),来调整运动的加速度。其),来调整运动的加速度。其值为负数时为动画在结束时加速,其值为负数时为动画在结束时加速,其值为正数时为动画在结束时减速。值为正数时为动画在结束时减速。(5)“旋转旋转”下拉列表框:用来控下拉列表框:用来控制对象在运动时是否自旋转和旋转方制对象在运动时是否自旋转和旋转方式。选择式。选择“
17、无无”,是不旋转;选择,是不旋转;选择“自动自动”,是按照尽可能少运动的情,是按照尽可能少运动的情况下旋转对象;选择况下旋转对象;选择“顺时针顺时针”,是,是顺时针旋转对象;选择顺时针旋转对象;选择“逆时针逆时针”,是逆时针旋转对象。可以在其右边的是逆时针旋转对象。可以在其右边的“次次”文本框内输入旋转的次数。文本框内输入旋转的次数。(6)“调整到路径调整到路径”复选框:选中复选框:选中它后,可将运动对象的基线调整到运它后,可将运动对象的基线调整到运动路径。动路径。(7)“同步同步”复选框:选中它后,复选框:选中它后,可使图形元件实例的动画与住时间轴可使图形元件实例的动画与住时间轴同步。同步。
18、(8)“对齐对齐”复选框:选中它后,复选框:选中它后,可使运动对象的中心点标记与运动路可使运动对象的中心点标记与运动路径对齐。径对齐。(9)“声音声音”下拉列表框:该下拉下拉列表框:该下拉列表框用来选择导入的声音名称。选列表框用来选择导入的声音名称。选择一种声音名称后,会将声音加入动择一种声音名称后,会将声音加入动画,时间轴的动画图层中会出现一条画,时间轴的动画图层中会出现一条水平波纹线,反映加入了声音。水平波纹线,反映加入了声音。(10)“效果效果”下拉列表框:该下拉下拉列表框:该下拉列表框用来选择导入声音的播放效果。列表框用来选择导入声音的播放效果。(11)“同步同步”下拉列表框:用来选下
19、拉列表框:用来选择影片剪辑实例在循环播放时与主电择影片剪辑实例在循环播放时与主电影相匹配的方式。该下拉列表框中有影相匹配的方式。该下拉列表框中有4个选项:个选项:“事件事件”、“开始开始”、“停止停止”、“数据流数据流”。(12)“声音循环声音循环”下拉列表框:用下拉列表框:用来选择播放声音的方式,它有来选择播放声音的方式,它有“重复重复”和和“循环循环”两个选项。选择两个选项。选择“重复重复”选项后,其右边会出现一个选项后,其右边会出现一个“循环次循环次数数”文本框,用来输入播放声音的循文本框,用来输入播放声音的循环次数。选择环次数。选择“循环循环”选项后,声音选项后,声音会不断循环播放。会
20、不断循环播放。10.2.1 学习目标学习目标 “人和自然人和自然”动画播放后,在森林中,动画播放后,在森林中,一只狗和一只豹子在来回奔跑戏耍,在画一只狗和一只豹子在来回奔跑戏耍,在画面的左上角,一个女人的眼睛一会儿睁开面的左上角,一个女人的眼睛一会儿睁开一会儿闭上。这个画面很自然地使人想到一会儿闭上。这个画面很自然地使人想到“人和自然人和自然”这个主题,人和动物应该和这个主题,人和动物应该和谐地生活在大自然中。谐地生活在大自然中。图图10-2-1 “人和自然人和自然”动画播放后的动画播放后的2幅画面幅画面 通过制作该案例,可以掌握利用连续通过制作该案例,可以掌握利用连续动作的一系列图像制作动画
21、的方法,进一动作的一系列图像制作动画的方法,进一步掌握制作动作动画的方法。动画播放后步掌握制作动作动画的方法。动画播放后的的2幅画面如图幅画面如图10-2-1所示。所示。10.2.2 操作过程操作过程1选择帧选择帧 编辑帧以前应先选中要编辑的帧。在编辑帧以前应先选中要编辑的帧。在时间轴中选中若干帧,然后单击右键,即时间轴中选中若干帧,然后单击右键,即可弹出帧快捷菜单,常常需要使用帧快捷可弹出帧快捷菜单,常常需要使用帧快捷菜单中的菜单命令来编辑帧。选择帧的方菜单中的菜单命令来编辑帧。选择帧的方法如下。法如下。(1)选中一个帧:单击一帧的单元)选中一个帧:单击一帧的单元格,即可选中该帧。格,即可选
22、中该帧。10.2.3 相关知识相关知识(2)选中连续的多个帧:按住)选中连续的多个帧:按住Shift键,选中一个或多个动画所在图层内键,选中一个或多个动画所在图层内左上角的帧,再单击右下角的帧,即左上角的帧,再单击右下角的帧,即可选中连续的所有帧。另外,选中某可选中连续的所有帧。另外,选中某一个非关键帧,再拖曳鼠标。一个非关键帧,再拖曳鼠标。(3)选中一个图层的所有帧:单击)选中一个图层的所有帧:单击控制区域内的某一图层,即可选中该控制区域内的某一图层,即可选中该图层的所有帧。图层的所有帧。(4)选中多个连续图层的所有帧:)选中多个连续图层的所有帧:按住按住Shift键,单击控制区域内的连续键
23、,单击控制区域内的连续图层中第图层中第1个图层,再单击连续图层个图层,再单击连续图层中最后一个图层,即可选中多个连续中最后一个图层,即可选中多个连续图层内的所有帧。图层内的所有帧。(5)选中多个图层的所有帧:按住)选中多个图层的所有帧:按住Ctrl键,单击控制区域内的各个图。键,单击控制区域内的各个图。(6)选择所有帧:选中帧快捷菜单)选择所有帧:选中帧快捷菜单中的中的“选择所有帧选择所有帧”菜单命令。菜单命令。(1)移动帧:在时间轴中选中若干)移动帧:在时间轴中选中若干帧,用鼠标拖曳选中的帧,可以把它帧,用鼠标拖曳选中的帧,可以把它们移到目的位置。们移到目的位置。2移动帧、复制帧和调整过渡帧
24、的数移动帧、复制帧和调整过渡帧的数量量(2)复制帧和移动帧:选中要移动)复制帧和移动帧:选中要移动的帧,单击帧快捷菜单中的的帧,单击帧快捷菜单中的“复制帧复制帧”(或(或“剪切帧剪切帧”)菜单命令,将选中)菜单命令,将选中的帧复制(剪切)到剪贴板内。再在的帧复制(剪切)到剪贴板内。再在时间轴窗口中选中一个帧单元格,然时间轴窗口中选中一个帧单元格,然后弹出后弹出“帧帧”快捷菜单,单击快捷菜快捷菜单,单击快捷菜单中的单中的“粘贴帧粘贴帧”,即可把剪贴板中,即可把剪贴板中的若干帧粘贴到时间轴窗口选定的帧的若干帧粘贴到时间轴窗口选定的帧内,从而实现复制帧(移动帧)。内,从而实现复制帧(移动帧)。(3)
25、调整过渡帧的数量:在创建了)调整过渡帧的数量:在创建了运动或形状动画后,如果要调整过渡运动或形状动画后,如果要调整过渡的长度,可以先选中起始或结束关键的长度,可以先选中起始或结束关键帧,然后用鼠标水平拖曳该帧单元格,帧,然后用鼠标水平拖曳该帧单元格,在拖曳帧单元格的时候,可能会出现在拖曳帧单元格的时候,可能会出现只拖曳了结束帧单元格只拖曳了结束帧单元格 ,此时需,此时需要再拖曳终止关键帧,使它与结束帧要再拖曳终止关键帧,使它与结束帧单元格单元格 重合。重合。(1)插入普通帧:选中要插入普通帧)插入普通帧:选中要插入普通帧的帧单元格,然后按的帧单元格,然后按F5键。这时就会键。这时就会在选中的帧
26、单元格中新增加一个普通在选中的帧单元格中新增加一个普通帧,该帧单元格中原来的帧以及它右帧,该帧单元格中原来的帧以及它右面的帧都会向右移动一帧。面的帧都会向右移动一帧。(2)删除帧:在时间轴窗口中选中要)删除帧:在时间轴窗口中选中要删除的一个或多个帧,然后单击帧快删除的一个或多个帧,然后单击帧快捷菜单中的捷菜单中的 “删除帧删除帧”菜单命令。按菜单命令。按住住Shift+F5键,也可以删除选中的帧。键,也可以删除选中的帧。3插入帧和删除帧插入帧和删除帧(3)插入关键帧,选中要插入关键)插入关键帧,选中要插入关键帧的帧单元格,然后按帧的帧单元格,然后按F6键或单击帧键或单击帧快捷菜单中的快捷菜单中
27、的“插入关键帧插入关键帧”菜单命菜单命令。令。(4)插入空白关键帧:选中要插入)插入空白关键帧:选中要插入空白关键帧的帧单元格,然后按空白关键帧的帧单元格,然后按F7键键或单击帧快捷菜单中的或单击帧快捷菜单中的“插入空白关插入空白关键帧键帧”菜单命令。菜单命令。(5)清除关键帧:选中要删除的关)清除关键帧:选中要删除的关键帧,然后单击帧快捷菜单中的键帧,然后单击帧快捷菜单中的“删删除关键帧除关键帧”菜单命令。此时,原关键菜单命令。此时,原关键帧中的内容会被前面的关键帧内容取帧中的内容会被前面的关键帧内容取代。代。(6)清除帧:选中要清除的帧,然)清除帧:选中要清除的帧,然后单击帧快捷菜单中的后
28、单击帧快捷菜单中的“清除帧清除帧”菜菜单命令,可将选中的帧中的内容清除,单命令,可将选中的帧中的内容清除,使该帧成为空白关键帧。使该帧成为空白关键帧。(1)转换为关键帧(或空白关键帧):)转换为关键帧(或空白关键帧):选中要转换的普通帧,然后单击帧快选中要转换的普通帧,然后单击帧快捷菜单中的捷菜单中的“转换为关键帧转换为关键帧”(或(或“转换为空白关键帧转换为空白关键帧”)菜单命令。)菜单命令。4转换为关键帧和动画反向播放转换为关键帧和动画反向播放(2)动画反向播放:动画反向播放)动画反向播放:动画反向播放就是使起始帧变为终止帧,终止帧变就是使起始帧变为终止帧,终止帧变为起始帧。选中一段动画,
29、可以包括为起始帧。选中一段动画,可以包括多个图层,然后单击帧快捷菜单中的多个图层,然后单击帧快捷菜单中的“翻转帧翻转帧”菜单命令。菜单命令。10.3.1 学习目标学习目标 “奔驰火车头奔驰火车头”动画播放后,一列精动画播放后,一列精致的玩具小火车,沿着浅蓝色木地板上的致的玩具小火车,沿着浅蓝色木地板上的八字形轨道行驶。动画播放中的两幅画面八字形轨道行驶。动画播放中的两幅画面如图如图10-3-1所示。通过制作该案例,可以所示。通过制作该案例,可以掌握引导动作动画的制作方法。掌握引导动作动画的制作方法。10.3.2 操作过程操作过程图图10-3-1 “奔驰火车头奔驰火车头”动画播放后的两幅画面动画
30、播放后的两幅画面1引导层引导层 可以在引导层内创建图形,这可以在可以在引导层内创建图形,这可以在绘制图形时起到辅助作用,以及起到运动绘制图形时起到辅助作用,以及起到运动路径的引导作用。引导层中的图形只能在路径的引导作用。引导层中的图形只能在舞台工作区内看到,在输出的影片中不会舞台工作区内看到,在输出的影片中不会出现。另外,还可以把多个普通图层关联出现。另外,还可以把多个普通图层关联到一个引导层上。到一个引导层上。10.3.3 相关知识相关知识 在时间轴窗口中,引导层名称的左边在时间轴窗口中,引导层名称的左边有有 图标(运动引导层)或图标(运动引导层)或 图标(普图标(普通引导层)。它们代表了不
31、同的引导层,通引导层)。它们代表了不同的引导层,不同的引导层有不同的作用。不同的引导层有不同的作用。(1)运动引导层:它可以引导对象)运动引导层:它可以引导对象沿辅助线移动,产生引导动作动画。沿辅助线移动,产生引导动作动画。单击时间轴左下角的单击时间轴左下角的“添加运动引导添加运动引导层层”按钮按钮 ,即可在选中图层的上,即可在选中图层的上边增加一个运动引导层。边增加一个运动引导层。(2)普通引导层:它只起到辅助绘)普通引导层:它只起到辅助绘图的作用。创建普通引导层的方法是,图的作用。创建普通引导层的方法是,创建一个普通图层。将鼠标指针移到创建一个普通图层。将鼠标指针移到该图层名称处,单击鼠标
32、右键,弹出该图层名称处,单击鼠标右键,弹出图层快捷菜单,如图图层快捷菜单,如图10-3-12所示。再所示。再单击快捷菜单中的单击快捷菜单中的“引导层引导层”菜单命菜单命令,其结果如图令,其结果如图10-3-13所示。所示。图图10-3-12 图层快捷菜单图层快捷菜单 图图10-3-13 创建普通引导层创建普通引导层 下面通过制作一个沿曲线移动的动画下面通过制作一个沿曲线移动的动画来介绍引导动作动画(简称引导动画)的来介绍引导动作动画(简称引导动画)的制作方法。制作方法。(1)按照上述方法建立沿直线移动)按照上述方法建立沿直线移动的动作动画,例如圆球从左边移到右的动作动画,例如圆球从左边移到右边
33、的动画。边的动画。2引导动作动画的制作方法引导动作动画的制作方法(2)单击时间轴左下角的)单击时间轴左下角的“添加运动添加运动引导层引导层”按钮,则选中图层(此处按钮,则选中图层(此处是是“图层图层1”图层)的上边会增加一个图层)的上边会增加一个引导层(也叫做导向图层),同时选引导层(也叫做导向图层),同时选中的图层自动成为与引导层相关联的中的图层自动成为与引导层相关联的被引导层。关联的图层名称向右缩进,被引导层。关联的图层名称向右缩进,表示它是关联的图层。此外,还可以表示它是关联的图层。此外,还可以通过单击通过单击“插入插入”“时间轴时间轴”“运运动引导层动引导层”来增加一个引导层。来增加一
34、个引导层。(3)选中引导层,在舞台工作区内)选中引导层,在舞台工作区内绘制路径曲线(辅助线),如图绘制路径曲线(辅助线),如图10-3-14所示。选中引导层的第所示。选中引导层的第30帧,按帧,按F5键,创建一个普通帧。键,创建一个普通帧。图图10-3-14 导向动作动画的时间轴和舞台工作区导向动作动画的时间轴和舞台工作区(4)选中图层)选中图层1图层的第图层的第1帧,选中帧,选中“属性属性”面板内的面板内的“对齐对齐”复选框,复选框,用鼠标拖曳对象(圆球)到辅助线的用鼠标拖曳对象(圆球)到辅助线的起始端或辅助线上,使对象的中心十起始端或辅助线上,使对象的中心十字与辅助线起始点或辅助线重合。再
35、字与辅助线起始点或辅助线重合。再选中终止帧,用鼠标拖曳圆球到辅助选中终止帧,用鼠标拖曳圆球到辅助线的终止端或辅助线上,使对象的中线的终止端或辅助线上,使对象的中心十字与辅助线终止点或辅助线重合。心十字与辅助线终止点或辅助线重合。(5)按回车键,播放动画,可以看)按回车键,播放动画,可以看到小球沿绘制的辅助线移动。按住到小球沿绘制的辅助线移动。按住Ctrl键再按回车键,播放动画,此时键再按回车键,播放动画,此时辅助线不会显示出来。辅助线不会显示出来。10.4.1 学习目标学习目标 “移动的探照灯光移动的探照灯光”动画是模拟探照动画是模拟探照灯光(圆形形状)在黑夜中照射一幅图像灯光(圆形形状)在黑
36、夜中照射一幅图像的情况。动画播放后的两个画面如图的情况。动画播放后的两个画面如图10-4-1所示。通过制作该案例,掌握遮罩技术。所示。通过制作该案例,掌握遮罩技术。10.4.2 操作过程操作过程图图10-4-1 “移动的探照灯光移动的探照灯光”动画播放后的两幅画面动画播放后的两幅画面1遮罩层遮罩层 在遮罩层上创建对象,相当于在遮罩在遮罩层上创建对象,相当于在遮罩层上挖掉了相应形状的洞,形成挖空区域,层上挖掉了相应形状的洞,形成挖空区域,挖空区域将完全透明,其他区域都是完全挖空区域将完全透明,其他区域都是完全不透明的。通过挖空区域,下面图层的内不透明的。通过挖空区域,下面图层的内容就可以被显示出
37、来,而没有对象的地方容就可以被显示出来,而没有对象的地方成了遮挡物,把下面的被遮罩图层的其余成了遮挡物,把下面的被遮罩图层的其余内容遮挡起来。内容遮挡起来。10.4.3 相关知识相关知识 因此可以透过遮罩层内的对象(挖空因此可以透过遮罩层内的对象(挖空区域)看到其下面的被遮罩图层的内容。区域)看到其下面的被遮罩图层的内容。利用遮罩层的这一特性,可以制作很多特利用遮罩层的这一特性,可以制作很多特殊效果。创建遮罩层的操作步骤如下。殊效果。创建遮罩层的操作步骤如下。(1)创建一个图层,并在其上创建)创建一个图层,并在其上创建一个对象。此处导入一幅图像,如图一个对象。此处导入一幅图像,如图10-4-3
38、所示。所示。图图10-4-3 导入一幅图像导入一幅图像 (2)选中该图层,再单击时间轴左)选中该图层,再单击时间轴左下方的下方的 按钮,在选中的图层的上按钮,在选中的图层的上边创建一个新的普通图层。在新建的边创建一个新的普通图层。在新建的图层上绘制图形与输入文字,如图图层上绘制图形与输入文字,如图10-4-4所示,作为遮罩层中挖空区域。所示,作为遮罩层中挖空区域。图图10-4-4 绘制图形与输入文字绘制图形与输入文字(3)将鼠标指针移到遮罩层的名称)将鼠标指针移到遮罩层的名称处,单击鼠标右健,弹出图层快捷菜处,单击鼠标右健,弹出图层快捷菜单,单击该快捷菜单中的单,单击该快捷菜单中的“遮罩层遮罩
39、层”菜单命令。此时,选中的普通图层的菜单命令。此时,选中的普通图层的名称会向右缩进,表示已经被它上面名称会向右缩进,表示已经被它上面的遮罩层所关联,成为被遮罩图层。的遮罩层所关联,成为被遮罩图层。如图如图10-4-5所示。所示。图图10-4-5 创建遮罩图层创建遮罩图层 在建立遮罩层后,在建立遮罩层后,Flash 8会自动锁定会自动锁定遮罩层和被它遮盖的图层,如果需要编辑遮罩层和被它遮盖的图层,如果需要编辑遮罩层,应先解锁,解锁后就不会显示遮遮罩层,应先解锁,解锁后就不会显示遮罩效果了。如果需要显示遮罩效果,需要罩效果了。如果需要显示遮罩效果,需要再锁定图层。再锁定图层。(1)建立遮罩层与普通
40、图层关联,)建立遮罩层与普通图层关联,它的操作方法有以下两种。它的操作方法有以下两种。在遮罩层的下面创建一个普通图层。用在遮罩层的下面创建一个普通图层。用鼠标将该普通图层拖曳到遮罩层的右下边。鼠标将该普通图层拖曳到遮罩层的右下边。2建立与取消普通图层与遮罩层的关建立与取消普通图层与遮罩层的关联联在遮罩层的下面创建一个普通图层。弹在遮罩层的下面创建一个普通图层。弹出图层快捷菜单,单击菜单中的出图层快捷菜单,单击菜单中的“属性属性”菜单命令,弹出菜单命令,弹出“图层属性图层属性”对话框。选对话框。选中该对话框中的中该对话框中的“被遮罩被遮罩”单选按钮。单选按钮。(2)取消被遮罩的图层与遮罩层关)取
41、消被遮罩的图层与遮罩层关联,它的操作方法有以下两种。联,它的操作方法有以下两种。在时间轴中,用鼠标将被遮罩层拖曳到在时间轴中,用鼠标将被遮罩层拖曳到遮罩层的左下边或上面。遮罩层的左下边或上面。选中被遮罩的图层,然后选中选中被遮罩的图层,然后选中“图层属图层属性性”对话框中的对话框中的“正常正常”单选按钮。单选按钮。10.5.1 学习目标学习目标 “变化文字变化文字”动画播放后,屏幕下面动画播放后,屏幕下面的绿色的绿色“Flash 8”逐渐向上移动,同时它的逐渐向上移动,同时它的颜色也逐渐由绿色变为红色,它的大小也颜色也逐渐由绿色变为红色,它的大小也不断变大。该动画播放后的各个帧画面如不断变大。
42、该动画播放后的各个帧画面如图图10-5-1所示。所示。图图10-5-1 显示显示“变化文字变化文字”动画的全部帧画面动画的全部帧画面 通过制作该案例,可以初步了解形状通过制作该案例,可以初步了解形状动画的制作方法,还可以了解添加和调整动画的制作方法,还可以了解添加和调整形状提示的方法。形状提示的方法。10.5.2 操作过程操作过程1制作形状动画的基本方法制作形状动画的基本方法 形状动画也叫做变形动画,它是由一形状动画也叫做变形动画,它是由一种形状对象逐渐变为另外一种形状对象。种形状对象逐渐变为另外一种形状对象。Flash 8可以将图形、打碎的文字和打碎的可以将图形、打碎的文字和打碎的点阵图。点
43、阵图。Flash 8不能将实例、未打碎的文不能将实例、未打碎的文字、点阵图像、组合对象进行变形。字、点阵图像、组合对象进行变形。10.5.3 相关知识相关知识 在形状动画中,对象位置和颜色的变在形状动画中,对象位置和颜色的变换是在两个对象之间发生的变化,而在动换是在两个对象之间发生的变化,而在动作动画中,变化的是同一个对象的位置和作动画中,变化的是同一个对象的位置和颜色属性。颜色属性。下面通过制作一个彩球变化为七彩矩下面通过制作一个彩球变化为七彩矩形的形状动画来介绍形状动画的制作方法。形的形状动画来介绍形状动画的制作方法。(1)选中在时间轴内一个空白关键)选中在时间轴内一个空白关键帧作为动画的
44、开始帧。然后,在舞台帧作为动画的开始帧。然后,在舞台工作区内创建一个符合要求的对象,工作区内创建一个符合要求的对象,作为形状动画的初始对象。此处绘制作为形状动画的初始对象。此处绘制一个红色立体彩球。一个红色立体彩球。(2)选中形状动画的第)选中形状动画的第1个关键帧,个关键帧,再选中再选中“属性属性”面板内面板内“补间补间”下拉下拉列表框中的列表框中的“形状形状”选项,此时该面选项,此时该面板如图板如图10-5-3所示。所示。图图10-5-3 形状动画关键帧的形状动画关键帧的“属性属性”面板面板(3)单击形状动画的终止帧,按)单击形状动画的终止帧,按F6键,创建动画的终止帧为关键帧。此键,创建
45、动画的终止帧为关键帧。此时,在时间轴上,从第时,在时间轴上,从第1帧到终止帧帧到终止帧之间会出现一个指向右边的箭头,帧之间会出现一个指向右边的箭头,帧单元格的背景为浅绿色。单元格的背景为浅绿色。(4)在舞台工作区内创建一个附合要)在舞台工作区内创建一个附合要求的对象,作为形状动画的终止对象求的对象,作为形状动画的终止对象(例如,绘制一个七彩色放射状渐变填(例如,绘制一个七彩色放射状渐变填充的矩形),再将该帧内原有的对象充的矩形),再将该帧内原有的对象(例如,红色立体彩球)删除。注意:(例如,红色立体彩球)删除。注意:一定先创建新对象,再删除原对象;关一定先创建新对象,再删除原对象;关键帧内创建
46、的对象必须是图形、打碎的键帧内创建的对象必须是图形、打碎的文字或打碎(或矢量化)的点阵图像。文字或打碎(或矢量化)的点阵图像。上面制作好的形状动画中的所有帧的画上面制作好的形状动画中的所有帧的画面如图面如图10-5-4所示。所示。图图10-5-4 形状动画中的所有帧的画面形状动画中的所有帧的画面 选择动画关键帧选择动画关键帧“属性属性”面板内的面板内的“补间补间”下拉列表框中的下拉列表框中的“形状形状”选项后,选项后,“属性属性”面板如图面板如图10-5-1所示。所示。“属性属性”面板中各选项的作用如下。面板中各选项的作用如下。2形状动画关键帧的形状动画关键帧的“属性属性”面板面板(1)“简易
47、简易”文本框:用来设置动文本框:用来设置动画的加速度。画的加速度。(2)“混合混合”下拉列表框:该下拉下拉列表框:该下拉列标框内各选项的作用如下。列标框内各选项的作用如下。“角形角形”选项:选择它后,创建的过渡帧选项:选择它后,创建的过渡帧中的图形更多地保留了原来图形的尖角或中的图形更多地保留了原来图形的尖角或直线的特征。如果关键帧中图形没有尖角,直线的特征。如果关键帧中图形没有尖角,则与选择则与选择“分布式分布式”的效果一样。的效果一样。“分布式分布式”选项:选择它后,可使形状动选项:选择它后,可使形状动画过程中创建的中间过渡帧的图形较平滑。画过程中创建的中间过渡帧的图形较平滑。为了使形状动
48、画中间过程不一样,可为了使形状动画中间过程不一样,可以使用形状提示,来控制复杂或特殊的变以使用形状提示,来控制复杂或特殊的变形过程。形状提示就是在形状的初始图形形过程。形状提示就是在形状的初始图形与结束图形上,分别指定一些形状的关键与结束图形上,分别指定一些形状的关键点,并使这些关键点在起始帧中和结束帧点,并使这些关键点在起始帧中和结束帧中一一对应,这样中一一对应,这样Flash就会根据这些关键就会根据这些关键点的对应关系来计算形状变化的过程。接点的对应关系来计算形状变化的过程。接着上边制作的简单的形状动画,介绍使用着上边制作的简单的形状动画,介绍使用形状提示的方法如下。形状提示的方法如下。3
49、添加形状提示添加形状提示(1)选中时间轴上第)选中时间轴上第1帧单元格,再帧单元格,再单击单击“修改修改”“形状形状”“添加形状添加形状提示提示”菜单命令,或按菜单命令,或按Ctrl+Shift+H键,即可在第键,即可在第1帧圆形图形中加入一帧圆形图形中加入一个形状提示标记个形状提示标记“a”。再重复上述过。再重复上述过程,可以继续增加程,可以继续增加“b”到到“z”25个形个形状提示标记。此处再增加一个形状提状提示标记。此处再增加一个形状提示标记。示标记。(2)用鼠标拖曳这些标记,分别放)用鼠标拖曳这些标记,分别放置在第置在第1帧图形的一些位置处,如图帧图形的一些位置处,如图10-5-5所示
50、。所示。图图10-5-5 第第1帧圆球形状提示标记帧圆球形状提示标记(3)再选中终止帧单元格,这时会)再选中终止帧单元格,这时会看到终止帧矩形图形中也有看到终止帧矩形图形中也有“a”和和“b”关键点标记(两个标记重叠)。关键点标记(两个标记重叠)。用鼠标拖曳这些标记,分别放置在矩用鼠标拖曳这些标记,分别放置在矩形图形的适当位置,如图形图形的适当位置,如图10-5-6所示。所示。如果没有关键点标记显示,可选中如果没有关键点标记显示,可选中“视图视图”“显示形状提示显示形状提示”菜单命菜单命令。令。图图10-5-6 终止帧矩形图形的形状提示标记终止帧矩形图形的形状提示标记(4)在)在F1ash中最