用逐帧动画制作川剧变脸(颜明生)

第4帧添加“变”字
图4-29 添加文字
第5帧添加“脸”字
（5）保存并测试影片，川剧变脸动画制作完成。

观察作品，有没有不完美之处？ 怎样调整？
帧频是用来控制动画的整体播放速度的，如果每张脸部图片在舞 台上停留的时间不相等，而是有的长有的短，又该怎样调整呢？ （请学生上台演示，并播放动画效果） 如果要将动画放在舞台的顶端播放，应该如何修改？（请学生上 台演示，并播放动画效果）
图2
逐帧动画在时间轴上的显示
三、逐帧动画的应用：用于创建连续的细腻动作，如人走路、小狗赛跑 、蝴蝶飞翔等。
川剧绝活——变脸
简介：
相传“变脸”是古代人类面对凶猛的野兽，为了 生存把自己脸部用不同的方式勾画出不同形态，以 吓唬凶猛的野兽。后来川剧把“变脸”搬上舞台。 变脸的原理：它是事前将脸谱画在一张一张的绸子 上，剪好，每张脸谱上都系一把丝线，再一张一张 地贴在脸上。丝线则系在衣服的某一个顺手而又不 引人注目的地方，随着表演的需要，在舞蹈动作的 掩护下，再一张一张地扯下来。
图13 第2帧添加“川”字
（3）选中“文字效果”图层的第3帧，插入一个关键帧， 然后在该帧输入一个“剧”字，并设置“剧”字的位置 到舞台的右上角，效果如图14所示。
图14 第3帧添加“剧”字
思考 ：在第3帧插入空白关键帧，结果会怎样呢？
（4）使用相同的方法，分别在第4帧和第5帧输入“变”、“脸”字， 如图15所示 。



案 例 小 结
“川剧变脸”是一个典型的“逐帧动画”效果，通过
这个动画我们可以看出，它是将一个动画的连续动作分
解成一张张的图片，把每一张图片用关键帧描绘出来。 然后将这些关键帧连续播放，形成动画效果。由于是一 帧一帧的画，所以逐帧动画具有非常大的灵活性，几乎 可以表现任何想表现的内容。 适合于制作表演很细腻的 动画。 三种帧的应用场合：
关键帧，将库面板中的“脸部2.gif”拖入到舞台，并调整使 其相对舞台居中对齐，效果如图8所示。
图7 第1帧的舞台效果
图8 第2帧的舞台效果
思考：为什么在第2帧要插入空白关键帧而不是关键帧？
（4）用同样的方法分别将库面板中的“脸部3.gif”、“脸部4.gif”、 “脸部5 .gif”拖到“变脸效果”图层的第3帧、第4帧、第5帧，并调 整使其相对舞台居中对齐，效果如图9、图10和图11所示。时间轴状态 如图12所示。
图9 第3帧的舞台效果
图10 第4帧的舞台效果
图11 第5帧的舞台效果
图12
时间轴状态
3、制作文字逐帧动画
（1）在“变脸效果”图层上面新建一个名为“文字效果”的图层， 选中第2帧，插入一个空白关键帧。
思考：为什么要选择2帧，而不是第1帧，在第2帧插入空白关 键帧和关键帧有区别吗？
（2）选择【文本】工具，设置【字体】为“华文行楷体”，【颜色】 为“#FFFF00”，【大小】为“100”，然后在舞台上输入“川” 字，并设置文字到舞台的左上角，如图13所示。
评分标准： A（优秀）：全组成员全部完成其中一个动画的制作 B（良好）：全组成员有90%以上完成其中一个动画的制作 C（及格）：全组成员有70%以上完成其中一个动画的制作 D（不及格）：全组成员有30%以上没有完成其中一个动画 的制作

复制
前一个关键帧上的对象，并可对其进行编辑操作，快捷键F6；
空白关键帧（空心圆点）：插入空白关键帧，可清除该帧后面的内容，此时舞台上 一片空白，可以在空白关键帧上
添加
新的对象，快捷键F7。

普通帧（中空矩形）：如果插入普通帧，可以
但不可对其进行编辑操作，快捷键F5；
延续
前一个关键帧上的内容，
普通帧是指内容没有变化的帧，通常用来延长动画的播 放时间。空白关键帧后面的普通帧显示为白色，关键帧后面 的普通帧显示为浅灰色。 普通帧的最后一帧中显示为一个中空矩形，如图1所示 为普通帧在时间轴中显示的效果。
图5 导入背景后的舞台效果
2、制作变脸动画。 （1）在“背景”图层之上新建一个图层并重命名为“变脸 效果”，然后选中“背景”图层的第5帧，按F5 键插入帧，时 间轴状态如图6所示 。
图6 【时间轴】状态
思考：为什么要在第5帧插入帧？插入关键帧行吗？
（2）选中“变脸效果”图层的第1帧，将库面板中的“脸部 1.gif”拖入到舞台中，并调整使其相对舞台居中对齐，效果如 图7所示。 （3）选中“变脸效果”图层的第2帧，按F7 键插入一个空白

图片资料 视频资料
川剧变脸片段
【典型案例】——制作“川剧变脸”
【设计思路及效果】
本案例利用从外部导入静态图片和利用文字的方式来制作 逐帧动画，从而模拟“川剧变脸”的动画效果，其制作思路及 效果如图4所示。
图4 制Leabharlann Baidu思路及效果
【操作步骤】
1、制作背景 （1）新建一个Flash文档，设置舞台的大小为400*400，其它文 档属性使用默认参数 。 （2）选择【文件】/【导入】/【导入到库】命令，将6幅素材图 片文件导入到库，将“图层1”重命名为“背景”，从库面板 中将“背景.jpg”拖到舞台中，并覆盖整个舞台，如图5所示 。
图1 时间轴显示状态
新课讲解—逐帧动画制作
一、FLASH动画的种类（勾书P60） FLASH包含两种动画类型：分别是逐帧动画和补间动画。 二、逐帧动画概念：也叫“帧—帧”动画。它需要制作好每一连续动作的 关键帧画面，然后通过连续播放这些帧，生成动画效果，这也是传统动 画的制作方法(如文字动画）。逐帧动画在时间轴上的显示状态如图2所 示： 逐帧动画
当两帧的内容部分相同时应插入
当两帧的内容完全相同时应插入 当两帧的内容完全不相同时应插入
关键帧 。 普通帧 。 空白关键帧
。
布置下节课的上机任务
运用本节课所学的逐帧动画的制作方法制作一个简单的 Flash动画，由于不同的学生能力、水平、爱好等有较 大的差异，有以下几个选题供选择： 选题一：制作狗奔跑的动画 选题二：制作蝴蝶飞翔的动画。 选题三：制作心形玫瑰 素材存放位置：将作品保存在“gmzz07”主机上的“FLASH 素 材”文件夹内。学生通过“网上邻居”共享。 考核方法：以小组为单位进行评分，并作为“逐帧动画” 这一模块的平时成绩。每个小组的成员就像一根绳上的 蚂蚱，你们的成绩全部是相同的，因此小组成员之间只 有互相帮助，互相探讨、献计、献策才能获得好的成绩。
逐帧动画制作
--川剧变脸
涟源工贸职业中等专业学校 颜明生
温故而知新

动画形成的原理： 动画是由一幅幅画面（一幅画面称为一帧）连续播放形成
的（由于每幅画面在舞台上停留的时间很短，人的眼睛
无法分辨出来，看上去就好象是连续的）

关键帧（黑色圆点）：同一图层中，在前一个关键帧的后面任一帧处插入关键帧，
可以