玉楼春禁书在线阅读:flash8.0教程《翻页效果》

来源:百度文库 编辑:中财网 时间:2024/04/29 23:19:48

flash8.0教程《翻页效果》


(按5张图片制作编写)
 一、打开flash8.0软件,新建一个名为《翻页效果》文档。

先将文档保存起来,以免在制作过程中电脑发生意外,文件丢失。

二、设置舞台大小:600×550,背景色任意,

并转化为图形元件。

三、导入5张图片(编号为:图1、图2、图3、图4、图5)到库中,

图片尺寸为280×452像素

(注意:在应用5张图片时,要分别转换为图形元件)。

四、下面我们开始做一个隐形按钮

1.插入新建元件,名称:按钮,行为:按钮。

将按钮的“弹起”,“指针经过”,“按下”,

“点击”全部设置为空白关键帧。

然后选中“点击”帧,

用矩形工具在舞台画一个无边框的矩形,颜色任意,

大小和图形元件一样(宽280×高452)。

2.插入新建元件,名称:翻书,行为:影片剪辑

在图层一的第1帧,将图1拖到影片剪辑的舞台中,

并转换为元件1,打开对齐面板,水平垂直中齐左对齐。

再选中任意变形工具,

将元件中心点移动到元件的左侧边缘(即 舞台的中心位置),

然后在第10帧插入关键帧。

在第11帧插入空白关键帧,将图2拖到舞台中,转换为元件2,

水平垂直中齐右对齐。再选中任意变形工具,

将元件中心点移动到元件的右侧边缘,

然后在第20帧插入关键帧。

在第21帧插入空白关键帧,将图3拖到舞台中,转换为元件3,

水平垂直中齐左对齐。再选中任意变形工具,

将元件中心点移动到元件的左侧边缘,

然后在第30帧插入关键帧。

在第31帧插入空白关键帧,将图4拖到舞台中,转换为元件4,

水平垂直中齐右对齐。再选中任意变形工具,

将元件中心点移动到元件的右侧边缘,然后在第40帧插入关键帧。

顺翻页就基本做好啦,下面开始做返回的翻页!

在第41帧插入空白关键帧,再将图4元件拖到舞台中,

水平垂直中齐右对齐。再选中任意变形工具,

将元件中心点移动到元件的右侧边缘,

然后在第50帧插入关键帧。

在第51帧插入空白关键帧,再将图3元件拖到舞台中,

水平垂直中齐左对齐。再选中任意变形工具,

将元件中心点移动到元件的左侧边缘,

然后在第60帧插入关键帧。

在第61帧插入空白关键帧,再将图2元件拖到舞台中,

水平垂直中齐右对齐。再选中任意变形工具,

将元件中心点移动到元件的右侧边缘,

然后在第70帧插入关键帧。

在第71帧插入空白关键帧,再将图1元件拖到舞台中,

水平垂直中齐左对齐。再选中任意变形工具,

将元件中心点移动到元件的左侧边缘,

然后在第80帧插入关键帧。

然后,选中第10帧关键帧,打开变形面板,

将宽度改为85%,约束的勾去掉,

选择倾斜水平方向为0度,垂直方向为-85度(负85度),

点击回车键确定。

选中第11帧关键帧,打开变形面板,

将宽度改为85%,约束的勾去掉,

选择倾斜水平方向为0度,垂直方向为85度(正85度),

点击回车键确定。

选中第30帧关键帧,打开变形面板,

将宽度改为85%,约束的勾去掉,

选择倾斜水平方向为0度,垂直方向为-85度,点击回车键确定。

选中第31帧关键帧,打开变形面板,

将宽度改为85%,约束的勾去掉,

选择倾斜水平方向为0度,垂直方向为85度,点击回车键确定。

选中第50帧关键帧,打开变形面板,

将宽度改为85%,约束的勾去掉,

选择倾斜水平方向为0度,垂直方向为85度,点击回车键确定。

选中第51帧关键帧,打开变形面板,

将宽度改为85%,约束的勾去掉,

选择倾斜水平方向为0度,垂直方向为-85度,点击回车键确定。

选中第70帧关键帧,打开变形面板,

将宽度改为85%,约束的勾去掉,

选择倾斜水平方向为0度,垂直方向为85度,点击回车键确定。

选中第71帧关键帧,打开变形面板,

将宽度改为85%,约束的勾去掉,

选择倾斜水平方向为0度,垂直方向为-85度,点击回车键确定。

之后,

分别在1-10帧、11-20帧、21-30帧、31-40帧、

41-50帧、51-60帧、61-70帧、71-80帧进行动画补间。

最后锁住图层一。

添加图层二,并将其拖入到图层一的下面,

选中图层二的第1帧,将元件3拖到舞台,

水平垂直中齐左对齐,这时效果就出来了。

在21帧插入空白关键帧,

将元件2拖入舞台水平垂直中齐右对齐;

将元件图5拖入舞台水平垂直中齐左对齐。

在61帧插入空白关键帧,将元件3拖入舞台,水平垂直中齐左对齐。

在图层一上面新建图层三,

分别在第1、20、40、60帧插入空白关键帧,

并选中每个关键帧,打开动作面板,加添stop();语句。

下面,我们要在每个元件上加添按钮,

为了方便,我们在图层三上面分别添加两个图层,图层四和图层五。

选中图层四的第1帧,从库中将按钮拖到舞台中,

水平垂直中齐左对齐(也就是说将按钮放在元件1的上面),

然后选中按钮,打开动作面板,

加添on (release) {gotoAndPlay(2);} 语句,

在第2帧插入空白关键帧。

选中图层四的第20帧,

从库中将按钮拖到舞台中,水平垂直中齐左对齐,

然后选中按钮,打开动作面板,

加添on (release) {gotoAndPlay(21);} 语句,

在第21帧插入空白关键帧。

选中图层四的第60帧,从库中将按钮拖到舞台中,

水平垂直中齐左对齐,

然后选中按钮,

在动作面板加添on (release) {gotoAndPlay(21);} 语句,

在第61帧插入空白关键帧。

在图层五的第20帧插入空白关键帧,

从库中将按钮拖到舞台中,水平垂直中齐右对齐,

然后选中按钮,

在动作面板加添on (release) {otoAndPlay(61);} 语句,

在第21帧插入空白关键帧。

在图层五的第40帧插入空白关键帧,

从库中将按钮拖到舞台中,水平垂直中齐右对齐,

然后选中按钮,

在动作面板加添on (release) {gotoAndPlay(41);} 语句,

在第41帧插入空白关键帧。

在图层五的第60帧插入空白关键帧,

从库中将按钮拖到舞台中,水平垂直中齐右对齐,

然后选中按钮,

在动作面板加添on (release) {gotoAndPlay(61);} 语句,

在第61帧插入空白关键帧。

五、返回主场景:

添加图层二,把“翻书”的影片剪辑拖到主场景合适的位置上。

OK,大功已经告成,可以测试看效果啦!