新编中文Flash8实用教程第8章.ppt
《新编中文Flash8实用教程第8章.ppt》由会员分享,可在线阅读,更多相关《新编中文Flash8实用教程第8章.ppt(120页珍藏版)》请在淘文阁 - 分享文档赚钱的网站上搜索。
1、第八章第八章 制作动画制作动画 第一节第一节 时间轴特效时间轴特效 第二节第二节 逐帧动画逐帧动画第三节第三节 运动补间动画运动补间动画 第四节第四节 形状补间动画形状补间动画 第五节第五节 遮罩动画遮罩动画第六节第六节 引导层动画引导层动画 第七节第七节 浇注效果浇注效果习题八习题八在Flash 8中,用户可以使用系统预设的时间轴特效,从而用最少的操作步骤创建复杂的动画。时间轴特效的应用对象有文本、图形、位图图像和按钮元件。一、时间轴特效的分类一、时间轴特效的分类在Flash 8中,时间轴特效被分为变形/转换、帮助和效果这3种,选择不同的类型,可以创建不同的时间轴特效。第一节 时间轴特效1变
2、形变形用于调整选取对象的位置、缩放比例、旋转、Alpha值和色调。使用“变形”特效,可应用单一特效或特效组合,从而产生淡入/淡出、放大/缩小及左旋/右旋的特效。2转换转换使用淡化、擦除或两种特效的组合向内或向外擦除选取对象。3帮助帮助里面包括复制到网格和分散式直接复制两个选项。(1)复制到网格:按列数直接复制选取对象,然后乘以行数来创建对象的网格。(2)分散式直接复制:按指定次数复制选取对象。第一个对象是原始对象的副本,且对象将按一定增量发生改变,直至最终对象反映设置中输入的参数为止。4效果效果里面包括分离、展开、投影和模糊4个选项。(1)分离:产生对象发生爆炸的视觉效果。可以使文本或复杂对象
3、组(元件、形状或视频片断)中的元素产生裂开、自旋和向外弯曲的效果。(2)展开:在一段时间内放大、缩小或者放大和缩小对象。此特效适用于组合对象、影片剪辑和文本对象。(3)投影:在选取对象的下方产生阴影效果。(4)模糊:通过更改对象在某一时间内的Alpha值、位置或比例来创建运动模糊效果。二、应用时间轴特效二、应用时间轴特效用户可以将时间轴特效应用于舞台上创建的对象中来产生某种特殊效果。下面就通过为一个小恐龙设置复制到网格效果,来演示为对象应用时间轴特效的方法,具体操作步骤如下:(1)在舞台中选取要应用时间轴特效的对象。(2)在菜单栏中选择“插入”“时间轴特效”“帮助”“复制到网格”命令,弹出“复
4、制到网格”对话框,如图所示。图8.1.1 “复制到网格”对话框该对话框中各选项的含义如下:1)“网格尺寸”:在该选项区中的行数和列数文本框中输入数值,可设置网格的行数和列数。2)“网格间距”:在该选项区中的行数和列数文本框中输入数值,可设置网格中行与行、列与列之间的间距。(3)设置好参数后,单击“更新预览”按钮,可在该对话框中的预览框中预览更新后的效果,如图所示。图8.1.2 更新后的设置及效果(4)单击“确定”按钮,即可将该效果应用于舞台中的对象,如图所示。当用户向对象添加时间轴特效时,Flash将自动创建一个图层,并将要应用特效的对象移到该图层中。此外,应用时间轴特效后,具有该特效名称的文
5、件夹将添加到当前文档的库面板中,且该文件夹中包含了在创建该特效时所使用的对象,如图所示。图8.1.3 应用时间轴特效后的效果图8.1.4 库面板 应用时间轴特效后,用户创建的对象将被放置于特效图形内,而且特效所需的所有补间和变形都会被自动添加到该图形所在图层的时间线操作区中。该新建的图层将自动获取一个与特效相同的名称,而且其后会附加一个数字,代表它在文档内的所有特效中应用此特效的顺序。三、编辑时间轴特效三、编辑时间轴特效当用户为舞台中的某个对象应用时间轴特效后,还可以根据需要对创建的特效进行编辑,具体操作步骤如下:(1)在舞台中选择应用了时间轴特效的对象。(2)在菜单栏中选择“修改”“时间轴特
6、效”“编辑特效”命令。(3)此时,将会弹出设置时间轴特效时的对话框。在该对话框中设置合适的参数后,单击“确定”按钮即可。四、删除时间轴特效四、删除时间轴特效用户也可以将应用了时间轴特效的对象上的特效删除,使其恢复到原始状态,具体操作步骤如下:(1)在舞台中选择应用了时间轴特效的对象。(2)在菜单栏中选择“修改”“时间轴特效”“删除特效”命令,即可将该对象上的时间轴特效删除,如图所示。图8.1.5 删除时间轴特效逐帧动画是最常见的一种动画形式。这种类型的动画通过更改动画中每一帧的图像来创建动画效果。因此,该动画占用的内存空间较大,其文件也较大。在创建逐帧动画时,需要将每个帧都定义为关键帧,然后给
7、每个帧创建不同的图像。每个新关键帧最初包含的内容和它前面的关键帧是一样的,因此,可以递增地修改动画中的帧,以达到某种动画效果。第二节 逐帧动画下面将通过制作一个实例,来讲解逐帧动画的制作方法,具体操作步骤如下:(1)打开Flash 8应用程序。(2)新建一个大小为500像素500像素,帧频为10的Flash文档。(3)在菜单栏中选择“视图”“网格”“显示网格”命令,将网格显示出来,如图所示。(4)在菜单栏中选择“视图”“网格”“编辑网格”命令,弹出“网格”对话框。在该对话框中将网格大小设置为100像素100像素,如图所示。图8.2.1 显示网格 图8.2.2 “网格”对话框 (5)单击“确定”
8、按钮,即可更改网格的大小,如图所示。在菜单栏中选择“视图”“标尺”命令,将标尺显示出来。(6)在菜单栏中选择“视图”“贴紧”“贴紧至网格”命令,并创建如图所示的辅助线,此时,文档被分成25个同样大小的方块。图8.2.3 更改网格大小 图8.2.4 创建辅助线 (7)在菜单栏中选择“文件”“导入”“导入到舞台”命令,在弹出的“导入”对话框中选择一幅图片,将其导入到舞台中。(8)在工具箱中选择任意变形工具,使用该工具调整图片到合适大小,如图所示。(9)按“Ctrl+B”快捷键将导入的图片分离,如图所示。图8.2.5 调整图片至合适大小 图8.2.6 分离图片 (10)单击时间轴面板下方的“插入图层
9、”按钮,新建图层2。(11)用鼠标右键单击图层1中的第1帧,在弹出的快捷菜单中选择“复制帧”命令。(12)用鼠标右键单击图层2中的第1帧,在弹出的快捷菜单中选择“粘贴帧”命令,即可将导入的图片复制粘贴到图层2中。(13)单击时间轴面板图层2中的图标,将图层2暂时隐藏。(14)单击图层1,使其成为当前图层。用鼠标将除第1个方块以外的其他方块中的图形选中后,按“Delete”键删除,如图所示。(15)用鼠标右键单击图层1中的第2帧,在弹出的快捷菜单中选择“粘贴帧”命令,将导入的图片复制粘贴到图层1的第2帧中。(16)用鼠标将除第1个和第2个方块以外其他方块中的图形选中并删除,效果如图所示。图8.2
10、.7 第1个方块中的图形 图8.2.8 第1个和第2个方块中的图形 (17)重复步骤(15)(19)的操作,将舞台中其他方块中的图形逐一显示出来。(18)单击图层2,使其成为当前图层。单击“删除图层”按钮,将该图层删除。(19)至此,该动画已制作完成,可按“Ctrl+Enter”快捷键将动画导出后观看。运动补间动画是补间动画的一种。在运动补间动画中,可以使对象在舞台中进行移动、改变大小、旋转、改变颜色等效果的变换。各种变换不仅可以独立进行,还可以将它们组合在一起,创建复杂的动画。一、运动补间动画的创建一、运动补间动画的创建在Flash 8中,可以使图形、实例、文本和群组产生运动补间动画。但在使
11、用这些对象创建运动补间动画前,必须先将它们转换为元件。第三节 运动补间动画下面将通过制作一个实例,来讲解运动补间动画的制作方法,具体操作步骤如下:(1)打开Flash 8应用程序。(2)新建一个大小为443像素332像素的Flash文档。(3)在菜单栏中选择“文件”“导入”“导入到舞台”命令,在弹出的“导入”对话框中选择一幅图片,并将其导入到舞台中。(4)在工具箱中选择任意变形工具,使用该工具调整图片到合适大小,如图所示。图8.3.1 调整图片的大小(5)在菜单栏中选择“插入”“新建元件”命令,在弹出的“创建新元件”对话框中设置参数,创建一个名为“文字”的图形元件。(6)在该元件的编辑模式中选
12、择文本工具,在该工具属性面板中将文本的字体设置为Arial Black,大小设置为60,颜色设置为蓝色。使用该工具在舞台中输入文字,并使用选择工具调整其位置,使其位于舞台正中央,如图所示。图8.3.2 输入文字(7)按“Ctrl+B”快捷键两次,将文字打散为图形。选择颜料桶工具,单击该工具属性面板中的“填充颜色”按钮,在打开的颜色调节面板中选择一种渐变色。使用该工具在文字上单击,即可为文字添加渐变色,如图所示。图8.3.3 创建渐变文字(8)单击按钮,返回至主场景。单击时间轴面板下方的“插入图层”按钮,新建图层2。将创建的图形元件“文字”从库面板中拖到舞台中,并使其位于舞台正中。(9)在工具箱
13、中选择任意变形工具,使用该工具调整文字到合适大小。(10)在图层2的第50帧处按“F6”键插入关键帧,在第75帧处按“F5”键插入普通帧。(11)选中该图层中的第1帧,在该帧属性面板中设置参数,如图所示。图8.3.4 设置帧参数(12)单击图层1,使其成为当前图层。单击时间轴面板下方的“插入图层”按钮 7次,在当前图层上方创建7个图层,如图所示。(13)选中图层2中的第1帧至第51帧,用鼠标单击选中的帧,在弹出的快捷菜单中选择“复制帧”命令。(14)用鼠标右键单击图层9中的第3帧,在弹出的快捷菜单中选择“粘贴帧”命令,即可将复制的帧粘贴到该图层中。选中第53帧以后的所有帧,用鼠标右键单击选中的
14、帧,在弹出的快捷菜单中选择“删除帧”命令,将它们全部删除。图8.3.5 新建图层(15)重复步骤(14)的操作,分别将复制的帧粘贴到其他图层中,最后在图层1的第75帧处按“F6”键插入关键帧,最后的时间轴面板如图所示。图8.3.6 删除多余的帧(16)分别选中图层2中第1帧和第50帧中的图形,在其属性面板中将该图形的透明度设置为90%,如图所示。图8.3.7 设置图形的透明度(17)重复步骤(16)的操作,分别将图层9至图层3中的关键帧中图形的透明度设置为87%,84%,81%,78%,75%,72%和69%。(18)至此,该运动补间动画已制作完成,按“Ctrl+Enter”快捷键将动画导出,
15、效果如图所示。图8.3.8 最终效果二、运动补间动画的属性设置二、运动补间动画的属性设置用户在创建运动补间动画的过程中,可利用属性面板设置运动过程的渐变属性,创建不同的动画效果,具体操作步骤如下:(1)在运动补间动画中的任意一个补间帧上单击,然后打开该帧的属性面板,如图所示。图8.3.9 帧属性面板该面板中各选项的含义如下:1):用于给动画中的帧命名。2)“补间”:设置动画的类型。单击该选项右侧的下拉按钮,弹出其下拉列表。该列表包含3个选项,分别为无、动画和形状。如果要创建运动补间动画,可选择“动画”选项。3)“缩入”:选中该复选框,可以使对象按一定的缩放比例产生过渡。4)“缓动”:控制运动过
16、程中速度的变化。在该文本框中输入正值,可使动画做减速运动;在该文本框中输入负值,可使动画做加速运动;当该值为0时,动画匀速变化。5)“旋转”:使对象在运动的同时旋转。单击该选项右侧的下拉按钮,弹出其下拉列表。该列表包含4个选项,分别为无、自动、顺时针和逆时针。选择“无”选项时,表示不旋转;选择“自动”选项时,表示由Flash自动按照用户设置的条件旋转对象;选择“顺时针”或“逆时针”选项时,表示按顺时针方向或逆时针方向旋转,且用户可以设置旋转的次数。6)“编辑”:单击该按钮,弹出“自定义缓入/缓出”对话框,如图所示。该对话框显示的是随着时间的推移,动画变化程度的曲线图。水平轴表示帧,垂直轴表示变
17、化的百分比。第一个关键帧表示为0,最后一个关键帧表示为100%。对象的变化速率用曲线图的曲线斜率表示。曲线水平时(无斜率),变化速率为零;曲线垂直时,变化速率最大,一瞬间完成变化。图8.3.10 “自定义缓入/缓出”对话框该对话框中各选项的含义如下:“为所有属性使用一种设置”:选中该复选框,表示所显示的曲线适用于所有属性,并且属性选项是禁用的。取消选中该复选框,属性选项是启用的,每个属性都有定义其变化速率的单独曲线。“属性”:当用户取消选中“为所用属性使用一种设置”复选框时,该选项才会启用。单击该选项右侧的下拉按钮,弹出其下拉列表。该下拉列表中包括5个选项,分别为位置、旋转、缩放、颜色和滤镜。
18、选择“位置”选项,用于为动画中对象的位置指定自定义缓入/缓出设置;选择“旋转”选项,用于为动画中对象的旋转指定自定义缓入/缓出设置;选择“缩放”选项,用于为动画中对象的缩放指定自定义缓入/缓出设置;选择“颜色”选项,用于为动画中对象的颜色转变指定自定义缓入/缓出设置;选择“滤镜”选项,用于为动画中应用了滤镜效果的对象指定自定义缓入/缓出设置。:单击该按钮,可以使用“自定义缓入/缓出”对话框设置的参数预览动画的效果。:单击该按钮,停止播放动画。“重置”:单击该按钮,将使该对话框中的所有参数还原为默认设置。在该对话框中对角线上单击,即可添加控制点,通过拖动控制点的位置,可以实现对对象动画的精确控制
19、。当用户选中某个控制点时,在该对话框的右下角会显示当前所选控制点对应的关键帧及其位置。单击控制点,即可选择该点,并在该点两侧显示控制杆。用鼠标拖动控制点或该点的控制杆,或使用键盘上的方向键,可以控制曲线的形状。7)“同步”:选中该复选框,可以使图形元件实例或影片剪辑实例在播放时与主时间轴同步。(2)在属性面板中设置好各项参数,即可使用这些参数控制动画的播放。形状补间动画是补间动画的另外一种。在形状补间动画中,可以使对象在舞台中进行形状的改变,同时也可以改变对象的位置、大小和颜色。一、形状补间动画的创建一、形状补间动画的创建通过创建形状补间动画,可以创建变形效果。舞台中的对象刚开始以一种形状出现
20、,随着时间的推移,该对象的形状将逐渐变成另外一种形状,由此来产生形状的变形效果,且一对一的形状补间,可以产生最佳的变形效果。第四节 形状补间动画下面将通过制作一个实例,来讲解形状补间动画的制作方法,具体操作步骤如下:(1)打开Flash 8应用程序,新建一个大小为800像素200像素、背景颜色为蓝色的Flash文档。(2)在工具箱中选择文本工具,在该工具属性面板中设置参数,如图所示。图8.4.1 “文本工具”属性面板(3)使用该工具在舞台中输入文字,如图所示。(4)按“Ctrl+B”快捷键,将输入的文字打散成为图形,如图所示。图8.4.2 输入文字 图8.4.3 打散文字(5)选中第10帧,按
21、“F7”键插入空白关键帧,并单击“绘图纸外观”按钮。(6)再次使用文本工具在舞台中输入文字“状”,如图所示。(7)重复步骤(4)(6)的操作,分别在该图层的第20帧、第30帧、第40帧和第50帧输入文字“补”、“间”、“动”和“画”,此时的时间轴面板如图所示。图8.4.5 时间轴面板 图8.4.4 输入文字(8)选中第1帧,单击该帧属性面板中“补间”右侧的下拉按钮,在弹出的下拉列表中选择“形状”选项,即可在第1帧至第10帧之间创建形状补间。形状补间用一条带箭头的绿线表示,如图所示。(9)重复步骤(8)的操作,分别在其他关键帧之间创建形状补间,此时的时间轴面板如图所示。(10)至此,该动画已制作
22、完成,可按“Ctrl+Enter”快捷键将动画导出后查看效果。图8.4.7 时间轴面板的状态 图8.4.6 创建形状补间二、形状补间动画的属性设置二、形状补间动画的属性设置用户在创建形状补间动画的过程中,可利用属性面板设置变形过程的渐变属性,创建不同的动画效果,具体操作步骤如下:(1)在形状补间动画的任意一个补间帧上单击,然后打开该帧的属性面板,如图所示。图8.4.8 帧属性面板该面板与运动补间动画的帧属性面板基本相同,其中不同选项的含义如下:“混合”:用于设置变形过程中的混合模式。单击该选项右侧的下拉按钮,弹出其下拉列表。该列表包含两个选项,分别为分布式和角形。1)分布式:在该模式下创建形状
23、补间动画时,中间形状较平滑且不规则。2)角形:在该模式下创建形状补间动画时,中间形状将保留原始形状的角度和线条。该模式适用于原始形状中有尖角和直线的图形。(2)在属性面板中设置好各项参数,即可使用这些参数控制动画的播放。三、变形参考点的使用三、变形参考点的使用所谓变形参考点,就是在变形的初始图形和结束图形上分别指定一些变形关键点,并使这些点在起始帧中和结束帧中一一对应,这样Flash就会根据这些点的对应关系来计算变形的过程。使用变形参考点,可以创建较精确、复杂的形状补间动画。1使用变形参考点的原则在Flash 8中,最多可以在图形上添加26个变形参考点,分别用字母az来表示。起始关键帧上的变形
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 新编 中文 Flash8 实用教程
限制150内