补间形状提示是制作精确补间形状动画的一把利器,但这个工具很多人闲麻烦很少使用。大家在做补间形状动画的时候经常会发现一个问题,那就是由计算机补上的内容随机性比较大,有时候图形的变化不是按我们想要的方式去变化,这时候就要考虑应用补间形状提示了。
工具/原料
Flash cs6
补间形状提示
方法/步骤
1、 我们先做一个补间形状动画,这个动画我们要做的是数字1向数字2的变化,其结果如图
![Flash cs6动画制作扫盲教程:[6]补间形状提示](/d/file/p/2020/07-17/36a253efdf6fa931b0e5c6004a93f067.jpg)
2、首先打开Flash 新建一个ActionScript3.0文件。
![Flash cs6动画制作扫盲教程:[6]补间形状提示](/d/file/p/2020/07-17/b4469ddb112c3c83f4e8c83329b12df2.jpg)
3、从工具面板选择文字工具(或按快捷键T),设置相关属性,然后在场景左侧输入数字1
![Flash cs6动画制作扫盲教程:[6]补间形状提示](/d/file/p/2020/07-17/b69a4fea9b19e7dbf0259d2da1cc4801.jpg)
4、然后选择数字1,在修改菜单中选择分离(或直接按CTRL+B),将文字打散。如下面第二张图为打散状态。
![Flash cs6动画制作扫盲教程:[6]补间形状提示](/d/file/p/2020/07-17/a54611910a38ad91d028a5bf20c32740.jpg)
5、在同一层第10帧插入一个空白关键帧(快捷键F7)
![Flash cs6动画制作扫盲教程:[6]补间形状提示](/d/file/p/2020/07-17/9bbfa9aa2601770109e64df173df4783.jpg)
6、使用文字工具,按第3步的方法在场景右侧输入数字2,然后按CTRL+B将其打散。
![Flash cs6动画制作扫盲教程:[6]补间形状提示](/d/file/p/2020/07-17/6313a51ba3f9ebf9b9b5d2a2aaea8b8c.jpg)
![Flash cs6动画制作扫盲教程:[6]补间形状提示](/d/file/p/2020/07-17/965486b35997e916b2e2e69ba257bb2f.jpg)
7、选择第一帧,然后点右键,选择创建补间形状动画。
![Flash cs6动画制作扫盲教程:[6]补间形状提示](/d/file/p/2020/07-17/2afbf0e839fc4e12bd98992e76084634.jpg)
8、打开绘图纸外观(洋葱皮效果按钮)按钮,然后调整右键控制柄,使其包含1-10帧,这时我们可以看到场景中会显示1是如何过渡到2的。
![Flash cs6动画制作扫盲教程:[6]补间形状提示](/d/file/p/2020/07-17/ddf862520fb44a53d2d862f31d6c31a0.jpg)
9、在上面的过渡中我们发现,在1过渡到2的过程中,数字的变化并不理想,如何让变化可控呢,请看下一步。
![Flash cs6动画制作扫盲教程:[6]补间形状提示](/d/file/p/2020/07-17/94c2d5f4fdc024be4d121ca3a685ab4f.jpg)
10、关闭绘图纸外观(洋葱皮效果按钮)按钮, 选择数字1,在修改菜单中选择形状-添加形状提示
![Flash cs6动画制作扫盲教程:[6]补间形状提示](/d/file/p/2020/07-17/a126528f3b84e843ccbc4c8c9e6d60a2.jpg)
11、我们可以看到第一帧和第十帧上会出现一个小小的红色的圈a
![Flash cs6动画制作扫盲教程:[6]补间形状提示](/d/file/p/2020/07-17/77b84fc83010b03a86d3a93dce6794e3.jpg)
![Flash cs6动画制作扫盲教程:[6]补间形状提示](/d/file/p/2020/07-17/19312947f108996139efe5faa50e1d6c.jpg)
12、在第1帧和第10帧分别把它们移动到数字1和2的相应位置,其实要实现的就是1上的a处会在过渡中变化到2上的a点所在。
![Flash cs6动画制作扫盲教程:[6]补间形状提示](/d/file/p/2020/07-17/fe3d1ca2cb4aef1393e4f79194959852.jpg)
![Flash cs6动画制作扫盲教程:[6]补间形状提示](/d/file/p/2020/07-17/fef61a20b01631f348ab947a9bd9c527.jpg)
13、使用相同的方法我们再多加几个形状提示来控制动画。
![Flash cs6动画制作扫盲教程:[6]补间形状提示](/d/file/p/2020/07-17/35f82be4bad2ff3e723b921302697a04.jpg)
![Flash cs6动画制作扫盲教程:[6]补间形状提示](/d/file/p/2020/07-17/c25ac5651f7ea74f01c95ce568fcd182.jpg)
14、此时我们再打开洋葱皮效果观察整个动画,可以看到从1到2的过渡已经变的平滑了。
由此可见,通过添加形状提示,可以更好的控制补间形状动画的变化,这个方法不但适用于文字,也适用于图形的变化,使用比较灵活。
![Flash cs6动画制作扫盲教程:[6]补间形状提示](/d/file/p/2020/07-17/4bc5057eb3866fb49174074f5473e71a.jpg)
END
新闻热点
疑难解答