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

新课讲解—逐帧动画制作 一、FLASH动画的种类（勾书P60） FLASH包含两种动画类型：分别是逐帧动画和补间动画。 二、逐帧动画概念：也叫“帧—帧”动画。它需要制作好每一连续动作的关键帧画面，然后通过连续播放这些帧频，生成动画效果，这也是传统动画的制作方法(如文字动画）。逐帧动画在时间轴上的显示状态如图2所示： * * * * 涟源工贸职业中等专业学校 颜明生 逐帧动画制作 --川剧变脸 温故而知新 动画的原理： 关键帧（黑色圆点）：同一图层中，在前一个关键帧的后面任一帧处插入关键帧，可以 前一个关键帧上的对象，并可对其进行编辑操作，快捷键F6； 空白关键帧（空心圆点）：插入空白关键帧，可清除该帧后面的内容，此时舞台上一片空白，可以在空白关键帧上 新的对象，快捷键F7。 普通帧（中空矩形）：如果插入普通帧，可以 前一个关键帧上的内容，但不可对其进行编辑操作，快捷键F5； 复制 延续 添加 动画是由一幅幅画面（一幅画面称为一帧）连续播放形成的（由于每幅画面在舞台上停留的时间很短，人的眼睛无法辨别出来，看上去就好象是连续的） 普通帧是指内容没有变化的帧，通常用来延长动画的播放时间。空白关键帧后面的普通帧显示为白色，关键帧后面的普通帧显示为浅灰色。 普通帧的最后一帧中显示为一个中空矩形，如图1所示为普通帧在时间轴中显示的效果。 图1 时间轴显示状态 逐帧动画 图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帧，而不是第一帧，在第2帧插入空白关键帧和关键帧有区别吗？ （3）选中“文字效果”图层的第3帧，插入一个关键帧，然后在该帧输入一个