第四章-制作Flash补间动画经典详细教程PPT课件

起始关键帧 设置传统补间 终止关键帧
同一元件
同一元件
• 要素：首尾两个关键帧，中间插入传统补间
• 要求：首尾两个关键帧中必须是同一个元件对象
• 特点：尾帧中改变的实质上只是这个元件的属性：如，大小、位置、颜色 、透明度等等
• 关于帧上补间的其他一些属性设置：
• 旋转：设置移动过程中的旋转：可以顺时针或逆时针（如，渐变小球滚动）
.
13
例6：秀标题：线段开合带出文字与图片
设置Flash文档：780*450像素，白色背景 1）层1（line）：线段在中部从一点展开 2）层2 （line down）： 线段1下移 3）层3 （line up）： 同时，线段2上移 4）层4（p1,图片1）：人物图片淡入+左移 5）层5（t1，文本1）：欢迎文本从一点处放大出现，暂停片刻 6）层6（p2 ,图片2 ）：星形图片旋转着由小到大从左侧进入，同时，层5的人物 图片淡出
.
11
例5 动态秀文字 – 文字剪影向外发散
设置文档 550*200,12fps，背景黑色 1）层1（制作人文本）： "制作人：黄荧"，放在右下角 2）层2（标题文本）：大标题从舞台上方移入+稍微放大 3）层3（标题剪影左移淡出）：在15帧处插入关键帧，复制标题在其中作为剪影， 左移淡出. 4）层4（标题剪影右移淡出）：在15帧处插入关键帧，复制标题在其中作为剪影， 右移淡出. 5）Ctrl+Enter,测试影片
---- 多媒体课件制作
FFLLAASSHH CCSS55课课件件制制作作初初步步
.
1
第4章 制作Flash 补间动画
常用的补间动画
1）传统运动补间动画 2）形状补间动画 3）引导层补间动画 – 沿制定路径移动的补间动画 4）FlashCS4以后添加的补间动画 5）遮罩补间动画
.
2
4.1 传统运动补间动画
打散的对象
打散的对象
• 要素：首尾两个关键帧，中间插入形状补间
• 要求：首尾两个关键帧中内容必须是打散的对象。即，形状
• 特点：首尾帧两个关键帧中内容可以是不同的对象，甚至可以是多个对象，但 都必须是打散的。利用【绘图纸外观】按钮，可以得到左边效果。俗称洋葱皮效 果。
• 例 1）红圆变蓝方 2）1圆变2圆 3）花变“欢度春节”
• 要求：首关键帧中必须是一个元件对象 • 特点：可以随意调整移动路径，还可以在首关键帧后做多个移动节点
.
9
实例 秀文字标题
例1：秀文字：文本从左端进入舞台中央，暂停片刻，缩小、放大归位，文本从右端 移出舞台。 例2：秀标题：主标题从上方旋转移入，暂停片刻，放大、再缩小归位。副标题淡出。 例3：秀标题：线段从一点生长出来，标题从线下方切出。
.
12
例6 动态秀文字 – 旋转洋葱头文字效果
• 步骤1：设置文档 550*200,40fps • 步骤2：制作两个文本mc: "ONLON SKIN" – 洋葱皮，琥珀字体、字号：40
•文本1（文字带边沿），文本2（文字不带边沿） -- 文字打散 • 步骤3：编辑主场景
• 层1（旋转文本1）：文本1_mc,50帧动画，逆时针旋转1周 • 层2（旋转文本2）：文本2_mc,2帧空白，50帧动画，逆时针旋转1周，透明 度设为50 • 层3（旋转文本2）：文本2_mc,4帧空白，50帧动画，逆时针旋转1周，透明 度设为45 • 层4-层9（旋转文本2）：文本2_mc,每次增加两帧空白，动画相同，透明度 依次减5 • 步骤4：Ctrl+Enter,测试影片
-- 特别：线段必须先做成元件，再做补间动画，否则会出现问题的。
例1：
左移入
缩小+放大归位
右移出
例2：
上方旋转移入 放大+缩小归位
淡入淡出
例3：
线生长
文字切出
.
10
例5 霓虹变色文字
设置文档 550*200,12fps，背景黑色 1）直线变填充，然后柔化：向外5，10，转为元件。 2）文字打散，向内柔化：5，5，转为元件。 3）60帧传统补间：15帧一变色：红、绿、黄、蓝、红 方法2：做成元件，用模糊滤镜或同色的发光滤镜，但不如方法1效果好。
• 形状提示 菜单：修改|形状|添加形状提示
• 通过在“开始帧”和“结束帧”中添加相对应的形状提示点，
可以控制形状变化过程
.
5
4.3 沿路径的补间动画
• 要素：在传统补间动画的基础上附加一个运动引导层，运动引导层起 到设置运动路径的导向作用。
• 特点：实现沿路径移动
.
6
例11沿椭圆走的小松鼠
• 层1（小松鼠）：导入小松鼠gif到库，将自动生成的动画元件改名为小松鼠。拖入 舞台调整好大小，如下图所示建立60帧传统移动补间动画，30帧面向右从左走向右， 30帧面向左（用形变工具水平翻转），从右走向左。 • 层2（路径）：用椭圆工具画一个椭圆作为路径 • 复制层2，粘贴得到层3（显示路径）：将层3拖至最底层。 • 选中层2 （路径）利用右键菜单设置其为"引导层"，并用橡皮工具擦出一个小口， 如图。 • 选中层1（松鼠）中第1帧中松鼠拖至路径的起点，选中第30帧中松鼠拖到路径的右 端，类似，将第30帧中和第60帧中松鼠拖到路径上的合适位置。 • 将最底层的要显示的路径，下移到合适位置 • Ctrl+Enter,测试影片 • 拓展：加一个 层3（按钮）：从公用库中拖入两个按钮，分别附加动作：
on (release) { stop(); }
和 on (release){ play(); }
然后再测试影片。
没选此项！你试一试，如果选
了，小松鼠大头朝前，像是游泳
.
的动作。
7
4.4 CS4后新增的补间动画功能
起始关键帧 元件等整体
添加补间动画
属性关键帧 (补间动画结点)
• 要素：只需一个首关键帧，并在其后的普通帧中拖动其中元件，即生 成补间动画结点及相应移动路径
• 调整到路径：即，使得元件的某一端一直对着移动的前方（如，飞机沿椭圆轨 道移动）
• 缓动： 0 元件匀速移动（默认）
• 100 元件移动渐慢
ቤተ መጻሕፍቲ ባይዱ
• -100 元件移动渐快
.
3
缓动实例：弹动的笑脸
• 层1（笑脸）：用椭圆工具和直线工具画出笑脸，并转化为元件。“ 直接复制”为哭脸元件再修改，泪滴用刷子工具绘制。
• 1-23帧为 “笑脸下落到舞台底部”的补间动画，补间缓动：-100 • 24-26帧是帧逐渐挤扁的哭脸 • 26-50帧为 “笑脸弹升到舞台上部”的补间动画，补间缓动：100
• 层2（阴影）：1-25帧为阴影收缩的效果， 25-50帧为阴影放大效果
.
4
4.2 形状补间动画
起始关键帧 设置形状补间 终止关键帧