进化战争2中文破解版:Flash模块翻页效果制作

来源:百度文库 编辑:九乡新闻网 时间:2024/04/29 15:40:01
 Flash模块翻页效果制作

空间教程
教材里有不明白滴,大家就多琢磨下,有问题可以到空间(
http://www.371559581qzoner.com)提问!大家可以下载源文件对照学习~

完整效果:




调用地址:
http://flash.qzoner.com/fd001/20090423001.swf

首先做好六张图片
底图一(670*500)



底图二(670*500)



图一左(底图一的左边部分)(335*500)



图一右(底图一的在边部分)(335*500)



图二左(底图二的左边部分(335*500))



图二右(底图二的右边部分(335*500))



然后还要做个系统模块的遮罩图片



第一步:
将以上图片导入库,然后新建元件,分别将以上每张图片转换成图形。
我做的图片大小是670*500,所以舞台大小也要更改为670*500。
新建图层一,在时间轴八桢,十桢,十七桢处分别插入关键桢,将底图一的图形元件导入舞台,意思就是要将第九桢空出来,坐标(0*0)

第二步:
新建图层二,在时间轴第二桢处插入关键桢,将图二右的图形元件导入舞台,同上,第九桢要空出来,坐标(335*0)

第三步:
新建图层三,在时间轴第十桢插入关键桢,将图一左的图形元件导入舞台,坐标(0*0)

第四步:这是做翻页效果最关键的一步,新建图层四,将图一右边部分的图形元件导入舞台,坐标(335*0),点下FLASH里的变形工具,将中心点移到图形左边正中心位置。


然后在第四桢处插入关键桢,按快捷键CTRL+T,界面右边出现变形面版,倾斜-90度,然后点确认



这时候,第一桢图形是正常状态,第四桢,图片是倾斜负九十度,在中间创建补间动画,便有了翻页翻到一半的效果了

按着在第五桢处导入底图二的左边部分图形元件,坐标(0*0),中心点移至右边缘的正中间,然后在第八桢插入关键桢,选中第五桢,将图形变形,倾斜89度。





这时,第五桢图形是倾斜89度,第八桢是正常状态,中间创建补间动画,就有了一个完整的翻书效果。

第五步:新建图层,第十桢插入关键桢,导入图二左边图形元件(坐标0*0),中心点移好后,在第十三桢处插入关键桢,选中十三桢,倾斜90度,同理,第十桢与十三桢中间创建补间动画,第十四桢处导入图一右边图形元件,中心点移好后,在第十七桢处插入关键桢,选中第十四桢,将图形倾斜-89度,14桢与17桢之间创建补动画。


第六步:新建图层,分别在第一桢处和第九桢处插入关键桢,然后新建元件,图形,画一个矩形,大小自定,然后新键元件,按钮,在指针经过那里插入关键桢。将刚才画的图形拉入舞台,alpha设为零,同时导入音效。

然后将按钮拉入到舞台第一桢,第九桢相对应的位置,写下动作脚本:

on(press){
nextFrame();
play();
}



第七步,新建元件,影片剪辑。

这个我就不细写了,影片剪辑里的内容就是系统模块的渐隐门,空间里之前已有很多相关的教材了。
第八步,新建图层,在第九桢插入关键桢,将影片剪辑拉入舞台,坐标,(0*0)

第九步,新建图层,第一桢,第九桢分别插入关键桢,打开动作面版,全局函数,时间轴控制,动作stop。

完成后时间轴如图:



到此为止荷语轻吟QQ空间Flash模块翻页效果制作完毕,大家仔细按步骤一步步来,好好练习吧!

终于做完了,下面是做好的效果大家可以看一下。