Flash形状补间实现翻书效果
- 格式：doc
- 大小：109.50 KB
- 文档页数：6
思路：使用补间动画制作封面的翻动效果。
使用补间形状制作书页的翻动效果。
主要练习精巧的动画过程的制作。
1.新建文件，首先制作封面的翻页效果，将“图层1”命名为“封面上”，因为封面的翻页效果需要两层完成，即没翻过中线时是一层，翻过中线后是一层，所以这里取名为“封面上”，下面将有“封面下”。
在舞台中绘制封面图案，如图所示：
注意矩形边线的粗细，左边的线条较粗，表示书脊，其他线条较细。
将其转换成元件，取名为“封面”。
2.使用任意变形工具，将图形中心点移动到封面的左边线的中点，要以该点作为以后形变的基准。
如图所示：
在第5帧插入关键帧，使用任意变形工具将封面通过缩放、倾斜调整如图所示，设置从第1帧到第5帧的补间动画。
在第9帧插入关键帧，使用任意变形工具将封面通过缩放、倾斜调整如图所示，设置从第5帧到第9帧的补间动画。
在第13帧插入关键帧，使用任意变形工具将封面通过缩放、倾斜调整如图所示，设置从第9帧到第13帧的补间动画。
到此，封面没翻过中线的动画就制作完了，可以测试一下看看效果。
3.在图层“封面上”的下方新建一个图层，取名为“封面下”，在这一层中设置封面翻过中线后的动画，书页翻过中线后所展示的就是封面的内面。
在第14帧插入关键帧，先创建封面内面的图案，如图所示：
将其转换为元件，使用任意变形工具选择封面内面，将图形的中心点移动到封面内面的右边线中点，要以该点作为以后形变的基准。
为了便于对齐，将图层“封面上”的第13帧复制，然后粘贴到第14帧上。
再回到图层“封面下”的第14帧，使用任意变形工具将封面内面通过缩放、倾斜调整到与图层“封面上“的第14帧相对的位置上，如下图所示：
设置好后将图层“封面上”的第14帧删除，因为它只是为对齐起一个基准的作用。
4.在图层“封面下”的第18帧插入关键帧，同时将图层“封面上”的第9帧复制粘贴到第18帧上起基准作用。
回到图层“封面下”的第18帧，使用任意变形工具将封面内面通过缩放、倾斜调整到与图层“封面上”的第18帧相对的位置上，如下图所示：
完成后，在图层“封面下”设置从第14帧到第18帧的补间动画，同时将图层“封面上”的从第14帧到第18帧一起删除。
5.在图层“封面下”的第23帧插入关键帧，同时将图层“封面上”的第5帧复制粘贴到第23帧上起基准作用。
回到图层“封面下”的第23帧，使用任意变形工具将封面内面通过缩放、倾斜调整到与图层“封面上”的第23帧相对的位置上，如下图所示：
完成后在图层“封面下”设置从第18帧到第23帧的补间动画，同时将图层“封面上”的从第14帧到第23帧一起删除。
6.在图层“封面下”的第28帧插入关键帧，同时将图层“封面上”的第1帧复制粘贴到第28帧上起基准作用。
回到图层“封面下”的第28帧，使用任意变形工具将封面内面通过缩放、倾斜调整到与图层“封面上”的第28帧相对的位置上，如下图所示：
完成后在图层“封面下”设置从第23帧到第28帧的补间动画，同时将图层“封面上”的从第14帧到第28帧一起删除。
现在封面的整个翻动过程制作完毕，测试可以看到效果。
7.接着制作第一页的翻动效果，在图层“封面下”的下方新建一个图层，取名为“第一页”，在第1帧中制作书页的图案，如下图所示：
调整其大小比封面小一些，放置到封面后对齐，此时被封面遮盖住了，但当封面开始翻动，该书页就会露出来。
8.在图层“第一页”的第29、34帧插入关键帧，在第34帧使用任意变形工具将书页调整到如下图所示的位置和形状
注意这里和封面不同，封面是元件，边角不能弯曲，只能以直线翻动。
而书页是图形，可以对线条加以弯曲，这里书页的上、下边就要使用箭头工具将其弯曲出一定的弧度，以使书页的翻动效果更加形象。
设置从第29帧到第34帧的补间形状。
9.在图层“第一页”的第39帧插入关键帧，使用任意变形工具和箭头工具将书页调整到如下图所示的位置：
设置从第34帧到第39帧的补间形状。
10.在图层“第一页”的第43帧插入关键帧，使用任意变形工具和箭头工具将书页调整到如下图所示的位置：
设置从39帧到43帧的补间形状。
11.在图层“第一页”的第44帧插入关键帧，选中书页，执行“修改”—“变形”—“水平翻转”，将书页此时没过中线的形状翻到中线的对面，以便下面继续制作翻过中线后的动画。
12.在图层“第一页”的第49帧插入关键帧，使用任意变形工具和箭头工具将书页调整到如
下图所示的位置：
设置从44帧到49帧的补间形状。
13. 在图层“第一页”的第54帧插入关键帧，使用任意变形工具和箭头工具将书页调整到如下图所示的位置：
设置从49帧到第54帧的补间形状。
14. 在图层“第一页”的第60帧插入关键帧，使用任意变形工具和箭头工具将书页调整到如下图所示的位置，这里需要设置一个参照以决定书页翻过后的大小，可以将图层“第一页”的第1帧复制，然后粘贴到图层“封面下”的第60帧上，这样对齐就很方便了。
制作完成后将图层“封面下”从29帧到60帧一起删除。
设置从54帧到60帧的补间形状。
这样书页的翻动效果制作完毕。
15.下面制作第二页的翻动效果，在图层“第一页”的上方新建一个图层，取名为“第二页”，在第61帧插入关键帧，选中图层“第一页”的从29帧到60帧，将其复制粘贴到图层“第二页”的第61帧上，这样就简单的制作了第二页的翻页效果。
16.另外还有些细节要注意，当封面和第一页翻动过去后它将保持显示在那里，还有第二页在未翻动前也需显示，当第一页翻起就可看见，还有就是一个始终存在的封底。
接下来制作这些细节，需要注意的是它们上下层次关系。
在最下方新建一个图层，取名为“封面，”，这里的“，”表示该层中的封面只做摆设作用，并不参与动画，以示区别。
复制图层“封面下”的第28帧，粘贴到图层“封面，”的第29帧上，然后再在图层“封面，”的第92帧插入关键帧，也就是第二页翻过后的最后一帧，即保持到动画最后。
在图层“封面，”上方新建一个图层，取名为“第一页，”。
复制图层“第一页”的第60帧到图层“第一页，”的第60帧上，然后在第92帧插入关键帧，也就是保持到最后。
在图层“第一页，”上方新建一个图层，取名为“第二页，”。
复制图层“第一页”的第1帧到图层“第二页，”的第29帧上，然后在第60帧插入关键帧，也就是当第二页开始翻动时该显示结束。
最后制作封底。
在所有图层的最下方新建一个图层，取名为“封底”，在第1帧中制作封底图案，如下图所示：
注意它的左边线粗，其余边线细。
调整大小与封面一样大，并放置到与封面没开始翻动时的位置重合。
在该层的第92帧插入关键帧，也就是保持到最后，这样当书页翻起便可看见封底的存在。
在第92帧最后一页翻过后封底完全显露出来，如下图所示：
制作完毕，其时间轴和层次关系如下图所示：。
