第3章 动画制作基础教材课程.pptVIP

第3章 动画制作基础;3.1 Flash动画基础;3.1.1 与Flash文档相关的文件类型;3.1.2 时间轴;3.1.2 时间轴;3.1.2 时间轴;3.1.2 时间轴;3.1.2 时间轴;3.1.2 时间轴;3.1.3 场景;3.1.3 场景;3.1.4 动画元素;3.1.5 元件与实例;3.2 逐帧动画;3.2.1 创建逐帧动画的方法;3.2.2 绘图纸;3.2.2 绘图纸;3.2.2 绘图纸;3.2.2 绘图纸;3.2.3 实例——飞翔的老鹰;新建一个Flash文档。 设置大小为288像素×209像素。 背景颜色为白色。;导入“背景.bmp”文件 选择第30帧，增加过渡帧;新建一个图层，选中第1帧，执行【文件】|【导入】|【导入到舞台】命令，导入 “老鹰.gif”文件。;将老鹰适当缩小一些，并适当调节它的位置。;新建一个图层，输入“天高任鸟飞”。;执行【控制】|【测试影片】命令，观察动画的效果。 如果满意，执行【文件】|【保存】命令，将文件保存成“飞翔的老鹰.fla”文件。 如果要导出Flash的播放文件，执行【文件】|【导出】|【导出影片】命令。;逐帧动画;新建一个Flash文档。 文件大小为550像素×400像素。 【背景颜色】为白色。;选择第1帧，执行【文件】|【导入】|【导入到舞台】命令，将 “背景”图片导入到场景中。;新建一个名为“立方体”的影片剪辑元件。 依次绘制各帧中立方体的外形并填充相应的颜色，共18帧。;新建一层。 在时间轴的第1帧上，把库中的“立方体”影片剪辑拖入主场景中。 放在场景的中下部。 按Ctrl+回车预览动画效果。;3.3 形状补间动画;3.3.1 形状补间动画基础;形状补间动画可以实现两个图形之间颜色、形状、大小、位置的相互变化。 其变形的灵活性介于逐帧动画和动作补间动画二者之间。 如果使用图形元件、按钮、文字，则必须先“分离”才能创建变形动画。;形状补间动画建好后，时间帧面板的背景色变为淡绿色，在起始帧和结束帧之间有一个长长的箭头。;在动画开始处创建或选择一个关键帧，并设置要开始变形的形状。 在动画结束处创建或选择一个关键帧并设置要变成的形状。 再单击开始帧，在【属性】面板上单击【补间】旁边的小三角，选择【形状】。;3.3.2 形状补间动画的属性面板;在“起始形状”和“结束形状”中添加相对应的“参考点”，使Flash在计算???形过渡时依一定的规则进行，从而较有效地控制变形过程。;单击动画开始帧，执行【修改】|【形状】|【添加形状提示】命令。该帧的形状上就会增加一个带字母的红色圆圈，在结束帧形状中也会出现一个“提示圆圈”。 用鼠标左键单击并分别按住这2个“提示圆圈”，放置在适当位置。 ;“形状提示”可以连续添加，最多26个。 将变形提示从形状的左上角开始按逆时针顺序摆放，将使变形提示工作更有效。 形状提示的摆放位置也要符合逻辑顺序。 形状提示要在形状的边缘才能起作用。 调整形状提示位置前，按下“贴紧至对象”按钮，会自动把“形状提示”吸附到边缘上。; 效果预览;新建文档 创建变形对象 把字符转为形状 创建补间动画 添加形状提示 添加文字;3.3.5 实例——珍惜水源;新建文档 文件大小为500×410像素 【背景颜色】为白色;将名为“珍惜水源.jpg”图片导入到舞台。 选择第80帧，按键盘上的F5键，增加一个普通帧。;新建一个名为“水珠1”图层。 使用【椭圆工具】画一个无边的圆。 用【颜料桶工具】填充圆。;复制刚画好的水珠。 新建3个图层，在每个图层中粘贴一个水珠，调整水珠的位置。 在第20、40帧处为各图层添加关键帧。;选取第一个水珠，在第40帧处用文字“珍”取代水珠。 对“庆”字执行【分离】命令，把文字转为形状。 在第40帧处的相应图层上依次用“惜”、“水”、“源”3个字取代另外3个水珠，并执行【分散】命令。;在“水珠”各图层的第60帧及第80帧处，分别添加关键帧。 分别复制第20帧中的“水珠”图形，再分别粘贴到第80帧中。 注意： 应该先清除第80帧处4个“水珠”图层中的内容。;在“水珠”各图层的第20、60帧处单击帧，建立形状补间动画。;3.4 动作补间动画;3.4.1??动作补间动画的概念;构成动作补间动画的元素是元件。 包括影片剪辑、图形元件、按钮、文字、位图、组合等，但不能是形状。 只有把形状“组合”或者转换成“元件”后才可以做“动作补间动画”。;动作补间动画建立后，时间帧面板的背景色变为淡紫色，在起始帧和结束帧之间有一个长长的箭头。; 形状、动作补间动画的区别;在动画开始处创建或选择一个关键帧并设置一个元件