1、涟源工贸职业中等专业学校 颜明生,FLASH 动画制作,逐帧动画制作-川剧变脸,温故而知新,动画形成的原理：关键帧（黑色圆点）：同一图层中，在前一个关键帧的后面任一帧处插入关键帧，可以 前一个关键帧上的对象，并可对其进行编辑操作，快捷键F6； 空白关键帧（空心圆点）：插入空白关键帧，可清除该帧后面的内容，此时舞台上一片空白，可以在空白关键帧上 新的对象，快捷键F7。 普通帧（中空矩形）：如果插入普通帧，可以 前一个关键帧上的内容，但不可对其进行编辑操作，快捷键F5；,复制,延续,添加,动画是由一幅幅画面（一幅画面称为一帧）连续播放形成的（由于每幅画面在舞台上停留的时间很短，人的眼睛无法分辨出来
2、，看上去就好象是连续的）,普通帧是指内容没有变化的帧，通常用来延长动画的播放时间。空白关键帧后面的普通帧显示为白色，关键帧后面的普通帧显示为浅灰色。普通帧的最后一帧中显示为一个中空矩形，如图1所示为普通帧在时间轴中显示的效果。,图1 时间轴显示状态,新课讲解逐帧动画制作,一、FLASH动画的种类（勾书P60）FLASH包含两种动画类型：分别是逐帧动画和补间动画。二、逐帧动画概念：也叫“帧帧”动画。它需要制作好每一连续动作的关键帧画面，然后通过连续播放这些帧，生成动画效果，这也是传统动画的制作方法(如文字动画）。逐帧动画在时间轴上的显示状态如图2所示：,逐帧动画,图2 逐帧动画在时间轴上的显示,
3、三、逐帧动画的应用：用于创建连续的细腻动作，如人走路、小狗赛跑、蝴蝶飞翔等。,川剧绝活变脸,简介：相传“变脸”是古代人类面对凶猛的野兽，为了生存把自己脸部用不同的方式勾画出不同形态，以吓唬凶猛的野兽。后来川剧把“变脸”搬上舞台。 变脸的原理：它是事前将脸谱画在一张一张的绸子上，剪好，每张脸谱上都系一把丝线，再一张一张地贴在脸上。丝线则系在衣服的某一个顺手而又不引人注目的地方，随着表演的需要，在舞蹈动作的掩护下，再一张一张地扯下来。 图片资料 视频资料 川剧变脸片段,【典型案例】制作“川剧变脸”,【设计思路及效果】本案例利用从外部导入静态图片和利用文字的方式来制作逐帧动画，从而模拟“川剧变脸”的
4、动画效果，其制作思路及效果如图4所示。,图4 制作思路及效果,1、制作背景（1）新建一个Flash文档，设置舞台的大小为400*400，其它文档属性使用默认参数 。（2）选择【文件】/【导入】/【导入到库】命令，将6幅素材图片文件导入到库，将“图层1”重命名为“背景”，从库面板中将“背景.jpg”拖到舞台中，并覆盖整个舞台，如图5所示 。,图5 导入背景后的舞台效果,【操作步骤】,2、制作变脸动画。（1）在“背景”图层之上新建一个图层并重命名为“变脸效果”，然后选中“背景”图层的第5帧，按F5 键插入帧，时间轴状态如图6所示 。,图6 【时间轴】状态,思考：为什么要在第5帧插入帧？插入关键帧行
5、吗？,（2）选中“变脸效果”图层的第1帧，将库面板中的“脸部1.gif”拖入到舞台中，并调整使其相对舞台居中对齐，效果如图7所示。（3）选中“变脸效果”图层的第2帧，按F7 键插入一个空白关键帧，将库面板中的“脸部2.gif”拖入到舞台，并调整使其相对舞台居中对齐，效果如图8所示。,图7 第1帧的舞台效果,图8 第2帧的舞台效果,思考：为什么在第2帧要插入空白关键帧而不是关键帧？,（4）用同样的方法分别将库面板中的“脸部3.gif”、“脸部4.gif”、“脸部5 .gif”拖到“变脸效果”图层的第3帧、第4帧、第5帧，并调整使其相对舞台居中对齐，效果如图9、图10和图11所示。时间轴状态如图1
6、2所示。,图11 第5帧的舞台效果,图9 第3帧的舞台效果,图10 第4帧的舞台效果,图12 时间轴状态,3、制作文字逐帧动画 （1）在“变脸效果”图层上面新建一个名为“文字效果”的图层，选中第2帧，插入一个空白关键帧。（2）选择【文本】工具，设置【字体】为“华文行楷体”，【颜色】为“#FFFF00”，【大小】为“100”，然后在舞台上输入“川”字，并设置文字到舞台的左上角，如图13所示。,图13 第2帧添加“川”字,思考：为什么要选择2帧，而不是第1帧，在第2帧插入空白关键帧和关键帧有区别吗？,（3）选中“文字效果”图层的第3帧，插入一个关键帧，然后在该帧输入一个“剧”字，并设置“剧”字的位
7、置到舞台的右上角，效果如图14所示。,图14 第3帧添加“剧”字,思考 ：在第3帧插入空白关键帧，结果会怎样呢？,（4）使用相同的方法，分别在第4帧和第5帧输入“变”、“脸”字，如图15所示 。,第4帧添加“变”字,第5帧添加“脸”字,图4-29 添加文字,（5）保存并测试影片，川剧变脸动画制作完成。,如果要将动画放在舞台的顶端播放，应该如何修改？（请学生上台演示，并播放动画效果）,观察作品，有没有不完美之处？,怎样调整？,帧频是用来控制动画的整体播放速度的，如果每张脸部图片在舞台上停留的时间不相等，而是有的长有的短，又该怎样调整呢？（请学生上台演示，并播放动画效果）,案 例 小 结“川剧变脸
8、”是一个典型的“逐帧动画”效果，通过这个动画我们可以看出，它是将一个动画的连续动作分解成一张张的图片，把每一张图片用关键帧描绘出来。然后将这些关键帧连续播放，形成动画效果。由于是一帧一帧的画，所以逐帧动画具有非常大的灵活性，几乎可以表现任何想表现的内容。 适合于制作表演很细腻的动画。三种帧的应用场合：当两帧的内容部分相同时应插入 。当两帧的内容完全相同时应插入 。当两帧的内容完全不相同时应插入 。,普通帧,关键帧,空白关键帧,布置下节课的上机任务 运用本节课所学的逐帧动画的制作方法制作一个简单的 Flash动画，由于不同的学生能力、水平、爱好等有较 大的差异，有以下几个选题供选择： 选题一：制
9、作狗奔跑的动画 选题二：制作蝴蝶飞翔的动画。 选题三：制作心形玫瑰 素材存放位置：将作品保存在“gmzz07”主机上的“FLASH素 材”文件夹内。学生通过“网上邻居”共享。 考核方法：以小组为单位进行评分，并作为“逐帧动画” 这一模块的平时成绩。每个小组的成员就像一根绳上的 蚂蚱，你们的成绩全部是相同的，因此小组成员之间只 有互相帮助，互相探讨、献计、献策才能获得好的成绩。,评分标准： A（优秀）：全组成员全部完成其中一个动画的制作 B（良好）：全组成员有90%以上完成其中一个动画的制作 C（及格）：全组成员有70%以上完成其中一个动画的制作 D（不及格）：全组成员有30%以上没有完成其中一个动画的制作,感谢各位同仁莅临指导！,
