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