WEB动画制作与设计课件：创建补间动画（一）.ppt

二、制作流淌的奶油4、选中“奶油动”图层的第1帧，在时间轴上单击右键，选择“创建补间形状”命令,在第l帧～第45帧创建变形动画。5、选中“奶油动”图层的第1帧，选择“修改形状添加形状提示”（其快捷键为Ctrl+Shift+H）命令，在奶油的中间出现红色的提示点“a”，将提示点移动到奶油的左上方，如左图所示。选中“奶油动”图层的第45帧，第45帧的奶油上也出现相应的提示点“a”，如图右所示。【课堂案例】—制作“流淌的奶油”二、制作流淌的奶油6、将奶油上的提示点移动到其左上方，提示点从红色变为绿色，如左图所示。选中第1帧，可以观察到刚才红色的提示点变为黄色，如右图所示，这表示在第1帧中的提示点和第45帧的提示点已经相互对应。【课堂案例】—制作“流淌的奶油”PowerBar中国专业PPT设计交流论坛作者:findygirl1、掌握补间形状动画的制作原理；2、掌握补间形状动画的创建方法；3、掌握传统补间动画的制作原理；4、掌握传统补间动画的创建方法；【课堂学习目标】【案例学习目标】本案例将使用补间形状动画来制作一个文字演变过程的模拟动画。【案例知识要点】掌握补间形状动画的制作原理和创建方法。【课堂案例】—制作“汉字的演变”1、补间形状动画的制作原理补间形状动画是指在两个或两个以上的关键帧之间对形状进行补间，从而创建出一个形状随着时间的改变而变成另一个形状的动画效果。补间形状动画可以实现两个矢量图形之间颜色、形状、位置的变化，其原理如图所示。【理论知识】——制作补间形状动画【理论知识】——制作补间形状动画【提示】形状补间动画只能对矢量图形进行补间，要对组、实例、文本或位图图像应用补间形状，首先必须打散这些元素。2．补间形状动画的创建方法同一图层上，在绘制着不同矢量图形的两关键帧之间任选1帧，在该帧上单击鼠标右键，在弹出的快捷菜单中选择“创建补间形状”命令，如图所示，即可在两关键帧之间创建补间形状动画。【理论知识】——制作补间形状动画2．补间形状动画的创建方法如果两关键帧之中的任何一个关键帧中的内容不符合创建补间形状的要求或内容为空，将使创建补间形状动画失败，如图所示。【理论知识】——制作补间形状动画2．补间形状动画的创建方法如果两关键帧之中的任何一个关键帧中的内容不符合创建补间形状的要求或内容为空，将使创建补间形状动画失败，如图所示。【理论知识】——补间形状动画的制作原理3．认识补间形状动画的属性面板Flash的“属性”面板随选定的对象不同而发生相应的变化。当建立了一个补间形状动画后，单击时间轴，其“属性”面板如图所示。【理论知识】——补间形状动画的制作原理3．认识补间形状动画的属性面板在“补间”选项栏中经常使用的选项如下：（1）“缓动”参数在“缓动”参数中输入相应的数值，形状补间动画则会随之发生相应的变化。其值在-100～0之间时，动画变化的速度从慢到快。②其值在0～100之间时，动画变化的速度从快到慢。③缓动为0时，补间帧之间的变化速率是不变的。【理论知识】——补间形状动画的制作原理3．认识补间形状动画的属性面板在“补间”选项栏中经常使用的选项如下：（2）“混合”下拉列表框在“混合”下拉列表框中包含“角形”和“分布式”两个参数。①“角形”是指创建的动画中间形状会保留有明显的角和直线，这种模式适合于具有锐化转角和直线的混合形状。②“分布式”选项是指创建的动画中间形状比较平滑和不规则。【理论知识】——补间形状动画的制作原理1．绘制太阳（1）新建一个Flash文档，设置文档尺寸“470像素×600像素”，帧频为“12”，文档其他属性使用默认参数。（2）将默认的“图层1”重命名为“背景”，然后在图层的第100帧处插入帧。（3）执行“文件导入导入到舞台”命令，在弹出的“导入”对话框中选择“素材制作“汉字的演变”卷轴.jpg”文件,将其导入到舞台中。【课堂案例】—制作“汉字的演变”1．绘制太阳（4）设置图片的宽、高分别为“468”像素和“600”像素，并相对舞台居中对齐，使其刚好覆盖整个舞台，效果如图所示。【课堂案例】—制作“汉字的演变”1．绘制太阳（5）将“背景”图层锁定，在“背景”图层上新建图层并重命名为“日”。（6）利用【椭圆】工具在“日”图层上绘制一个圆形，设置圆的宽高都为“80”像素，并设置圆的位置，如图所示。【课堂案例】—制作“汉字的演变”1．绘制太阳（7）选中绘制的“圆”，在“颜色”面板中设置“笔触颜色”为“无”，“