电子教案4-1 动画基本概念

1、第8讲 2013年5月修订 2021-6-22制作者：马秀麟1 1、动画的、动画的原理原理 人类的视觉暂留 以一定的速度向人展示具有一定数量的相关图形， 人的感知觉会自动把相关图形组织成一组连续运 动的动画。 帧与帧频率 动画过程中的一副图形就被看作一帧。 帧频率 每秒播放的帧数叫帧频率 帧频率 标准质量较好的动画，要求每秒钟播放速度不少于24 帧。 普通的Flash动画默认播放速度为：12fps。 2021-6-22制作者：马秀麟2 图图层的概念层的概念 图层的定义 图层可以被看作一副没有厚度的透明薄膜。 图层的用途 分别控制不同的局部动画 由于可在不同的层上绘制图形，致使在正视图形时，看

2、到的是多层图形的叠加效果。 在图形的处理过程中，可以根据需要，随时删除某个图 层或者使之不可见。 图层的类别 普通图层 引导层 存储引导路径 遮罩层 2021-6-22制作者：马秀麟3 2、动作制作软件与动画文件 动画制作软件 二维动画软件 Flash 三维动画软件 3D MAX Flash动画文件 FLAFlash动画的源文件 包含可编辑信息 SWFFlash动画的作品文件 FLV新型的电影文件 2021-6-22制作者：马秀麟4 3、Flash动画的知识 动画类型 逐帧动画 运动动画 传统运动动画 无引导路径 有引导路径路径放在专门的引导层中 新型运动动画 遮罩层动画 动画作品的版本 Fl

3、ash AS2.0 Flash AS3.0 2021-6-22制作者：马秀麟5 1、工具箱、工具箱 工具箱显示与隐藏 窗口工具 (+F2) 工具箱的工具 选择工具 选择工具 部分选择工具 套索工具（魔棒子工具） 图形工具 直线 形状 铅笔 刷子 颜色工具 笔触颜色（无效/有效） 填充颜色（无效/有效） 2021-6-22制作者：马秀麟6 变形工具 任意变形工具 3D旋转工具 文字工具 书写文字 橡皮擦工具 子工具组受主工具的控制 选择工具状态 磁铁工具 套索工具状态 魔棒工具 2021-6-22制作者：马秀麟7 2、图层、图层 图层的作用 独立地控制局部动画 普通层、引导层、遮罩层 图层操作

4、添加图层添加图层 添加一般层： 单击新建图层标记 右单击图层，选择【插入图层】 添加引导层 右单击图层，选择【引导层】/【添加传统运动引导层】 删除图层删除图层 单击要删除的图层，单击垃圾桶； 单击要删除的图层，拖动到垃圾桶； 右击要删除的图层，在弹出的快捷菜单中选择删除； 2021-6-22制作者：马秀麟8 重命名图层重命名图层 双击图层的名字，直接修改。 右击图层的图标，选择【属性】，弹出对话框，直接修改。 图层状态 图层状态按钮 图层上自左向右依次有四个图层状态标记。 操作方法 铅笔标记：是否正在编辑此图层 可视标记：本图层的图形是否可见。若是圆点，则可视， 若是X号，则不可视； 可编辑

5、标记：若为圆点则没有加琐保护，用户可修改此图 层内容，否则已经加琐。 是否显示填充内容：是否仅显示线框，不显示填充。 2021-6-22制作者：马秀麟9 3、时间轴面板帧控制 选择帧选择帧 选择单个帧 直接单击某帧，选1帧； 选择多帧 在开始处单击，再在结尾处+单击 选择全部帧 右单击，利用快捷菜单，可选全部。 插入帧插入帧 插入普通帧 插入关键帧 插入空白关键帧 帧的剪切与复制帧的剪切与复制 以鼠标指向帧，拖动到需要的地方 指向帧，右单击后，利用菜单完成复制与粘贴 2021-6-22制作者：马秀麟10 4、中间工作区、中间工作区 场景场景 场景切换+ 5、面板、面板 显示或隐藏各类面板 “窗

6、口”随时打开一些面板。 折叠面板：单击面板标题上小黑三角 2021-6-22制作者：马秀麟11 属性属性面面板板 主要用于设置当前对象的属性 是个性化面板。即针对不同的对象，属性面板的内容 不同； 库面板库面板 用于存储Flash中用到的元件、声音等特定控件。 变形面板变形面板 对选定对象进行变形 “复制变形” 颜色面板颜色面板 设置颜色 设置渐变效果的色彩 动作动作面面板板 底部，用于为Flash对象编写代码； 2021-6-22制作者：马秀麟12 1、图象制作、图象制作工具工具 普通形状工具普通形状工具 椭圆形、矩形、直线、笔刷、铅笔 注意键与椭圆形、矩形、直线结合，可以 得到正圆、正方形

7、和45度的直线。 颜色工具 笔触颜色（轮廓线） 有轮廓线 无轮廓线 填充颜色（填充色） 有填充色 无填充色 渐变填充色 利用颜色面板设置渐变色 2021-6-22制作者：马秀麟13 图形绘制的案例图形绘制的案例 绘制各种形状绘制各种形状 文字输入工具文字输入工具 选用工具栏内的文字按钮A，再用鼠标在工作区 拖动出一个矩形框，在其中直接输入文字 使用属性面板，设置文字的颜色、字型、字体和字 号。 2021-6-22制作者：马秀麟14 3、图形的变形、图形的变形 选取图形对象选取图形对象 利用“选择工具”选择对象 利用“细部选择工具”选择对象 选择图形的轮廓线/内容物） 框选多个对象 +单击 逐个

8、选择对象 利用轮廓线对图形变形 利用“细部选择工具”选择对象 拖动轮廓线的边缘 2021-6-22制作者：马秀麟15 旋转与缩放旋转与缩放 选中图象 选择工具栏中的“任意变形工具 ” 指向图形句柄，拖动鼠标即可实现图形的旋转或缩放。 变形与复制 选中对象 启动“变形面板” 设置变形方式 应用“变形复制”制作多边形花朵 排列和对齐排列和对齐 选中多个图形对象 【修改】【对齐】改变对象之间的关系。 2021-6-22制作者：马秀麟16 4、实用案例、实用案例 绘制无轮廓线圆绘制无轮廓线圆 笔触颜色设置为笔触颜色设置为“无效无效” 绘制无填充内容的椭圆绘制无填充内容的椭圆 填充颜色设置为填充颜色设置

9、为“无效无效” 利用利用“细部选择工具细部选择工具”改变图形外形改变图形外形 设置不同类型的填充色设置不同类型的填充色 利用颜色面板利用颜色面板 绘制美丽花朵绘制美丽花朵 利用椭圆工具绘制纯色椭圆利用椭圆工具绘制纯色椭圆 利用变形面板，复制若干椭圆利用变形面板，复制若干椭圆 设置径向渐变颜色，填充图形设置径向渐变颜色，填充图形 2021-6-22制作者：马秀麟17 1、图形的复制与粘贴、图形的复制与粘贴 粘贴到中心位置粘贴到中心位置 选种图形，然后选择复制 到目标位置选择粘贴。 粘贴到当前位置 选种图形，然后选择复制 粘贴到当前位置 2、图形的填充、图形的填充 填充方法 设置合适的填充颜色 选

10、择油漆桶工具 指向要填充的区域，单击。 补充说明 利用“颜色面板”设置填充色的特殊效果 2021-6-22制作者：马秀麟18 3、橡皮擦工具橡皮擦工具 功能 擦除不需要的图形。 方法 选择橡皮擦工具 在要擦出区域拖动鼠标 4、去掉点阵图的背景、去掉点阵图的背景 功能 剔除位图中不适宜的背景色，使它背景透明 方法 利用文件导入命令导入位图， 选择此图形，使用命令+B打散。 选择套索工具，然后在工具栏的左下角选择魔棒子工具，选 择背景区域 使用命令。 2021-6-22制作者：马秀麟19 5、图形柔边、图形柔边 功能 使图形的边缘变得柔化 方法 选中图形， 使用【修改/形状/柔化填充边缘】。 6、

11、线条化为可填充区域、线条化为可填充区域 功能 把图形的轮廓线变成普通的填充区 方法 选种图形， 使用【修改/形状/线条转化为填充】 2021-6-22制作者：马秀麟20 7、粗身与瘦身、粗身与瘦身 功能 使图形更粗或者更细 方法 选种图形， 使用【修改/形状/扩展填充】。 8、图形的组群与打散、图形的组群与打散 功能 把分离的图形组成为一个整体，或者分离图形 组合 选择要组群的多个图形 使用+G。或【修改/组合】 打散 选择已经组群的图形 使用+B。或【修改/分离】 2021-6-22制作者：马秀麟21 9、实用型案例 扣除外部位图的小背景 导入图形到库 从库中把图形导入到场景 打散位图 选择

12、【套索工具】 选择【魔棒】子工具，选择背景区域 删除背景 2021-6-22制作者：马秀麟22 制作彩色背景字 书写文字，并适当设置字型、字号； 用任意形变工具调整文字大小到适当； 多次使用分离（打散）工具，把文字打散，变成普通位图； 选中所有文字，复制；然后新建图层（图层2），粘贴。 在图层1的关键帧，选中所有文字； 利用变形面板，调整图层1中文字的倾斜度为60度。 回到图层2，修改图层2文字的填充色； 可利用填充变形工具设置填充色的方向； 调整图层上的文字到适当的位置。 2021-6-22制作者：马秀麟23 1、形变动画的定义、形变动画的定义 含义含义 外形发生变化的动画效果外形发生变化的

13、动画效果 播放形变动画播放形变动画效果图效果图 原材料原材料 新绘制的图形、已经彻底打散的文字。新绘制的图形、已经彻底打散的文字。 不支持位图不支持位图 2021-6-22制作者：马秀麟24 基本流程基本流程 创建首帧图形创建首帧图形 创建末帧图形创建末帧图形 右单击首帧，选择右单击首帧，选择“创建形状补间创建形状补间” 测试动画效果测试动画效果 最常见的问题最常见的问题 问题问题 张冠李戴、变化混乱张冠李戴、变化混乱 解决方案解决方案 为形状添加提示点为形状添加提示点 把各个形变部件分别存放在不同的图层、独立地实施形变把各个形变部件分别存放在不同的图层、独立地实施形变 2021-6-22制作

14、者：马秀麟25 2. 实用型案例实用型案例 简单形变（简单形变（1）形变的小球形变的小球 新建文件，在第一新建文件，在第一 帧绘制一简单图形；帧绘制一简单图形； 例如绘制一个彩色的圆形。例如绘制一个彩色的圆形。 鼠标指向第鼠标指向第60帧后单击，按帧后单击，按,创建关键帧。创建关键帧。 鼠标指向第鼠标指向第60帧，单击，变第帧，单击，变第60帧为当前帧，改变原图形的帧为当前帧，改变原图形的 形状、颜色；形状、颜色； (比如：填充小球为另外的颜色，并且用细部选择工具选择后再比如：填充小球为另外的颜色，并且用细部选择工具选择后再 拖动关键点，改变图形的细部形状，为小球添加两个耳朵）拖动关键点，改变

15、图形的细部形状，为小球添加两个耳朵） 鼠标指向第鼠标指向第1帧，单击，回到第帧，单击，回到第1帧。帧。 选择选择“关键帧关键帧”，在底部的，在底部的【属性属性】（框架）面板中的（框架）面板中的补间补间 项中选择项中选择形状形状。 至此，形变动画创建完毕，可用至此，形变动画创建完毕，可用控制控制播放播放播放，观察其效播放，观察其效 果。果。 (效果图效果图) 2021-6-22制作者：马秀麟26 简单形变简单形变形变的人脸形变的人脸 新建文件，在第一帧绘制一简单新建文件，在第一帧绘制一简单图形；图形； （例如绘制一个没有嘴巴的人脸（例如绘制一个没有嘴巴的人脸）。）。 鼠标鼠标指向第指向第60帧帧 后单击，按后单击，按,创建关键帧。创建关键帧。 单击单击“新建图层按钮新建图层按钮”，新建一个图层，命名为，新建一个图层，命名为 “嘴巴嘴巴”。 在嘴巴图层第在嘴巴图层第1帧帧的适当位置绘制一个嘴角下垂的的适当位置绘制一个嘴角下垂的 嘴巴。鼠标指向第嘴巴。鼠标指向第60帧，单击