对象操作和位图应用.ppt
第三章 制作动画,Flash网页动画,2,本章主要内容,动画制作基础 逐帧动画技法 补间动画技法,3,动画制作基础,时间轴是由时间和层次组成的二维空间 时间由帧体现，动画播放时间 = 总帧数 / 帧速 图层按次序垂直排列，每层上可绘制不同性质图形对象，上层叠放在下层图形上，各层可单独编辑且互不干扰,FLASH动画原理,图层,帧刻度,关键帧,播放头,空白关键帧,当前帧,帧速率,已播放时间,帧浏览,FLASH用时间轴来控制和组织影片,4,动画制作基础,FLASH动画是以时间轴为基础的帧动画 FLASH动画由帧组成，帧是动画的基本单位 每个动画由不同画面的帧组成，所有帧按播放时间顺序排列 动画的制作就是改变连续帧的内容的过程,FLASH动画原理,5,动画制作基础,帧的分类 关键帧： 关键帧是定义动画的变化关键环节的帧 制作FLASH动画主要是在制作关键帧 普通帧 一般位于两个关键帧之间或动画尾部，用于延续关键帧的画面，起动画过渡作用,FLASH动画原理,6,动画制作基础,关键帧性质 关键帧定义了动画的变化环节 用户只能在关键帧上制作图形对象 时间轴上的实心圆点代表有内容的关键帧，空心圆点代表空关键帧,关键帧,7,动画制作基础,关键帧创建 创建新影片时系统自动创建第一个空关键帧 手动操作：插入实关键帧 “插入”“时间轴”“关键帧”或右击“插入关键帧”或F6 说明：如果插入的不是第一个关键帧，则自动复制前一关键帧的内容 手动操作：插入空关键帧 “插入” “时间轴” “空白关键帧”或右击“插入空白关键帧,关键帧,8,动画制作基础,普通帧又称静态帧，它继承前面关键帧内容 分类 插值帧两个关键帧之间的一组普通帧 是系统根据首尾两个关键帧动作设置自动生成的过渡画面。 操作：插入后面关键帧后，中间帧自动生成插值帧。 延续帧后面没有关键帧的普通帧 用于动画背景制作，每帧均延续前面最后一个关键帧画面 操作： 选取最后一个帧 菜单：“插入”“帧” 空白帧 是时间轴上空白矩形，有内容后变成连续空间。 动画播放到所有图层上都是空白帧时即自动停止。,普通帧,9,动画制作基础,普通帧的标识： 有内容的普通帧：显示颜色，不同颜色代表不同类型的动画 浅蓝色：运动补间动画 浅绿色：形状补间动画 灰色：静止画面 无内容的普通帧：显示空白单元格 延续帧最后一帧显示空心矩形,普通帧,10,帧的标识可由时间线窗口直接看出：,动画制作基础,帧的识别,运动补间,形状补间,错误补间,单个关键帧,设置交互动作,11,帧浏览用于控制时间轴中显示帧的特性 内容 帧宽度设置 分为：Tiny(微小)、Small(小)、Normal(标准)、Medium(中)和Large(大)五级 对帧数较多动画，宽度较窄帧便于操作 帧高度设置 只有一级Short(较短) 帧颜色设置Tinted Frame(彩色显示帧) 设置是否用不同颜色标识不同动作帧 画面显示设置 Preview(预览)：时间轴上显示画面缩略图 Preview In Context(关联预览)：时间轴上显示舞台区缩略图,动画制作基础,帧浏览,12,设置帧速帧速决定动画的平滑和连贯性 “修改”“影片” 一般互联网和电影的帧速为12fps（帧/秒）。 标准动画片的帧速为24fps。 帧的选取 选一帧：单击时间线窗口上的帧 选多帧： 单击第一帧后按Shift单击最后一帧 直接用鼠标在时间轴上拖动,动画制作基础,帧的编辑,13,动画制作基础,帧的复制 选定一帧或多帧 菜单：快捷菜单“拷贝帧” 单击目的地首帧，目的地允许是另一动画 菜单：快捷菜单“粘贴” 帧的移动 菜单：与复制类似，使用“剪切帧”“粘贴帧” 鼠标：常用于改变动画长度（拖动首尾关键帧） 直接在时间轴上拖动 Ctrl +拖动：出现表示可拖动范围的方框,帧的编辑,14,注意： 帧的复制不可使用鼠标操作 帧剪切后系统根据需要自动改变某些帧的性质，以遵守普通帧必须延续关键帧内容的规则。 关键帧剪切后自动转换为空白关键帧，其后未被剪切的第一个普通帧自动转换为关键帧 普通帧单独剪切后系统自动将第一个被剪切帧转换为空白关键帧,动画制作基础,帧的编辑,15,动画制作基础,帧的删除 清除只去内容 快捷菜单“清除帧”：将普通帧或关键帧变成空白帧 移除完全删除帧 快捷菜单“删除帧”：彻底去掉本帧，动画长度缩短,帧的编辑,16,动画制作基础,帧的反转将动画次序颠倒 选取要反转的多个帧 快捷菜单中选择“翻转帧” 普通帧与关键帧的转换 普通帧关键帧： 快捷菜单转换成关键帧或转换成空白关键帧 如已创建动作动画，则拖动动作中间任意帧即转换为关键帧 关键帧普通帧： 快捷菜单“清除关键帧”：将关键帧转为普通帧，帧上内容继承前一关键帧的内容,帧的编辑,17,动画包括运动、变形、色彩等的改变 动画的两种制作方式 逐帧动画：每一帧画面不同，组合成连续变化的动画。 补间动画：只确定起点和终点处的画面，其余由FLASH自动生成 运动补间：对象运动 形状补间：对象变形 区别：逐帧动画每帧都是关键帧，故体积比补间动画大得多,动画的制作,动画的制作方式,18,逐帧动画每一帧都是关键帧 操作： 创建动画文件 制作第一帧上图形 在第二帧上插入关键帧 将图形做些改变如改变大小、颜色或画面等 依次制作其它帧 注意：每一帧都必须插入关键帧,逐帧动画技法,制作逐帧动画,19,逐帧动画常用于人体动作等较复杂补间动画无法制作或效果不好的动画 实例：颠球 用图片制作逐帧动画：眨眼女孩 复杂人体动作实例：爬行的孩子 制作技巧实例： 逐个出现的文字,逐帧动画技法,逐帧动画制作实例,20,补间动画中系统只存储关键帧和变化值 补间动画分为运动补间和形状补间两种 两种补间对比： 相同点：变化过程中都可伴随着位置、尺寸和颜色的变化 不同点： 形状补间的对象是矢量图形 运动补间的对象是元件实例、组合和位图,补间动画技法,补间动画,21,补间动画技法,运动补间的特点 只有实例、组合和文本才能制作运动补间动画。 分离的图形必须转换成元件或组合才能实现补间 补间时头尾关键帧上都是实例、组合和文本 补间过程中可以伴随大小和位置、颜色的变化,运动补间,22,补间动画技法,运动补间动画的创建 创建首关键帧，并在其上创建或导入图形且需转换成元件 用“插入关键帧”的办法创建尾关键帧并改动帧上对象状态 创建动作 选择第一帧，在“属性”面板“补间”框中选“动画”(动作) 右击第一帧或两关键帧间的帧，选“创建补间动画”,运动补间动画,23,补间动画技法,运动补间的控制“属性”面板 “缓动”拖动游标控制补间速度，为正先快后慢 “缩放”当首尾关键帧上图形大小不一时，是否运动过程中逐渐缩放 “旋转”运动过程中是否伴随旋转 没有：不旋转（默认） 自动：由系统自动决定 顺时针：顺时针旋转 逆时针：逆时针旋转 后两种要在后面的次数框中选择旋转次数,运动补间动画,24,补间动画技法,实例一：移动的老鼠 实例二：移动字幕,补间动画实例,25,补间动画技法,形状补间动画的特点： 形状补间的对象是分离的可编辑图形 实例、组合、文本或位图必须“分离”后才能变形 补间的同时可以伴随对象位置和颜色的变化,形状补间动画,26,补间动画技法,形状补间动画的创建 在当前层上创建起始关键帧并绘制补间图形 创建终点关键帧，方法任意 改变图形形状或重新绘制图形 选择起始关键帧，在“属性”面板的“补间”框中选择“形状” 实例： 文字变形 波浪文字,形状补间动画,27,补间动画技法,形状补间的控制“属性”面板 “缓动”拖动游标控制补间速度，为正先快后慢 “混合” “分布式”过渡较为平滑（默认） “角度式”保持图形棱角 实例： 霓虹灯,形状补间动画,28,补间动画技法,形状提示 形状提示用于控制矢量图对象制作形状补间动画时形状改变的方向。 形状提示是带圈字母标记通常成对出现在首尾关键帧中 形变时标记处图形从首关键帧位置变化到尾关键帧对应标记处 形状提示可以有多个，按字母顺序依次出现。,形变动画,29,补间动画技法,形状提示添加方法： 选择图形对象 菜单：修改形状添加形状提示 在首关键帧中将红色提示字符移动到变形开始关键位置 在尾关键帧重复同样动作，位置正确时提示标记变成绿色 重复3、4加其它提示至可完全控制变形,形变动画,30,补间动画技法,形状提示的删除： 只能一次删除所有提示 操作方法： 菜单：修改形状删除所有提示 实例： 变形女孩 位图变形,形变动画,31,动画定位工具,功能： 同时浏览多个帧以便调整不同帧上关联对象位置 对多个帧上内容同时进行同一编辑操作 显示 选择本工具后在播放头左右出现游标标记并将标记范围内所有帧上画面全部显示 其中当前帧突出显示，其他帧暗淡且不可编辑 打开与关闭 由时间轴窗口底部一组相应按钮操作 所有按钮均为反复按钮,洋葱皮工具,32,填充模式显示 显示时间轴标尺上起始游标和终止游标之间的帧。 显示模式：当前帧颜色最深，其他帧依次变浅。 注意：只能对当前帧编辑 非补间动画只显示当前帧和范围内关键帧 游标设置改变显示范围 允许显示标记：关闭洋葱皮也显示游标 固定绘图纸：锁定游标使其不随播放指针移动 绘图纸2/绘图纸5：左右各显示2（5）帧 绘图全部：显示两旁所有帧 线框模式显示 除当前帧外，所有范围内帧只显示线框,动画定位工具,洋葱皮工具,33,多帧编辑 用于同时操作不同帧上对象。 多帧工具能以渐淡的形式显示游标范围内所有的帧 注意：只显示范围内的关键帧 注意：不能对锁定层进行洋葱皮显示和编辑 使用“编辑”“全选”保证不遗漏帧全部选中 选定多帧后可对全部选中对象作同一操作,动画定位工具,洋葱皮工具,
