第四章-制作Flash补间动画经典详细教程.pptVIP

第4章 制作Flash 补间动画 4.1 传统运动补间动画 缓动实例：弹动的笑脸 4.2 形状补间动画 4.3 沿路径的补间动画 例11沿椭圆走的小松鼠 实例12 沿文字边沿走的星星 4.4 CS4后新增的补间动画功能 实例 秀文字标题 例5 霓虹变色文字 例5 动态秀文字 – 文字剪影向外发散 例6 动态秀文字 – 旋转洋葱头文字效果 例6：秀标题：线段开合带出文字与图片 实例 秀图片 实例：碰撞 Flash动画的相关重要概念 例 旋转的三棱锥 　onion skin：洋葱皮 FLASH CS5课件制作初步 FLASH CS5课件制作初步 ---- 多媒体课件制作 常用的补间动画 1）传统运动补间动画 2）形状补间动画 3）引导层补间动画 – 沿制定路径移动的补间动画 4）FlashCS4以后添加的补间动画 5）遮罩补间动画 要素：首尾两个关键帧，中间插入传统补间 要求：首尾两个关键帧中必须是同一个元件对象 特点：尾帧中改变的实质上只是这个元件的属性：如，大小、位置、颜色、透明度等等 关于帧上补间的其他一些属性设置： 旋转：设置移动过程中的旋转：可以顺时针或逆时针（如，渐变小球滚动） 调整到路径：即，使得元件的某一端一直对着移动的前方（如，飞机沿椭圆轨道移动） 缓动： 0 元件匀速移动（默认） 100 元件移动渐慢 -100 元件移动渐快 起始关键帧 终止关键帧 同一元件 设置传统补间 同一元件 层1（笑脸）：用椭圆工具和直线工具画出笑脸，并转化为元件。“直接复制”为哭脸元件再修改，泪滴用刷子工具绘制。 1-23帧为 “笑脸下落到舞台底部”的补间动画，补间缓动：-100 24-26帧是帧逐渐挤扁的哭脸 26-50帧为 “笑脸弹升到舞台上部”的补间动画，补间缓动：100 层2（阴影）：1-25帧为阴影收缩的效果， 25-50帧为阴影放大效果 起始关键帧 终止关键帧 打散的对象 设置形状补间 打散的对象 要素：首尾两个关键帧，中间插入形状补间 要求：首尾两个关键帧中内容必须是打散的对象。即，形状 特点：首尾帧两个关键帧中内容可以是不同的对象，甚至可以是多个对象，但都必须是打散的。利用【绘图纸外观】按钮，可以得到左边效果。俗称洋葱皮效果。 例 1）红圆变蓝方 2）1圆变2圆 3）花变“欢度春节” 形状提示 菜单：修改|形状|添加形状提示 通过在“开始帧”和“结束帧”中添加相对应的形状提示点， 可以控制形状变化过程 要素：在传统补间动画的基础上附加一个运动引导层，运动引导层起到设置运动路径的导向作用。 特点：实现沿路径移动 没选此项！你试一试，如果选了，小松鼠大头朝前，像是游泳的动作。 没选此项！你试一试，如果选了，小松鼠大头朝前，像是游泳的动作。 层1（小松鼠）：导入小松鼠gif到库，将自动生成的动画元件改名为小松鼠。拖入舞台调整好大小，如下图所示建立60帧传统移动补间动画，30帧面向右从左走向右，30帧面向左（用形变工具水平翻转），从右走向左。 层2（路径）：用椭圆工具画一个椭圆作为路径 复制层2，粘贴得到层3（显示路径）：将层3拖至最底层。 选中层2 （路径）利用右键菜单设置其为引导层，并用橡皮工具擦出一个小口，如图。 选中层1（松鼠）中第1帧中松鼠拖至路径的起点，选中第30帧中松鼠拖到路径的右端，类似，将第30帧中和第60帧中松鼠拖到路径上的合适位置。 将最底层的要显示的路径，下移到合适位置 Ctrl+Enter,测试影片 拓展：加一个 层3（按钮）：从公用库中拖入两个按钮，分别附加动作： on (release) { stop(); } 和 on (release){ play(); } 然后再测试影片。 设置文档 黑色背景，12fps，制作如右下角图的星星元件 层1（显示的字母路径）：输入一个较大的M字母，打散，利用【墨水瓶】工具，给字母加上淡黄边，选择字母内部删除，得到所要的空心字 层2（星星）：从库中拖入星星元件到M得左上角，将其缩放到合适大小。如下图所示建立80帧传统移动补间动画，并设置旋转几圈。 复制层1，粘贴得到层3（实际路径）： 用【橡皮】工具将M路径擦出一个小口，利用右键菜单设置其为引导层，拖层3置其管辖之下。 选中层2（星星）中第1帧中星星拖至路径的起点，选中第80帧中星星拖至路径的终点 Ctrl+Enter,测试影片 要素：只需一个首关键帧，并在其后的普通帧中拖动其中元件，即生成补间动画结点及相应移动路径 要求：首关键帧中必须是一个元件对象 特点：可以随意调整移动路径，还可以在首关键帧后做多个移动节点 起始关键帧 元件等整体 添加补间动画 属性关键帧 (补间动画结点) 例1：秀文字：文本从左端进入舞台中