【优质文档】Flash简单动画制作教案.pdf

学习必备欢迎下载 Flash 简单动画制作教案 一、教学目标： 了解计算机动画制作原理和方法，掌握几种简单动画的制作 二、教学对象： 八年级学生 三、本此课程主要内容 1、flash 工作界面及基本操作及概念简要介绍 2、实例讲解 四、教学重点： 1、计算机动画的分类；关键帧、空白关键帧的概念； 2、简单对象的移动、变形动画的制作方法 五、教学难点： 引导层的制作 六、教学手段： 演示讲授法，边演示边操作，学生同步跟随学习。 七、教学方法： 实例讲解法。即通过一个flash 实例，讲解其所涉及到的概念与基 本技术，激励学生学习的兴趣。 八、教学主要内容讲解： （一） 、导入： 首先播放一段FLASH 动画， 该动画包含了本节课所要学习的主要操作内容 对象的 移动及变形；引导学生了解flash 动画，并激发其学习flash 动画制作的激情。 （二） 、基本概念讲解 ： 学习必备欢迎下载 1、元件 ：一个位图、矢量图形、音乐片断或是一段独立的flash 动画（好比是演员）， 通俗的讲就是对象作为一个模块,在不同帧中重复使用.这样的好处在于因为可以在重复使 用，减小了FLASH 的体积便于传输，也减小了FLASH 制作者的工作量。元件都被放置在 库中， 使用时只用将其拖放到场景中即可，在场景中只能对其位置和形状进行编辑，如果要 对元件进行编辑，需要切换到元件编辑状态。元件分为： 图形元件、按钮元件和电影剪辑元 件。元件中图形就是指动态或者静态的图片元件，电影剪辑是FLASH 小片段，按钮就是具 有一定图形功能的按钮图形了。 库：存放动画元件的地方（好比是一场戏的后台） 2、场景 ：动画的表现场所（好比是舞台） 3、时间轴 ：动画制作的最重要的区域，是编辑动画的工作台，是加工动画的流水线， 包括了层编辑区、帧编辑区和时间线。（好比是剧本） 我们要制作一个动画，就好比是在导演一出戏，需要找好演员（制作好元件），置于后 台（放在库里），然后把演员放在舞台上（把元件放在场景上），让演员照着剧本演出（在 时间线上设置开始、结束时的状态，生成动画）。 4、帧： 就是时间轴上的小格子，一帧其实就是一幅图，是构成动画的基本单位。可分为 关键帧、空白关键帧和过渡帧。 5、关键帧 ：是动画演示的基础，可以放入各种对象声音、图片、按钮、视频等等，所 有这些都只能放置到关键帧上，如果没有关键帧,就没有动画。两个关键帧之间可以做补间 动画，这样两个关键帧就可以确定物体移动的两个关键点。关键帧用含有实心圆圈的方格表 示。 6、空白关键帧 ：这个关键帧在场景上什么都没有（不包括声音和代码），用含有空心圆 圈的方格表示；如果加入对象后自动变为关键帧。 两个关键帧之间带粉红色有长线箭头标志的帧：渐变动画也叫补间动画，能让一个物 体在这段帧之间作出来，渐变移动的效果(可以改变透明度等等)。 两个关键帧之间带绿色有长线箭头标志的帧：形变动画第一帧的动画到最后一帧的时 候可以变化出另外一种图形、形状。 （三） 、基本操作讲解 1、移动动画的制作 学习必备欢迎下载 “ 插入 ” 菜单栏 à“新建元件 ”à 设置名称 ” c1”,行为 ” 图形 ” ，点“ 确定 ”à 点“ 工具 ” 面板里的 “ 椭 圆工具 ”à 设置 “ 椭圆工具 ” 的相关属性（包括笔触颜色、粗细、样式及填充颜色）à 绘制椭圆 （如果要绘制圆， 请按住 “shift”） à 点击 “ 场景 1” ， 回到场景里à 点击 “ 窗口 ” 菜单栏，选择 “ 库” （可看到 “ 库” 窗口被打开，刚才建立的c1 元件在库里） à 点击 “ 时间轴 ” 里的第 1 帧，把 “ 库” 里的 c1 拖到场景的左边à 点击 “ 时间轴 ” 里的第 20 帧，点击右键，选择“ 插入关键帧 ” （可在 时间轴上看到第20 帧处有 “·”） à 把刚才的对象从左边拖到右边à 在时间轴第20 帧以前的任 意一帧点击左键，在属性面板里的“ 补间 ” 后的下拉列表里选择“ 动作 ” ，即可看到从第1帧到 第 20 帧的时间轴背景为粉红色并有一条带箭头的实线à 回车，欣赏刚才制作好的动画。 2、关键帧动画 ：先行设计出若干关键性动作的图像画面，然后利用计算机图形技术的算 法来自动生成两个关键帧之间的一系列过渡画面。flash 动画主要就是运用关键帧动画技术， 比如我们刚才的这个“ 移动动画 ” 的制作。 3、运动路径动画 ：首先确定运动对象的移动轨迹，并设定在移动过程中对象需要改变的 旋转方向、色彩及形状等参数，软化将整个运动过程交给计算机来完成。 4、变形动画： 适合模拟形状变化频繁的任务、动物和自然现象，主要用于表现模拟自然 或生活中实际的动作，或科幻电影中虚幻、夸张的动作（如电影功夫、少林足球等 里面的夸张动作）。 5、物理模型动画 ：基于物理模型技术的三维动画制作，需要从外形、 颜色、 灯光、纹理、 材质等多方面模拟真实物理的各种物理属性（如 cctv6 里光影周刊 的虚拟主持人小龙）。 6、逐帧动画 ：通过一帧帧地绘制，并按先后顺序排列在时间轴上通过顺序播放达到的动 画效果。 说明： 学生根据老师刚才的演示，自行练习移动动画的制作（3-5 分钟）。 学生记住Flash 原始文件和flash 影片的扩展名（分别为fla 和 swf）。 （四） 、实例讲解 Flash引导线制作雪花飘飘动画 1、新建一个Flash 影片。设背景为“ 黑色 ” ，其他的用默认值。 2、按 Ctrl+F8 新建一个组件，类型为“ 影片剪辑 ” ，命名为 “ 雪花 ” 。在它的正中用“ 铅笔 ” 工具画一个不规则的多边形，然后用“ 颜料桶工具 ” 将它填上白色。（如图1-1 所示） 学习必备欢迎下载 3、再用 Ctrl+F8 建一个组件，类型为“ 影片剪辑 ” ，命名为 “ 前层 ” 。 4、将组件 “ 雪花 ” 拖到其中，用“ 选定工具 ” 中的 “ 比例 ” 功能把它缩小（小技巧：先用 “ 放大镜 ” 将它放大， 然后再用 “ 比例 ” 功能，可缩得更小） 。在第 80 帧上 “ 插入关键帧 ” ，在“ 图 层 1” 上用鼠标右键的“ 添加引导线 ” 功能（见图1-2）。 在新增加的 “ 引导线：图层1” 的第 1 帧上，从 “ 雪花 ” 开始，画一条弯曲的曲线。将第80 帧上的 “ 雪花 ” 沿曲线从头拖到曲线的末尾。然后在 “ 图层 1” 的第 1 帧上点鼠标右键，选“ 创见 动画动作 ” 功能，见图1-3。 5、第 4 步是制作一片雪花，下雪不是只下一片的吧。插入图层，将第4 步重复做10 次。做好后的效果见图1-4。 学习必备欢迎下载 6、把第 3 至 5 步重复做两次， 不同之处是组件的命名分别为“ 中层 ” 和“ 后层 ” 。“ 雪花 ” 的大小和 “ 引导线 ” 的路径不要一样。这是为了多做几个图层，看起来效果细腻一点。 7、现在回到场景1 中，插入6 个图层，分别命名为“ 后层 1” 、“ 后层 2” 、“ 中层 1” 、 “ 中层 2” 、“ 中层 3” 、“ 中层 4” 、“ 前层 1” 、“ 前层 2” 。在对应的层上拖入对应的组件，并适 当的调整时间轴，让雪花飘得连贯起来。见图1-5。 按 Ctrl+Enter 就可以看到效果了。