模块3 3.2 基础动画（2）-高二《Animate CC 动画制作案例教程 》同步教学课件 （电子工业出版社·第2版）

模块3 基础动画 1 案例6 植物生长——逐帧动画 案例7 奥运篆书——补间形状 案例 8 秋游快乐行——元件和库 案例9 经典咏流传——传统补间动画 案例10 海底世界——补间动画 2 案例7 奥运篆书——补间形状 案例描述: 制作补间形状动画，实现图3-26的变形效果。 图3-26 案例分析: 初步认识补间形状的应用对象。 会创建补间形状动画。 熟悉位图与矢量图的转换。 3 3.3 位图与矢量图 矢量图使用直线和曲线（称为矢量）描述图像，这些矢量还包括颜色和位置属性。 矢量图文件的大小与图形的复杂程度有关，与图形的尺寸和大小无关，所以矢量图的大小不会影响图形的显示效果。 位图使用在网格内排列的称作像素的彩色点来描述图像。 位图文件的大小由图形尺寸和色彩深度决定，所以位图的大小会严重影响图形的显示效果。 判断图片是位图还是矢量图的方法为：选取工具箱中的选择工具选中图形，以点的形式显示的为矢量图形，周围出现一个边框的为位图。 1．关于矢量图和位图 案例7 奥运篆书——补间形状 4 执行菜单“导入→导入到舞台”或“导入→导入到库”命令，选择相应的素材图片，即将位图导入到Animate中。 选择导入的位图，通过“属性”面板可以显示并改变该位图的像素尺寸以及在舞台上的位置。 2．导入并设置位图属性 3．将位图应用为填充 在舞台上绘制一个矩形。 打开颜色面板，在填充“类型”下拉列表中选择“位图”，打开“导入到库”对话框。 选择文件“位图＿小鱼.jpg”，单击“打开”按钮，矩形被位图填充。 使用“渐变变形”工具缩放、旋转并倾斜图像及其位图填充，调整效果。 案例7 奥运篆书——补间形状 5 由于Animate是一个基于矢量图形的软件，有些操作针对位图图像是无法实现的，这时，可以通过“转换位图为矢量图”命令将位图转换为具有可编辑的离散颜色区域的矢量图形。 4．将位图转换为矢量图形 1．分离位图 选择需要分离的位图。 执行菜单“修改→分离”命令或按【Ctrl+B】组合键。 3.4 分离命令 2．更改分离位图的填充区域 选择套索工具，单击“魔术棒设置”工具，设置参数。 单击“魔术棒”选择一个区域，填充新的颜色。 使用 Animate 绘画和涂色工具修改位图其它部分。 案例7 奥运篆书——补间形状 6 （1）选择“ 滴管” 工具，单击舞台上的分离位图。“滴管”工具会将该位图设置为当前的填充，并将活动工具更改为“颜料桶”工具。 （2）执行下列操作之一应用填充。 使用颜料桶工具单击现有图形对象，将位图应用为填充。 选择椭圆、矩形或钢笔工具画出一个新对象，该对象会将分离的位图作为填充。 3．使用滴管工具应用填充 1．补间形状的特点 （1）组成元素：补间形状只能针对分离的矢量图形，若要使用实例、组或位图图像等，需先分离这些元素。 （2）在时间轴面板上的表现形式：创建补间形状后，两个关键帧之间的背景变为淡绿色，在起始帧和结束帧之间有一个长长的箭头。 案例7 奥运篆书——补间形状 3.5 补间形状制作 7 （1）准备工作 若为多个对象创建补间，使用“分散到图层”命令将每个对象分散到一个独立的图层中，没有选中的对象将保留在它们的原始位置。 若使用实例、组、文字或位图图像时，先分离这些元素。 （2）创建补间形状 选择TLF文本工具，设置文本属性。单击“图层1”第1帧，在舞台上输入文本“2” 在“图层1”的第20帧处单击鼠标右键在弹出的快捷菜单中选择“插入关键帧”，使用选择工具双击舞台上的文本“2”改为文本“3” 。 单击“图层1”的第1帧选择舞台中的文本“2”，使用组合键ctrl+B将其打散，同样的方法将文本“3”打散。 选择“图层1”中1－20帧范围内的任意帧，单击右键选择“创建补间形状”或者选择菜单“插入→补间形状”命令，创建补间形状。 2．补间形状的制作方法 案例7 奥运篆书——补间形状 8 1．形状提示的作用 （1）在复杂的补间形状中，需要创建中间形状然后再进行补间，而不要只定义起始和结束的形状。 （2）确保形状提示是符合逻辑的。 （3）按逆时针顺序从形状的左上角开始放置形状提示，补间的效果最好。 案例7 奥运篆书——补间形状 3.6 使用形状提示 形状提示功能用于控制复杂的形状变化，它会标识起始形状和结束形状中相对应的点。形状提示包含字母（从 a 到 z），用于识别起始形状和结束形状中相对应的点，最多可以使用 26 个形状提示。起始关键帧中的形状提示是黄色的，结束关键帧中的形状提示是绿色的，当不在一条曲线上时为红色。 2. 使用形状提示应遵循的准则 9 3．使用形状提示的方法 案例7 奥运篆书——补间形状 （1）打开“变化的数字.fla”,选择补间形状序列中的第一个关键帧。 （2）选择“修改→形状→添加形状提示”。