Flash cs6动画制作扫盲教程:[6]补间形状提示
1、我们先做一个补间形状动画,这个动画我们要做的是数字1向数字2的变化,其结果如图
![Flash cs6动画制作扫盲教程:[6]补间形状提示](https://exp-picture.cdn.bcebos.com/777f3fc2bbd6e1d0316011d40d254193cfe8afdd.jpg)
2、首先打开Flash 新建一个ActionScript3.0文件。
![Flash cs6动画制作扫盲教程:[6]补间形状提示](https://exp-picture.cdn.bcebos.com/2083a5d6e1d06de8c7e90d90ca93cee8b104acdd.jpg)
3、从工具面板选择文字工具(或按快捷键T),设置相关属性,然后在场景左侧输入数字1
![Flash cs6动画制作扫盲教程:[6]补间形状提示](https://exp-picture.cdn.bcebos.com/ba97ffd06de89a61d8adca2645e8b004551baddd.jpg)
4、然后选择数字1,在修改菜单中选择分离(或直接按CTRL+B),将文字打散。如下面第二张图为打散状态。
![Flash cs6动画制作扫盲教程:[6]补间形状提示](https://exp-picture.cdn.bcebos.com/e09173e89a6186251e1b455d3b04541bd00faadd.jpg)
5、在同一层第10帧插入一个空白关键帧(快捷键F7)
![Flash cs6动画制作扫盲教程:[6]补间形状提示](https://exp-picture.cdn.bcebos.com/6ca9846186254193ae603bb1df1bd10ff326abdd.jpg)
6、使用文字工具,按第3步的方法在场景右侧输入数字2,然后按CTRL+B将其打散。
![Flash cs6动画制作扫盲教程:[6]补间形状提示](https://exp-picture.cdn.bcebos.com/9b2098254193cee8d18cdfae5a0ff2260c9aa8dd.jpg)
![Flash cs6动画制作扫盲教程:[6]补间形状提示](https://exp-picture.cdn.bcebos.com/2f2909e951e10ef8e5df5e882324d8e9cdd2cc22.jpg)
7、选择第一帧,然后点右键,选择创建补间形状动画。
![Flash cs6动画制作扫盲教程:[6]补间形状提示](https://exp-picture.cdn.bcebos.com/16a84fe10ef858566bb4239153e9ccd2ba66cd22.jpg)
8、打开绘图纸外观(洋葱皮效果按钮)按钮,然后调整右键控制柄,使其包含1-10帧,这时我们可以看到场景中会显示1是如何过渡到2的。
![Flash cs6动画制作扫盲教程:[6]补间形状提示](https://exp-picture.cdn.bcebos.com/50a010f85856d53d17ad535c47d2bb665059ca22.jpg)
9、在上面的过渡中我们发现,在1过渡到2的过程中,数字的变化并不理想,如何让变化可控呢,请看下一步。
![Flash cs6动画制作扫盲教程:[6]补间形状提示](https://exp-picture.cdn.bcebos.com/0fb94656d53da82418604767306651598440cb22.jpg)
10、关闭绘图纸外观(洋葱皮效果按钮)按钮,选择数字1,在修改菜单中选择形状-添加形状提示
![Flash cs6动画制作扫盲教程:[6]补间形状提示](https://exp-picture.cdn.bcebos.com/5917cb3da824d8e90d5b30d3da598540112ac822.jpg)
11、我们可以看到第一帧和第十帧上会出现一个小小的红色的圈a
![Flash cs6动画制作扫盲教程:[6]补间形状提示](https://exp-picture.cdn.bcebos.com/d47cb624d8e9ccd279efdaec0e40102a05e2c922.jpg)
![Flash cs6动画制作扫盲教程:[6]补间形状提示](https://exp-picture.cdn.bcebos.com/a965c6e9ccd2bb6692d00ef59b2a04e23fa2c622.jpg)
12、在第1帧和第10帧分别把它们移动到数字1和2的相应位置,其实要实现的就是1上的a处会在过渡中变化到2上的a点所在。
![Flash cs6动画制作扫盲教程:[6]补间形状提示](https://exp-picture.cdn.bcebos.com/d9a8d2d2bb66515941c99b9f8fe23ea23b42c722.jpg)
![Flash cs6动画制作扫盲教程:[6]补间形状提示](https://exp-picture.cdn.bcebos.com/cd93a56651598540d5a38f57b5a23a42a17ac422.jpg)
13、使用相同的方法我们再多加几个形状提示来控制动画。
![Flash cs6动画制作扫盲教程:[6]补间形状提示](https://exp-picture.cdn.bcebos.com/ba274f598540102ac26bb517b142a07aa110c522.jpg)
![Flash cs6动画制作扫盲教程:[6]补间形状提示](https://exp-picture.cdn.bcebos.com/35fa07efa25f0c1413f259370d89a146b6b13823.jpg)
14、此时我们再打开洋葱皮效果观察整个动画,可以看到从1到2的过渡已经变的平滑了。由此可见,通过添加形状提示,可以更好的控制补间形状动画的变化,这个方法不但适用于文字,也适用于图形的变化,使用比较灵活。
![Flash cs6动画制作扫盲教程:[6]补间形状提示](https://exp-picture.cdn.bcebos.com/18aebc5f0c14c27b000b0d3c2a46b7b1eff93923.jpg)