1 / 34

动作补间动画

动作补间动画. 了解动作补间动画原理 掌握动作补间动画的属性设置 学会制作 动作补间动画. 教学目标. 任务 3.2.1 制作“运动的小球”. 演示设计结果. 任务 3.2.1 制作“运动的小球”. 任务分析. 图片转换为元件 小球横向滚动动作补间动画 小球垂直下落动作补间动画. 知识点 1 、动作补间动画概念. 动作补间动画是指在 Flash 的时间帧面板上，在一个关键帧上放置一个元件，然后在另一个关键帧改变这个元件的大小、颜色、位置、透明度等， Flash 将自动根据二者之间的帧的值创建的动画。. 知识点

marcin
Download Presentation

动作补间动画

An Image/Link below is provided (as is) to download presentation Download Policy: Content on the Website is provided to you AS IS for your information and personal use and may not be sold / licensed / shared on other websites without getting consent from its author. Content is provided to you AS IS for your information and personal use only. Download presentation by click this link. While downloading, if for some reason you are not able to download a presentation, the publisher may have deleted the file from their server. During download, if you can't get a presentation, the file might be deleted by the publisher.

E N D

Presentation Transcript

  1. 动作补间动画

  2. 了解动作补间动画原理 掌握动作补间动画的属性设置 学会制作动作补间动画 教学目标

  3. 任务3.2.1 制作“运动的小球” • 演示设计结果

  4. 任务3.2.1 制作“运动的小球” • 任务分析 • 图片转换为元件 • 小球横向滚动动作补间动画 • 小球垂直下落动作补间动画

  5. 知识点 1、动作补间动画概念 动作补间动画是指在Flash的时间帧面板上，在一个关键帧上放置一个元件，然后在另一个关键帧改变这个元件的大小、颜色、位置、透明度等，Flash 将自动根据二者之间的帧的值创建的动画。

  6. 知识点 2、动作补间动画构成元素 可以是元件实例、文本对象、各种绘制的对象、被转换为元件的外部导入图片等。 • 能创建动作补间动画的对象具有这样的特征： • 对象被选中后四周会出现蓝色的外框。

  7. 知识点 3、动作补间动画的表现 动作补间动画建立后，时间帧面板的背景色变为淡紫色，在起始帧和结束帧之间有一个长长的箭头。

  8. 知识点 4、动作补间动画的分类 • 位置变化 • 大小变化 • 旋转 • 颜色渐变 • 透明度变化

  9. 知识点 5、动作补间属性参数 • 缩放：勾选此项可进行大小缩放变化 • 缓动：控制对象的加速度 • 旋转：控制对象旋转

  10. 知识点 6、创建动作补间动画 在存储着同一元件两种不同属性的两关键帧之间任选1帧，然后在该帧上右击鼠标，在弹出的快捷菜单中选择【创建传统补间】命令。如果两关键帧之中的任何一个关键帧的内容为空，则创建动作补间动画失败，如图所示 。 创建失败

  11. 任务3.2.1 制作步骤 • 1、图片转换为元件 • 创建一个FLASH文档，设置舞台大小为550×400像素，背景色为白色。 • 将小球图片导入到舞台，并使用任意变形工具缩放其大小并调整位置，如图所示。 小球位置

  12. 任务3.2.1 制作步骤 • 选中小球右击，转换为名称为小球的图形元件，如图所示。

  13. 任务3.2.1 制作步骤 • 2、制作动作补间动画 • 在图层1的第30帧处插入关键帧，在第30帧中，将小球平移向右移出舞台，如图所示。 小球在第30帧的位置

  14. 任务3.2.1 制作步骤 • 选中第1帧，右击鼠标创建动作补间。 • 在属性面板中，设置旋转：顺时针 ，1次。 • 在第35插入关键帧，在第35帧把小球拖至舞台外的上方，如图所示。 小球在第35帧的位置

  15. 任务3.2.1 制作步骤 • 在第50帧处插入关键帧，将小球拖至舞台外的下方，如图所示。 小球在第50帧的位置

  16. 任务3.2.1 制作步骤 • 选中第35帧，右击鼠标创建动作补间。 • 测试动画并保存文件。

  17. 知识点拓展 • 缓动值与速度的关系 • 缓动是对速度的阻碍作用 • 缓动值的变化: -100~100 • “缓动”值=0匀速 • “缓动”值<0加速 • “缓动”值>0减速

  18. 知识点拓展 • Alpha 透明度色调 必须用鼠标选中元件，在属性面版才会出现“颜色”选项，常用的设置有“色调”与“Alpha”透明度的变化。 Alpha值的变化为：0~100 ， 对应着透明到不透明的过渡。

  19. 任务3.2.4 制作动感文字 • 演示设计结果 文字逐个显现后移动消失

  20. 任务3.2.4 制作动感文字 • 任务分析 • 制作多线条出现的动画效果 • 制作文字出现的动画效果 • 制作文字消失的动画效果

  21. 任务3.2.4 制作步骤 • 1、制作多线条出现的动画效果

  22. 任务3.2.4 制作步骤 • 创建一个新的FLASH文档，设置舞台大小为550×150 • 像素，背景色为黑色。 • 创建图形元件“线条”，使用矩形工具绘制线条，如图所示。 线条

  23. 任务3.2.4 制作步骤 • 返回到主场景中，将库中元件“线条”拖动到舞台中央，将其Alpha值设置为50%，如图所示。 • 在第10帧处按F6插入关键帧，选中第10帧中的线条移动位置，如图所示。 线条位置1 线条位置2

  24. 任务3.2.4 制作步骤 • 选中第1帧，右击鼠标创建动作补间。 • 随机制作线条并用以上方法制作动画效果，如图所示。

  25. 任务3.2.4 制作步骤 • 2、制作文字出现的动画效果

  26. 任务3.2.4 制作步骤 • 新建图层10，使用文本工具输入文字“上海市经济管理学校”，使用文本属性面板修改文字字体为黑体，字号为40，如图所示。

  27. 任务3.2.4 制作步骤 • 执行“修改/分离”命令，将文字分离成单个文字，执行“分散到图层”命令，并将原来的图层10删除，如图所示。 分散文本

  28. 任务3.2.4 制作步骤 • 选择“上”图层，在第10帧处插入关键帧，选择第1帧中的文字向上移动，创建动作补间，顺时针旋转1次。 • 选择“海”图层，把第1帧移动到第5帧处，在第15帧处插入关键帧，选择第5帧中的文字向上移动，创建动作补间，顺时针旋转1次。以此方法设置”海”、“市”、“经”、“济”，如图所示。

  29. 任务3.2.4 制作步骤 帧位置

  30. 任务3.2.4 制作步骤 • 选择“管”图层，把第1帧移至第25帧，在第35帧处插入关键帧，选择第25帧中的文字向下移动，创建动作补间，逆时针旋转1次。以此方法制作“理”、“学”、“校”，如图所示。

  31. 任务3.2.4 制作步骤 • 3、制作文字消失的动画效果

  32. 任务3.2.4 制作步骤 • 在图层”上”、”海”、“市”、“经”、“济”、 “管”、“理”、“学”、“校”的第55、65帧分别插入关键帧，如图所示。

  33. 任务3.2.4 制作步骤 • 选中第65帧中的文字”上海市经济”，移动到舞台的左边不可见区域，选中文字”管理学校”，移动到右边不可见区域，如图所示。

  34. 任务3.2.4 制作步骤 • 在图层“上海市经济管理学校”的第55帧全部创建动作补间动画，如图所示。 • 测试动画并保存文件。

More Related