前段时间在网上看到好多ps的翻页倒计时模板图,觉得很漂亮,于是我就在想能不能做个动画版的翻页倒计时,于是试了一下,结果还真的被我做成了,现在拿出来和大家分享一下。之所以分开写是因为放在一起写可能会有点长,会让大家看的不耐烦,所以分来来写,先把最张的效果放上来。[ 注:swf文件在我的一篇回答里,网址在下面的参考资料里找! ]
![用FLash制作漂亮的翻页倒计时:[1]元件准备](https://exp-picture.cdn.bcebos.com/4e168d5653bbf820486decbeba21056105a36e2f.jpg)
工具/原料
Flash cs6
ActionScript3.0
制作0-9数字牌
1、因此篇稍有难度,不建议完全没经验的朋友学习,为加快速度有些图就省略了。首先打开Flash cs6,新建Actionscript3.0文件(注意不是actionscript3.0类文件)。
2、选择矩形工具,设置颜色为灰黑色,设置其圆角为8,然后在场景中绘制一个适当大小的长方形。如图所示:
![用FLash制作漂亮的翻页倒计时:[1]元件准备](https://exp-picture.cdn.bcebos.com/05e24be983aee8d76dbc995a6b781431deb6662f.jpg)
3、选择文字工具,在文字属性里选择一种较粗的字体,并设置文字颜色为白色,然后在刚绘制的灰黑色方块上方输入数字“0”。通过改变字号和使用变形工具调整好数字大小,效果如图:
![用FLash制作漂亮的翻页倒计时:[1]元件准备](https://exp-picture.cdn.bcebos.com/def72c6c576699cf3ec555d6a885e036e3915e2f.jpg)
4、选择第一帧,然后连续按下F6键,在第1帧后插入9个关键帧,然后分别将第1帧至第10帧上的数字改为9-0,并调整各个数字与背景的居中(注意此处为什么不是0-9,主要是因为做的是倒计时,牌子要从9翻到0)
![用FLash制作漂亮的翻页倒计时:[1]元件准备](https://exp-picture.cdn.bcebos.com/22c4fe36e29147e8717643c7b603bbea3f86582f.jpg)
5、点击编辑多个帧按钮,然后在时间轴上调整编辑多帧按钮句柄,使其包含所有帧,具体如图:
![用FLash制作漂亮的翻页倒计时:[1]元件准备](https://exp-picture.cdn.bcebos.com/baab2086304861439e4232848febf6a75e0f532f.jpg)
6、在时间轴上选择所有帧,选择对齐工具,使所有图形垂直居中对齐,然后按ctrl+B操作,将所有图形全部打散,然后选择直线工具,滤鲇魍童设置直线颜色为红色,在场景中画一条水平直线,并使水平直线垂直居中对齐。从视图中打开标尺工具,在Y方向拖一条参考线,使之与红线重合,然后将红线删除。
![用FLash制作漂亮的翻页倒计时:[1]元件准备](https://exp-picture.cdn.bcebos.com/49701aebf6a75f0fccbd0e5b97324b18502c4c2f.jpg)
7、选择参考线一上部分按向上箭头向上移动三下,然后选择下半部分向下移动三下,此时形成如下图形:
![用FLash制作漂亮的翻页倒计时:[1]元件准备](https://exp-picture.cdn.bcebos.com/75af02324b18512cdf67a212ad334884cce3492f.jpg)
8、关闭编辑多帧按钮,选择第一帧上半部分按F呖分甾胗8键将其转为影片剪辑,起元件名为9s(9的上半部分),然后将下半部分选择按僻棍募暖F8键转为影片剪辑,起元件名为9x (9的下半部分),使用同样的方法将后面9个帧的上半部分和下半部分分别转为影片剪辑并起便于识别的元件名。具体如图:(可以看到在库里已经产生了20个元件,分别是10个数字的上半部分和下半部分)本节就介绍到这里,下节将都大家如何制作翻牌效果。
![用FLash制作漂亮的翻页倒计时:[1]元件准备](https://exp-picture.cdn.bcebos.com/49c5d3e34b2c56ee21e9fcbbf775e5f4fdf5402f.jpg)
![用FLash制作漂亮的翻页倒计时:[1]元件准备](https://exp-picture.cdn.bcebos.com/e4b5e2f5ee0d3acecb4108de87e265e7350fbb2f.jpg)
