补间形状动画

1.3
Flash动画设计与制作
制作条件
制作形状补间动画需要具备以下3个条件：
1. 在一个形状补间动画中至少有两个关键帧。
2. 这两个关键帧中的对象必须是可编辑图形，如果是其他类 型的对象，则必须将其转换为可编辑的图形。 3.这两个关键帧中的图形必须有一些变化，否则制作的动画 将没有动的效果。
1.4
1.25
Flash动画设计与制作
制作“翻书效果”动画 1. 制作封底
新建图层“封底”，在第 1 帧 处使用矩形工具绘制封底矩形 （黑色），并绘制一个小的内 页矩形（蓝色）放臵其上方， 在第90帧处插入帧（F5）。
1.26
Flash动画设计与制作
制作“翻书效果”动画 2. 制作封面
•新建图层“封面”，在第1帧 处使用矩形工具绘制矩形（橙 色，与封底一样大小），放臵 在封底上方，并对齐。 •在 第 15 帧 处 插 入 关 键 帧 （F6），修改矩形为棱形。 •选 1-15 之间的任意帧，添加 补间形状
1.11
Flash动画设计与制作
动画属性设置
补间形状动画的属性通过
【属性】面板的【补间】选项进
行设臵。 首先选择已经创建补间形状 动画两个关键帧之间的任意一帧， 然后展开【属性】面板。
1.12
Flash动画设计与制作
动画属性设置
（1）缓动：默认情况下，过渡帧之间的变化速率是不变的， 可以调整变化速率，创建更为自然地由慢到快的加速或先快后 慢的减速效果 【取值】 0 ：默认，匀速 -100-0 :加速 0-100 ：减速 （2）混合：共有两种选项“分布式”、“角形”
补间形状帧
1.6
Flash动画设计与制作
未成功创建的形状补间帧
【未完成或中断的渐变】
如果补间动画出现错误，则本应出现的实线箭 头符号显示为虚线。
未完成或中断的渐 变
1.7
Flash动画设计与制作
使用形状提示控制形状变化
在制作形变动画时，如何要控制较为复杂的形变，则会出 现变化过程杂乱无章的情况。 这时，可以通过添加形状提示，控制形状变化。 形状提示是一个有颜色的实心小圆，上面标志着小写的英 文字母，用于识别起始形状和结束形状中相对应的点。对于每 一个形变过程，可以为它添加26个形状提示，从a标记到z标记， 实际上只用几个就够了。 在制作形状补间动画时，如果使用形状提示在开始和结束 形状中选择公共点，这些公共点在过渡形状中保持不变，这样 就可以较为精确地控制整个形变过程。
1.27
Flash动画设计与制作
制作“翻书效果”动画 2. 制作封面
•在 第 16 帧 处 插 入 关 键 帧 （F6），将菱形水平翻转，并 移动到封底左侧。 •在第 30 帧处插入关键帧，将
第 1 帧处的矩形复制粘贴过来，
并对齐。 •选16-30之间的任意帧，添加 Leabharlann Baidu间形状
1.28
Flash动画设计与制作
2. 新建一个图层“颜色”，内容：画一个颜色条长宽刚好 和框的大小一致
3. 在第50帧处插入关键帧，将颜色条的宽度调整为和“框” 的宽度一样 4. 在第1帧和第50帧之间的任意一帧处单击右键，选择 【创建补间形状】
1.24
Flash动画设计与制作
制作“翻书效果”动画
图7-35 制作完成的封面
图7-36 入库后的封面
制作“日月变换”动画 【步骤】
1. 新建Flash文件，然后设臵影片的属性，包括背景色和屏 幕大小 2. 在时间轴窗口选择当前图层，然后单击选择一空白单元 格，按F6键，建立起始关键帧。如果是第一帧，可省去 此操作 3. 选择工具箱中的工具绘制图形，作为补间形状的起始图 形。在本例中，选用椭圆工具、选择工具、颜料桶工具 绘制月牙
1.9
Flash动画设计与制作
创建补间形状动画
当满足了制作条件后，就可以制作补间形状动画。 可以通过右键菜单，也可以通过菜单命令，两者相比，前 者更方便快捷，比较常用。 1.通过右键菜单创建补间形状动画
选择同一图层的两个关键帧之间的任意一帧，单击鼠标右 键，在弹出的菜单中选择【创建补间形状】命令。
制作“翻书效果”动画 3. 制作内页
•新建图层“内页1”，在第31 帧处插入关键帧（F6），将内 页矩形复制粘贴过来。 •在 第 45 帧 处 插 入 关 键 帧
（F6），修改矩形为棱形。
•选31-45之间的任意帧，添加 补间形状
1.29
Flash动画设计与制作
制作“翻书效果”动画 3. 制作内页
2.通过菜单创建补间形状动画
选择同一图层的两个关键帧之间的任意一帧，单击菜单 【插入】|【补间形状】命令。
1.10
Flash动画设计与制作
删除补间形状动画
如果想删除创建的补间形状动画，可以通过右键菜单，也 可以通过菜单命令，两者相比，前者更方便快捷，比较常用。 1.通过右键菜单删除补间形状动画 选择已经创建补间形状的两个关键帧之间的任意一帧，单 击鼠标右键，在弹出的菜单中选择【删除补间】命令。 2.通过菜单命令删除补间形状动画 选择已经创建补间形状的两个关键帧之间的任意一帧，单 击菜单【插入】|【删除补间】命令。
1.17
Flash动画设计与制作
制作“日月变换”动画 【步骤】
4. 在第30帧处插入关键帧，使用椭圆工具绘制太阳 5. 在两个关键帧中任选一帧，单击右键选择“创建补间形 状” 6. 出现浅绿色填充的箭头即可
1.18
Flash动画设计与制作
制作“文字变形”动画
1.19
Flash动画设计与制作
制作“文字变形”动画
【技巧】先使用【修改】|【分离】将要变形的文字打散（出 现网格点），再进行补间形状设置，方法同几何变形。 (1) “分离”命令 (2) “分散到图层”命令
文字对象分散到图层
Flash动画设计与制作
1.20
给“日月变换”动画添加形变提示
1.21
Flash动画设计与制作
给“日月变换”动画添加形变提示 1. 添加变形提示关键点
Flash动画设计与制作
补间形状动画的分类 【几何形变】
指直接用绘图工具绘制出来的几何形状之间的变形动画。
【文字形变】
符号实例创建补间形状动画，前提是将文字或符号实 例选择“修改”→“打散”命令，打散后分离成的形状。
1.5
Flash动画设计与制作
成功创建的形状补间帧
【补间形状动画帧】
创建成功的的补间形状动画在两个关键帧之间 绘制一个浅绿色背景填充的实线箭头。
【分布式】：创建的动画中间形状更为平滑
【角 形】：创建的动画中间形状会保留明显的角和直线
1.13
Flash动画设计与制作
形状提示点制作方法
【步骤】 1.选择开始关键帧，单击【修改】|【形状】|【添加形状提 示】，可添加一个提示点，再次选择可继续添加提示点 2.调整控制点到合适位臵，提示点变黄色 3.选择结束关键帧，重复步骤1、2，提示点变绿色
1.8
Flash动画设计与制作
注意事项
1 、补间形状动画只能作用于形状（要对组合、实例、位图
或文本对象应用形状补间动画，必须先将这些对象分离
为形状） 2、形状间的渐变只能在同一图层 3 、在复杂的形状补间动画中，最好创建中间形状然后再进 行补间，而不要只定义起始和结束的形状。
4、在起始和结束的形状中，形状提示的顺序必须是一致的。
单击【修改】|【形状】|【添加形状提示】，出现提示点a 连续执行该命令，可添加更多提示点 快捷键（Ctrl+Shift+H）
2. 调整变形提示关键点
鼠标拖拽可以调整提示点位臵
1.22
Flash动画设计与制作
制作“进度条”动画
1.23
Flash动画设计与制作
制作“进度条”动画 【步骤】
1. 图层1命名为“框”，编辑内容：一个进度条的框和文 字loading
补间形状动画
本章内容 4.1 4.2 4.3 补间形状动画的基本概念 补间形状动画的制作方法 补间形状动画实例
1.2
Flash动画设计与制作
什么是补间形状动画 补间形状动画用于创建形状变化的动画效果， 使一个形状变成另一个形状，同时也可以设臵图形 形状位臵、大小、颜色的变化。 只要创建出两个关键帧中的对象，其他过渡帧 便可以通过Flash自己制作出来。
•在 第 46 帧 处 插 入 关 键 帧 （F6），将菱形水平翻转，并 移动到封底左侧。 •在第 60 帧处插入关键帧，将
第31帧处的矩形复制粘贴过来，
并对齐。 •选46-60之间的任意帧，添加 补间形状
1.30
Flash动画设计与制作
更为复杂的翻书效果制作关键界面
1.31
Flash动画设计与制作
提示：如果开始关键帧和结束关键帧的形状提示点没有变黄 或变绿，则说明这个形状提示点没有在两个帧中对应起来。
1.14
Flash动画设计与制作
形状提示点制作实例 【正方形变心形】
添加提示点前
添加提示点后
1.15
Flash动画设计与制作
制作“日月变换”动画 【课堂实例——日月变换】
1.16
Flash动画设计与制作