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

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