Animate动画设计实例教程完整版课件全套电子教案.pptx

;;;;素质目标;;制作逐帧动画，有时需要绘制连续性动作，Animate默认舞台上仅显示动画序列的一个帧，这时必须参考前后帧的内容。 通过“时间轴”面板的“绘图纸外观”按钮（其效果俗称“洋葱皮”）在舞台上一次查看多个帧，方便观察动画的细节。 ;;1. Animate的工作环境;1. Animate的工作环境;2.动画类型;3. 时间轴;;逐帧动画—大雁飞;逐帧动画—写字效果;逐帧动画—字母运动;;任务总结;任务总结;;逐帧动画—打字效果;;;;;素质目标;;在绘图过程中，需要对图形进行不同的处理，以达到绘图目的。Animate图形有文本、形状、绘制对象、组合对象、元件等几种形态，如何合理地创建、处理图形，是在绘图中要掌握并且能够灵活应用的内容。;;1. 形状与绘制对象矢量图形由轮廓线和填充色两部分构成;2. 图形绘制工具;2. 图形绘制工具;2. 图形绘制工具;2. 图形绘制工具;2. 图形绘制工具;2. 图形绘制工具;2. 图形绘制工具;3. 组和元件;文本对象、形状、绘制对象、组、元件对比;;玫瑰;眨眼的熊猫;传统文本应用—文字设计;;任务总结;任务总结;任务总结;;卡通角色—小猪佩奇;;;;;素质目标;;传统补间动画是比较重要的类型，主要负责复杂位置变化、旋转倾斜变化、色调、亮度变化及淡入和淡出效果的制作。要求运动对象必须是实例。 形状补间动画主要负责形状变化、颜色变化（包含复杂颜色的变化）效果的制作。要求运动对象必须是形状。 补间动画是通过“动画编辑器”来编辑对象位置、缩放等参数，动画的设置方式类似于影视编辑动画After Effcets，动画效果与传统补间动画相同。 ;;1. 传统补间动画;2. 形状补间动画;3. 补间动画-视频-拓展;4. 补间动画的常见错误;4. 补间动画的常见错误;;传统补间属性—运动的小球;元件实例属性—跳动的红心;中心点动画—折扇运动;;任务总结;任务总结;;倾斜变形—圆环翻转;;;;;素质目标;;Animate中“动作”面板的“代码提示”，提供了大量的常用代码段，几乎可以满足初级阶段学习者对代码的需求。 通过代码提示，可以在零基础的情况下，通过鼠标选择的方式制作很多常用动画效果。 若想要取得一定的成绩，需要对ActionScript有更多、更深入的了解；如果要做优秀的ActionScript编程人员，就需要付出更多的时间、精力，更重要的是要有一种态度：不懈地追求完美。 ;;1. Animate中的编程环境;1. Animate中的编程环境;2. ActionScript 3.0编程基础;2. ActionScript 3.0编程基础;2. ActionScript 3.0编程基础;2. ActionScript 3.0编程基础;2. ActionScript 3.0编程基础;3. 事件和事件处理;3. 事件和事件处理;;1. 生成随机数;2. 鼠标事件——按钮控制太阳升落;2. 鼠标事件——按钮控制太阳升落;3. 键盘事件——方向键控制影片剪辑实例的移动;fish.x = 200; fish.y = 200; fish.width = 60; fish.height = 60; stage.addEventListener(KeyboardEvent.KEY_DOWN, onKeyHandler); function onKeyHandler(event: KeyboardEvent): void { switch (event.keyCode) { case Keyboard.UP: //向上方向键UP fish.y -= 20; break; case Keyboard.DOWN: //向下方向键DOWN fish.y += 20; break; case Keyboard.LEFT: //向左方向键LEFT fish.x -= 20; break; case Keyboard.RIGHT: //向右方向键RIGHT fish.x += 20; break; } trace(event.keyCode); //输出键盘ASCII值 };;任务总结;;帧频事件——触发连续动作;1. ENTER_FRAME事件实现 //设定太阳的初始位置 sun.x = 200; sun.y = 200; sun.addEventListener(Event.ENTER_FRAME,f); function f(event:Event):void { //太阳持续上升，一次上升5像素 sun.y -= 5; //当太阳上升到45时，删除事件侦听 if (sun.y 45) {