第三章,动画基础

第三章动画基础 一 动画的舞台结构及道具组合 二 逐帧动画 三 形状补间动画 四 动作补间动画 五 遮罩动画 六 引导路径动画 一 动画的舞台结构及道具组合 1 时间轴 一部Flash动画就像一部小电影 时间轴就是用来组织和控制影片内容在一定时间内如何播放的地方 时间轴面板分成四个部分 顶区 图层区 时间帧区 状态区 1 顶区 2 图层区 层是对画面在空间纵深上的拆分 每个图层都包含一些舞台中的动画元素 包括声音或action指令语句 上面图层中的元素遮盖下面图层中的元素 位置的改变 ALT SHIFT 双击转变场景切换元件改变舞台的比例 图层的基本操作 添加 删除 移动 图层属性的操作 显示 锁定 显示外观轮廓 更改名称 图层的图示 3 时间帧区 Flash影片将播放时间分解为帧 用来设置动画运动的方式 播放的顺序及时间等 默认时是每秒播放12帧 如图所示 在时间帧面板上 每5帧有个 帧序号 标识 常见 帧符号 意义如下 关键帧 关键帧定义了动画的变化环节 通常是一个动作的起点和终点 逐帧动画的每一帧都是关键帧 而补间动画在动画的重要点上创建关键帧 再由Flash自己创建关键帧之间的内容 实心圆点是有内容的关键帧 即实关键帧 而无内容的关键帧 即空白关键帧 则用空心圆表示 帧符号 普通帧 为了完成动画 需要在定义完关键帧后在关键帧之间增加普通帧 普通帧显示为一个个的单元格 无内容的帧是空白的单元格 有内容的帧显示出一定的颜色 不同的颜色代表不同类型的动画 如动作补间动画的帧显示为浅蓝色 形状补间动画的帧显示为浅绿色 而静止关键帧后的帧显示为灰色 关键帧后面的普通帧将继承该关键帧的内容 帧标签 帧标签用于标识时间轴中的关键帧 用红色小旗加标签名表示 如 帧注释 用于为你自己或处理同一文件的其他人员提供提示 用绿色的双斜线加注释文字表示 如 播放头 指示当前显示在舞台中的帧 将播放头沿着时间轴移动 可以轻易地定位当前帧 用红色矩形表示 红色矩形下面的红色细线所经过的帧表示该帧目前正处于 播放帧 帧内容 有了 导演工作台 和 舞台 还要有演员才能演出一幕有声有色 舞台剧 在场景中的动画元素就是演员 一般常用的有以下七种 1 矢量图形在场景中用鼠标或压感笔画出的图形 每一个矢量图都是一个对象 有其各自的属性 如位置 颜色 透明度 形状等 对矢量图进行缩放时 图形对象仍保持原有的清晰度和光滑度 不会发生任何偏差 是Flash中最基本的动画元素 2 位图图像在Flash中导入的 gif jpg png等格式的图片 图片由像素构成 像素点的多少将决定位图图像的显示质量和文件大小 位图图像的分辨率越高 其显示越清晰 文件所占的空间也就越大 对位图图像进行缩放时 图像质量出现明显变化 如常见的 锯齿状 等 位图在Flash中多用做背景 3 文字对象单击工具箱中的 文本工具 在 属性 面板上选好要输入的文本类型 字体大小 颜色 排版方式等 就可以在场景中输入文字了 Flash的文本对象有三种类型 静态文本字段 显示不会动态更改字符的文本 动态文本字段 显示动态更新的文本 如体育得分 天气报告 输入文本字段 使用户可以将文本输入到表单或调查表中 4 声音对象在动画中添加声音 可以使你的作品更有吸引力 Flash支持的声音文件有WAV 仅限Windows AIFF 仅限Macintosh MP3 Windows或Macintosh 如果你的机器上装有QuickTime4或更高的版本 还可以支持更多的格式 5 按钮对象按钮在实现Flash交互性方面有非常重要的作用 通过按钮 你可以实现场景之间的跳转 指定实例的动作 定义与各种按钮状态关联的图形等等 6 影片剪辑影片剪辑是Flash中的小型影片 它有自己的时间轴和属性 可以用动作脚本控制播放 跳转等等 它可以包含交互式控件 声音甚至其它影片剪辑实例 也可以将影片剪辑实例放在按钮元件的时间轴上 以创建动画按钮 7 动作脚本语句动作脚本是Flash的脚本撰写语言 通过它你就可以随心所欲地创建影片 实现场景之间的跳转 指定和定义实例的各种动作等 动作脚本语句可以添加在时间帧 实例 按钮上 如果添加在时间帧上 在时间帧面板的相应帧上 会出现一个 a 字 在影片剪辑 按钮上添加动作脚本语句的方法要先选择要添加的对象 然后在 动作 面板中进行定义 帧操作 插入帧 普通帧 F5 关键帧 F6 空白关键帧 F7 选择帧 选择一层单帧 连续多帧 选择多层单帧 连续多帧 选择离散帧 删除帧 清除帧 删除 右键菜单 SHIFT F5复制帧 粘贴帧 移动帧 扩展关键帧 ALT 拖动关键帧翻转帧 关键帧与普通帧相互转换 清除关键帧 普通帧转换为关键帧 4 状态栏区 当前帧帧频率运行时间 2 场景 时间轴面板好比是个 导演工作台 那么 场景就是受 工作台 控制的 舞台 了 类似于话剧的 幕 随着 工作台 上的变化 舞台 上的内容也将同步变化 场景面板 增加场景复制场景删除场景更改场景名称更改场景顺序转换场景 逐帧动画 FrameByFrame 这是一种常见的动画形式 它的原理是在 连续的关键帧 中分解动画动作 也就是每一帧中的内容不同 连续播放而成动画 由于逐帧动画的帧序列内容不一样 不仅增加制作负担而且最终输出的文件量也很大 但它的优势也很明显 因为它相似与电影播放模式 很适合于表演很细腻的动画 如3D效果 人物或动物急剧转身等等效果 由于是一帧一帧地画 所以逐帧动画具有非常大的灵活性 几乎可以表现任何想表现的内容 其在时间帧上表现为连续出现的关键帧 二 逐帧动画 1 创建逐帧动画的几种方法 用导入的静态图片建立逐帧动画绘制矢量逐帧动画文字逐帧动画指令逐帧动画导入序列图像 2 绘图纸功能 绘画纸是一个帮助定位和编辑动画的辅助功能 这个功能对制作逐帧动画特别有用 通常情况下 Flash在舞台中一次只能显示动画序列的单个帧 使用绘画纸功能后 你就可以在舞台中一次查看两个或多个帧了 当前帧中内容用全彩色显示 其它帧内容以半透明显示 它使我们看起来好像所有帧内容是画在一张半透明的绘图纸上 这些内容相互层叠在一起 当然 这时你只能编辑当前帧的内容 绘图纸功能 绘图纸外观绘图纸外观轮廓编辑多个帧修改绘图纸标记 总是显示标记锚定绘图纸绘图纸2绘图纸5绘制全部 实例 走路1 新建文档 背景白色 大小550 4802 修改图层名为 背景 并导入背景图片3 新建一图层命名为 人物 并导入走路序列图片4 利用编辑多帧功能 移动 对齐图片5 得用洋葱片功能微调对齐人物 1 形状补间动画的概念 1 形状补间动画的概念在一个关键帧中绘制一个形状 然后在另一个关键帧中更改该形状或绘制另一个形状 Flash根据二者之间帧的值或形状来创建的动画被称为 形状补间动画 2 创建形状补间动画的方法在时间轴面板上动画开始播放的地方创建或选择一个关键帧并设置要开始变形的形状 一般一帧中以一个对象为好 在动画结束处创建或选择一个关键帧并设置要变成的形状 再单击开始帧 在 属性 面板上单击 补间 旁边的小三角 在弹出的菜单中选择 形状 此时一个形状补间动画就创建完毕 三 形状补间动画 3 形状补间动画在时间帧面板上的表现形状补间动画建好后 时间帧面板的背景色变为淡绿色 在起始帧和结束帧之间有一个长长的箭头 如图所示 创建形状补间失败的原因 关键帧中无内容关键帧中内容非形状 4 构成形状补间动画的元素形状补间动画可以实现两个图形之间颜色 形状 大小 位置的相互变化 其变形的灵活性介于逐帧动画和动作补间动画二者之间 使用的元素多为用鼠标或压感笔绘制出的形状 如果使用图形元件 按钮 文字 则必先 打散 才能创建变形动画 例 颜色动画 2 认识形状补间动画的属性面板Flash的 属性 面板随鼠标选定的对象不同而发生相应的变化 当我们建立了一个形状补间动画后 单击帧 属性 面板如图所示 形状补间动画的 属性 面板上只有二个参数 1 简易 选项在1到 100的负值之间 动画运动的速度从慢到快 朝运动结束的方向加速度补间 在1到100的正值之间 动画运动的速度从快到慢 朝运动结束的方向减慢补间 默认情况下 补间帧之间的变化速率是不变的 例 弹跳的小球 2 混合 选项 混合 选项中有二项供选择 角形 选项 创建的动画中间形状会保留有明显的角和直线 适合于具有锐化转角和直线的混合形状 分布式 选项 创建的动画中间形状比较平滑和不规则 例 角形与分布 3 使用形状提示 形状补间动画看似简单 实则不然 Flash在 计算 2个关键帧中图形的差异时 远不如我们想象中的 聪明 尤其前后图形差异较大时 变形结果会显得乱七八糟 这时 形状提示 功能会大大改善这一情况 添加形状提示的方法选中起始帧执行 修改 形状 添加形状提示 命令该帧的形状上就会增加一个带字母的红色圆圈 相应地 在结束帧形状中也会出现一个 提示圆圈 用鼠标左键单击并分别按住这2个 提示圆圈 放置在适当位置 安放成功后开始帧上的 提示圆圈 变为黄色 结束帧上的 提示圆圈 变为绿色 安放不成功或不在一条曲线上时 提示圆圈 颜色不变 如图所示 3 添加形状提示的技巧 形状提示 可以连续添加 最多能添加26个 将变形提示从形状的左上角开始按逆时针顺序摆放 将使变形提示工作得更有效 形状提示的摆放位置要符合逻辑顺序 例如 起点关键帧和终点关键帧上各有一个三角形 我们使用3个 形状提示 如果它们在起点关键帧的三角形上的顺序为abc 那么在重点关键帧的三角形上的顺序就不能是acb 也要是abc 形状提示要在形状的边缘才能起作用 在调整形状提示位置前 要打开对齐对象 这样 会自动把 形状提示 吸咐到边缘上 如果你发觉 形状提示 仍然无效 则可以用工具栏上的 缩放工具 单击形状 放大到足够大 以确保 形状提示 位于图形边缘上 要删除所有的形状提示 可执行 修改 形状 删除所有提示 命令 删除单个形状提示 可用鼠标右键单击它 在弹出菜单中选择 删除提示 实例 旋转的三棱锥 实例 庆祝国庆 1 新建文档 大小 400 330 背景 白色2 导入背景图片并延长至80帧 导入背景音乐3 创建灯笼 椭圆 线条无 填充白红放射渐变 大小65 40矩形1 大小30 10 线条无 填充FF9900 FFFF00 FFCC00矩形2 大小7 104 复制3个灯笼放在三个新建的层上 并在20与40帧处插入关键帧 并在40帧处用字代替灯笼 5 创建形状补动画6 复制动画部分 粘贴后并翻转提示 先建好层 在第一帧摆好灯笼与字的位置 其它关键帧中使用 粘贴到当前位置 功能 四 动作补间动画 动作补间动画也是Flash中非常重要的表现手段之一 与 形状补间动画 不同的是 动作补间动画的对象必需是 元件 或 成组对象 运用动作补间动画 你可以设置元件的大小 位置 颜色 透明度 旋转等种种属性 配合其它的手法 甚至能做出仿3D的效果来 1 动作补间动画的概念 1 动作补间动画的概念在一个关键帧上放置一个元件 然后在另一个关键帧改变这个元件的大小 颜色 位置 透明度等 Flash根据二者之间的帧的值创建的动画被称为动作补间动画 2 构成动作补间动画的元素构成动作补间动画的元素是元件 包括影片剪辑 图形元件 按钮 文字 位图 组合等等 但不能是形状 只有把形状 组合 或者转换成 元件 后才可以做 动作补间动画 3 动作补间动画在时间帧面板上的表现动作补间动画建立后 时间帧面板的背景色变为淡紫色 在起始帧和结束帧之间有一个长长的箭头 如图所示 4 形状补间动画和动作补间动画的区别形状补间动画和动作补间动画都属于补间动画 前后都各有一个起始帧和结束帧 二者之间的区别如下表所示 2 认识动作补间动画的属性面板在时间线 动作补间动画 的起始帧上单击 帧属性面板会变成如图所示 1 简易 选项单击其右边的按钮 会弹出滑动杆 拖动上面的滑块可以调节参数值 当然也可以在文本框中直接输入具体的数值 设置后 形状补间动画会随之发生相应的变化 在1到 100的负值之间 动画运动的速度从慢到快