flash补间动画.ppt

1、1,Flash补间动画,2,2,教师信息,教师：柳青 电子信箱： L 办公室：学院楼418 电话： 67703852,3,目的、难点和重点,目的： 掌握Flash的形状补间动画制作； 掌握Flash的动画补间动画制作； 区分形状补间动画与动画补间动画； 掌握形状补间与动画补间动画综合运用； 重点： 形状补间动画与动画补间动画花的区别； 动画补间动画的参数设置：旋转、运动快慢、元件属性的修改等； 分段分层的综合补间动画； 难点： 对文字或图形的分离操作 过渡帧与关键帧，如何设置补间动画的关键帧 补间参数的设置 不同补间动画之间的衔接,4,形状补间动画的原理,基本概念 通过形状补间动画，可以创建类

2、似于形变的效果，使一个形状随着时间的推移变成另一个形状。 形状补间动画形成位置、大小和颜色的变化。 形状补间动画的特点 形状补间动画的对象必须是分离的 元件、组合、文字需要分离 有的对象需要分离多次，如文字 绘图工具绘制的图形就是分离的,5,创建形状补间动画,形状补间动画的创建步骤 在动画开始处创建一个关键帧，并放入需要变形的对象 在动画结束处创建一个关键帧，并放入变形后的对象 选择两关键帧之间任何一帧，在属性面板上设置“补间”为 “形状” ，创建形状补间动画,6,形状补间动画的表现形式,形状补间动画头尾必须是关键帧，两关键帧中间被带有一个黑箭头和浅绿背景的中间过渡帧分开 如果两关键帧中间的黑

3、箭头变为虚线，代表形状补间动画创建错误 缺少开始或结束关键帧 对象分离或没有彻底分离。,7,形状补间动画参数设置,“缓动”选项 在1到 -100 的负值之间，动画运动的速度从慢到快，朝运动结束的方向加速度补间。 在1 到 100 的正值之间，动画运动的速度从快到慢，朝运动结束的方向减速度补间。 默认情况下为0，补间帧之间的变化速率是不变的。 “混合”选项 角形：创建的动画中间形状会保留有明显的角和直线，适合于具有锐化转角和直线的混合形状。 分布式：创建的动画中间形状比较平滑和不规则。,8,课堂示例1_我爱奥运会,题目： 红心逐渐变成奥运中国印图案 。 知识点： 关键帧中元件的分离。 形状补间动

4、画。,9,关键步骤,打开“我爱奥运会.fla”。 在第1帧的舞台中央绘制红色心型图案。 在第30帧插入空白关键帧，将库中元件“中国印”拖放到舞台中央，并分离。 选择第1帧到第29帧中的某一帧，设置补间属性为“形状”，并拖动“简易”滑动条设定动画的加速度。,10,课堂示例2：雪人大变身,题目1 打开“雪人大变身”目录下的“小小雪人大变身.fla”文件，制作效果请参看“小小雪人大变身样张.swf”，要求： 雪球从左边上下弹跳进入到舞台中央并停留一段时间，要求弹跳效果明显； 雪球向左上，右上各伸展一段时间后变成雪人并停留一段时间，每个变形动作大约持续5帧。 保存文件并导出为“小小雪人大变身.swf”

5、 知识点： 分段进行形状补间动画 动画分层,11,简单提示,在第1关键帧，绘制圆形雪球，放在舞台左边外侧； 以后每隔5帧，创建一个关键帧，修改相应关键帧中雪球的位置，使雪球位置上下间隔，制作雪球的弹跳效果；想要弹跳效果明显，请适当改变雪球压瘪的形状； 弹跳效果之后，雪球进入舞台中央，以后每隔5帧，创建一个关键帧，修改相应关键帧中雪球的形状，制作雪球向左上，右上的伸展动作； 最后插入一帧，放入雪人，制作变成雪人的动画，并使其停留一段时间。,12,时间轴参考,请注意有些帧是同样的，有些帧可以通过变形得到，并注意雪球位置的改变,13,雪球变形参考形状,第1帧,第5帧,第10帧,第15、20、30、4

6、0帧,第25帧,第35帧,第45帧,14,雪人大变身改进版,题目2 改进小小雪人大变身，制作效果请参看“小小雪人大变身改进样张.swf”，要求： 比较雪球变成雪人的效果有什么不同。 天空由黑逐渐变成下蓝上白的线性渐变色。 知识点： 形状提示点 修改形状添加形状提示 视图显示形状提示 形状补间的应用,15,雪球和雪人上的形状提示点,16,天空变形形状参考,第1帧,第45帧,17,小小雪人大变身改进的时间轴参考,18,动画补间动画的原理,基本概念 给一个元件对象在两个关键帧分别定义不同的属性，如颜色、大小、方位、角度等 在两个关键帧之间建立一种变化关系 位移首尾关键帧中元件位置改变 缩放首尾关键帧

7、中元件大小的 旋转 扭曲变形 颜色渐变等首尾关键帧中元件的颜色、alpha值等发生改变 动画补间动画的特点 只对单一的对象有效，如元件、组合、文本块等 分离的图形不能进行动画补间,19,创建动画补间动画,动画补间动画的创建步骤 在动画开始处创建一个关键帧，并放入对象 在动画结束处创建一个关键帧，并放入改变属性后的对象 选择两关键帧之间任何一帧，在属性面板上设置“补间”为“动画” ，创建动画补间动画,20,动画补间动画的表现形式,动画头尾必须是关键帧，两关键帧中间被带有一个黑箭头和浅蓝背景的中间过渡帧分开 如果两关键帧中间的黑箭头变为虚线，代表动画补间动画创建错误 缺少开始或结束关键帧 对象是分

8、离的,21,动画补间动画的参数,补间：设置补间动画的类型或者删除补间动画 缩放：若想实现元件或组的尺寸变化要选中此项 旋转：实现元件或组的旋转，填入的数值介于0到65535之间 调整到路径：使元件或组按照指定的路径有方向的进行运动 缓动：使动画补间不按照匀速运动 同步：使影片剪辑元件动画在主动画中能准确的完成循环 对齐：可使某一对象在某一帧处对齐到引导线的位置,22,课堂示例3_世博会宣传动画,题目：制作世博会宣传动画，要求海宝由小变大渐渐出现到地球上，海宝在地球上翻转1圈，与此同时地球不断旋转，效果参见“世博会宣传动画样张.swf”。 知识点： 多图层分段动画 由小到大、渐渐出现、旋转等效果

9、的实现,23,关键步骤,打开“世博宣传动画.fla” 地球转动动画设置 在第1帧将库中地球元件拖到舞台中央 在第30帧插入关键帧 创建动画补间动画，并设置“旋转”参数，旋转方向为顺时针，旋转圈数为1圈 海宝跳到地球上动画设置 在第1帧将库中海宝拖到舞台的左上角，改变海宝大小 在第15帧插入关键帧，将海宝拖到地球上 选择第1帧设置Alpha值为20% 创建动画补间动画，并设置“缓动”值为100 海宝旋转动画设置 在第30帧插入关键帧 创建动画补间动画，并设置“旋转”参数，旋转方向为顺时针，旋转圈数为1圈 地球与海宝处于不同的图层中,参数说明 “缓动”值参数 负值加速运动，慢快 正值减速运动，快慢

10、 零匀速运动 绝对值越大，加速度越大 “Alpha”值参数 0%-100% 0%为完全透明 “旋转”参数 旋转方向(顺时针、逆时针) 旋转圈数,24,改进：世博会宣传动画综合,题目：要求在示例3基础上，完成下列动画 海宝绕地球旋转1圈， 海宝变成文字“城市让生活更美好” 效果参见“世博会宣传动画综合样张.swf”。 知识点： 多图层分段动画 旋转效果的实现 动画补间动画与形状补间动画的衔接,25,关键步骤,海宝绕地球旋转1圈动画设置 在第31帧插入关键帧 运用“自由变形工具”，将海宝的变形点拖动到地球中心 在第45帧插入关键帧 创建动画补间动画，并设置“旋转”参数，旋转方向为顺时针，旋转圈数为

11、1圈 海宝变成文字动画设置 在第46帧插入关键帧，将海宝分离 在第60帧插入空白关键帧，输入文字并分离 创建形状补间动画 所有图层动画或背景持续到第80帧,26,思考题,为什么“海宝绕地球旋转1圈”和“海宝变成文字”这两段动画的首关键帧不能和前一段动画的尾关键帧共用？,27,课堂示例4：万科白马花园,题目：制作楼盘宣传海报动画，要求花园图片淡出式切换，文字出现的效果参见“万科白马花园样张.swf”,其中文字“万科白马花园”颜色变化为绿、红、蓝、湖蓝、粉红。保存为“万科白马花园.fla”，导出为“万科白马花园.swf”。 文档大小700*400，图片大小300*400 ，背景黑色。 知识点： 多图层分段动画 alpha值的设置 翻转效果的设置 对象出现的时机,28,时间轴参考,29,形状补间动画和动画补间动画区别,形状补间动画的制作要点： 首尾必须是关键帧 首尾关键帧中是彻底分离的对象； 利用工具绘制的