用FLash制作漂亮的翻页倒计时:[2]翻牌动画
1、打开上节做好的Flash文件,在原来的数字牌上新建一层,命名为“9x”,在其上再新建一层,命名为“9s”,然后选择9s影片剪辑按ctrl+x将其剪切,在“9s”层按ctrl+shift+v将其粘贴入场景。同样的方法将9x影片剪辑粘贴在“9x”层中。并选择图层一的所有针将其向后拖动一段,使其不影响对上面两层的操作。如图所示:
![用FLash制作漂亮的翻页倒计时:[2]翻牌动画](https://exp-picture.cdn.bcebos.com/7496877bbbf4da58b721a4fcea0f8b56ac04d750.jpg)
2、按上步的方法分别建立8s和8x两个层,并从图层1中将8s,8x两个影片剪辑分别ctrl+shift+v粘贴入8s和8x两个层中,并将各帧长度调整到如图所示!
![用FLash制作漂亮的翻页倒计时:[2]翻牌动画](https://exp-picture.cdn.bcebos.com/8a17b3042e6817e99d1a744dd356d53da924ce50.jpg)
3、选择9x层第一帧上的影片剪辑,然后按Q键显示调整框,将其中心点移动到参考线所在位置
![用FLash制作漂亮的翻页倒计时:[2]翻牌动画](https://exp-picture.cdn.bcebos.com/a965c6e9ccd2bb6685a2fff59b2a04e23fa2c650.jpg)
4、 然后选择9s第一帧点右键-创建补间动画(这里注意要选最上面一个),然后在第5帧处点右键-插入关键帧-旋转(这里注意下图有一种错误,我把帧选择在了第15帧,应该是第5帧,后面的会改正)。
![用FLash制作漂亮的翻页倒计时:[2]翻牌动画](https://exp-picture.cdn.bcebos.com/05a320a23a42a07a7bebc686673834bb18efc150.jpg)
5、 在9s层选择第5帧,然后选择3d旋转工具,将9s从上向下旋转至刚好消失。
![用FLash制作漂亮的翻页倒计时:[2]翻牌动画](https://exp-picture.cdn.bcebos.com/35fa07efa25f0c142080a8370d89a146b6b13851.jpg)
6、 选择8x层第一个关键帧,按Q键显示调整框,将中心点移动到参考线上,然后在第一帧上点右键-创建补间动画,如图所示:
![用FLash制作漂亮的翻页倒计时:[2]翻牌动画](https://exp-picture.cdn.bcebos.com/b6f0f0f97fbd4c7cde4846f4b8bad341027d3051.jpg)
7、 选择8x层的第10帧,点右键-插入关键帧-旋转,如图
![用FLash制作漂亮的翻页倒计时:[2]翻牌动画](https://exp-picture.cdn.bcebos.com/32fbcd41037de137398d5809f6c5cf672a5f2a51.jpg)
8、 选择8x层第一个关键帧,然后选择3d旋转工具,在图上将8x向上旋转到刚好消失。如图一所示,然后选择后面的关键帧将其转到最下方,如图2所示:
![用FLash制作漂亮的翻页倒计时:[2]翻牌动画](https://exp-picture.cdn.bcebos.com/23fd63c5cf672b5f20bd7f233314f4d0b4032751.jpg)
![用FLash制作漂亮的翻页倒计时:[2]翻牌动画](https://exp-picture.cdn.bcebos.com/04d7a614f4d0b50332293c4bcc4ec28332bf2051.jpg)
9、 到这里我们播放前10帧就已经实现了从数字9向数字8过渡的动画。其中1-5帧实现的是9的上半部分从上向下旋转到中间消失然后8的下半部分接差从中间向下旋转,整个过程连接起来就实现了我们想要的效果。最后要做的就是将9s层第6帧以后的帧删除,如图:
![用FLash制作漂亮的翻页倒计时:[2]翻牌动画](https://exp-picture.cdn.bcebos.com/47bf594ec28333bfc4144ffadbb8b43ea9db1d51.jpg)
10、 以同样的方法把影片剪辑7x,7s放到新建的7x,7s层中,并调整各层的长度如图:
其中8s层模仿前面的9s层的做法,7x层模仿前面的8x层的做法,就可以做出从8到7的翻牌效果。因为后面的都是重复性操作,基本都是按9到8变化的方法制作,所以本节就讲到这里,愿意做的朋友可以自己按前面的方法把从8一直到0的翻牌效果做一下。下一节将对程序控制进行讲解。
![用FLash制作漂亮的翻页倒计时:[2]翻牌动画](https://exp-picture.cdn.bcebos.com/65ba880b31210561345f2f5c08aee8d7582a6a51.jpg)