赵子龙长坂坡救主:flash按钮控制软翻页模板的制作(续一)

来源:百度文库 编辑:中财网 时间:2024/04/30 13:39:36
flash按钮控制软翻页模板的制作(续一) 

三. 延长模板

1) 将时间轴的显示框向下拉,使其显示所有图层。

2) 在最上面的图层的第1帧未被选中的状态下,

将鼠标放在该帧上,按下左键不要放松,向下拉至最下面的图层,

仍然不要放松,向右拉至第60帧,将其全部选黑,

然后将鼠标放在拉黑的地方,右键,复制帧。

3) 选黑所有图层的第61帧,右键,粘贴帧。

这样就延长了模板,现在应该有5张图片了。

可是当我们测试的时候,会发现从第61帧的地方开始,左边少了一页。

按翻页的顺序应该是第2页,

那就在“静2”图层的第61帧的地方把“原始2”拖入,

X、Y的坐标值为62、46.5。

4) 这时,左阴影也应该显示了。

点击图层上方的眼睛和锁图标,

将所有图层上锁并关闭显示。

如图26:


图二十六


5) 把“左阴影”图层的眼睛和锁打开

(在该图层的叉和锁上分别单击),选中第61 帧,

然后点一下场景中的“左阴影”影片剪辑,

打开属性面板,将Alpha改为100%。

再以同样的方法在91 帧做如是处理。

6) 如果测试一下,会看到翻来翻去,

总是影片剪辑“原始1、2、3”在翻,

而在应该显示为“原始4、5”的地方却是显示的“原始2、3”。

现在就把它们交换过来。

先来交换“动2”和“动4”。

(所谓的“动2”和“动4”,是指“原始2”和“原始4”

在场景中作动画的帧)

将所有图层的眼睛关闭,锁上,

然后单独打开“动2”图层的眼睛和锁,

选中第61 帧,点一下场景中的“原始2”,

打开属性面板,点交换按钮,

在弹出的对话框中找到“原始4”并点击,

然后点“确定”完成交换。

如图27:


图二十七


7) 然后分别选中第91、105、102帧作如是处理。

完成以后,关闭该图层的眼睛,锁上。

8) 打开“1”图层的眼睛和锁,

选中第61帧,点一下场景中的“原始1”打开属性面板,点交换按钮,

在弹出的对话框中,将“原始1”交换为“原始3”;

选中91 帧,如是处理。完成以后,关闭该图层的眼睛,锁上。

9) 打开“3”图层的眼睛和锁,

选中第61帧,点一下场景中的“原始3”,打开属性面板,点交换按钮,

在弹出的对话框中,将“原始3”交换为“原始5”;

选中91 帧,如是处理。

至于“静2”图层,是刚刚拖入的,就不需要交换了。

从以上的交换过程中,可以总结出来交换的规律:

(1)原影片剪辑交换为该影片剪辑+2,如1交换为3、2交换为4。

(2)各图层的所有关键帧处都要交换。


为了库中看起来干净一些,

在库中新建一个“原始”文件夹,


将所有元件放进去。


四.制作并插入按钮、写脚本

1)制作按钮:按钮的形状可以在flash里做,

也可以在PS里做好后导入。

形状根据个人喜好决定。我是在PS做好的形状,

把它导入库:“文件/导入/导入到库”。

如图28:


图二十八


在弹出的浏览框中选中要导入的图片,点“打开”,

即可将图片导入到库中了。

如图29:


图二十九


新建一个影片剪辑元件,名称为“前”,

将导入的位图“前后按钮”拖入,垂直、水平中齐,

“修改/变形/水平翻转”。

新建一个影片剪辑元件,名称为“后”,

将导入的位图“前后按钮”拖入,垂直、水平中齐。

新建一个影片剪辑元件,名称为“返”,

将导入的位图“返回按钮”拖入,垂直、水平中齐,

新建一个按钮元件,名称为“向前”,

将影片剪辑“前”拖入,垂直、水平中齐,

各个帧都插入关键帧,选中第2帧,

打开属性面板,改一下颜色,根据个人喜好,

作用是当鼠标移到按钮上时,按钮有一个颜色的改变。

选中第3帧,使用箭头工具向左、向上各点3下,

作用是当按钮按下时有一个动作。

选中第4帧,用矩形工具,边框无、颜色任意,画一个方框,

使其覆盖整个按钮,这是感应区,当鼠标进入这个区域,

就会变成手形,在场景中是不显示的。

新建一个按钮元件,名称为“向后”,

将影片剪辑“后”拖入,垂直、水平中齐,

各个帧都插入关键帧,

选中第2帧,打开属性面板,改一下颜色。

选中第3帧,使用箭头工具向右、向下各点3下。

选中第4帧,用矩形工具,边框无、颜色任意,画一个方框,

使其覆盖整个按钮。

新建一个按钮元件,名称为“返回”,

将影片剪辑“返”拖入,垂直、水平中齐,

各个帧都插入关键帧,

选中第2帧,打开属性面板,改一下颜色。

选中第3帧,“修改/变形/缩放和旋转”,输入45°。

选中第4帧,用矩形工具,边框无、颜色任意,画一个方框,

使其覆盖整个按钮。

2)插入按钮、写按钮脚本


(1)回到场景,选中“向后”图层的第1帧,

将“向后”按钮拖入,放在一个合适的位置,

并打开属性面板,把X、Y的坐标值改为整数。

如图30:


图三十


点一下按钮,

然后打开动作面板,

在确认左上角的小三角后面是“动作-按钮”后,

在脚本写入区写入脚本

on (release) {

gotoAndPlay(1);

}

如图31:


图三十一



在第30帧插入关键帧,按同样的方法,

在动作面板里输入同样的脚本,将数字改为“61”。

在第60帧插入关键帧,按同样的方法,

在动作面板里输入同样的脚本,将数字改为“1”。

在第61帧插入关键帧,按同样的方法,

在动作面板里输入同样的脚本,将数字改为“61”。

在第90帧插入关键帧,按同样的方法,

在动作面板里输入同样的脚本,将数字改为“121”。

在第120帧插入关键帧,按同样的方法,

在动作面板里输入同样的脚本,将数字改为“121”。

(2)在“向前”图层的第30帧插入关键帧,

拖入“向前”按钮,

打开属性面板,将X、
Y的坐标值改为65、725。
点一下按钮,打开动作面板,

如上方法确认后,在动作面板输入脚本:

on (release) {

    gotoAndPlay(31);

}


在第31帧和第60帧插入空白关键帧。

因为在这段时间轴内是不需要显示按钮的。

在第61帧插入关键帧,在动作面板里输入同样的脚本。

在第90帧插入关键帧,在动作面板里输入同样的脚本,将数字改为91。

在第90帧插入关键帧,在动作面板里输入同样的脚本,将数字改为31。

(3)“返回”图层中的脚本写入和“向前”图层中的脚本

写入方法完全一样,所不同的是,

每一个关键帧中写入的数字都是“31”。


现在,我们在as图层的帧上添加脚本:点击as图层的第1帧,

打开动作面板,写入脚本:

stop();


接着点击第30帧,同样在动作面板写入脚本: stop();

然后每隔30帧都同样写入 stop();  

如:60帧、90帧、120帧......直至最后一帧。


至此,整个模板就制作完成了。接下来整理一下库。

点击“库”上方的选项按钮,

在打开的下拉菜单中选择“选择未用项目”。

如图32:


图三十二


这时,所有的未用项目就会高亮显示;

点一下库下方的垃圾桶标志,未用项目即被删除。

在库中新建一个文件夹,改名为“按钮”,

将“原始”文件夹以外的所有元件拖入。

这样,当收起两个文件夹时,库里就只显示两个文件夹,

显的清洁多了,看起来也舒服了。

然后,点“保存”、点“文件/发布”,

此时,就可以在你保存的路径里,

打开名为“翻页模板”的swf文件欣赏一下实际效果了。


五.交换

制作模板的目的是为了使用模板。

接下来,就把其中的“原始”图片更换为所需要的图片。

1)在库中新建一个文件夹,改名为“交换图片”,

将在PS处理好的450X675象素的图片导入(我这里做了10张);

然后新建10个影片剪辑,分别命名为“1、2、3……10”,

并将导
入的位图分别拖入对应的影片剪辑中,

别忘了垂直、水平中齐。

如果在图片上做一些与图片相适应的动画也未尝不可。

2)现在开始交换,先从时间轴上最上边的“动2”层做起。

(1)关闭时间轴上所有显示,将所有图层上锁。

然后打开“动2”图层的显示和锁。

如图33:


图三十三


(2)打开属性面板,在舞台上的“原始2”上点一下,

再点属性面板中的“交换”按钮。

如图34:


图三十四


(3)在弹出的交换对话框中,找到“2”并点击,

然后点“确定”完成交换。

如图35:


图三十五


(4)依次点击第15、30、31、45、60帧,做如上处理。

(5)依次点击第61、75、90、91、105、120帧,

基本上也是如是处理,所不同的是,

在这6个帧上,未交换前是“原始4”,

因此,要交换成“4”。

至此,“”动2图层的全部交换即告完成。

(这里讲一下交换的规律:

a.在所有的影片剪辑图层上,都要交换。

B.所有的交换都是在关键帧上交换。

换句诺说,就是所有的关键帧都要进行交换。

C.“原始1”交换成“1”、“原始2”交换成“2”……“原始5”交换成“5”。)

(6)按照以上的方法和规律,

依次把“1”、“3”图层的影片剪辑进行交换。

然后在“静2”图层的第61帧处交换为“2”。


六.延长

1) 将时间轴的显示框向下拉,使其显示所有图层。

2) 在最上面的图层的第61帧未被选中的状态下,将鼠标放在该帧上,

按下左键不要放松,向下拉至最下面的图层,仍然不要放松,

向右拉至第120帧,将其全部选黑,

然后将鼠标放在拉黑的地方,右键,复制帧。

3) 选黑所有图层的第121帧,右键,粘贴帧。


六.交换

按前面所说的交换方法交换。

所不同的是,逢1换3、逢3换5……,逢2换4、逢4换6……。

不管有多少图片,只要延长、交换就可以了。

只是每次只延长60帧,这样可以防止误操作。


八.改脚本

前面120帧已经写过脚本了,在复制、粘贴的同时,

脚本也被复制到了各相应的帧上了。

接着,把各相应帧上的按钮脚本改一下。

各个帧上的脚本和“返回”按钮的脚本是不需要改的,

只是改“向前”和“向后”按钮的脚本就可以了。

改脚本的时候是有一定的规律的,

因为我们是按每60帧延长一次,

所以就按60帧为一个循环,每一个循环的第一帧为1,

讲一下其规律;

先改“向后”按钮:第1帧改为本帧数,

第30帧改为本帧数加31,

第60帧改为本帧数减59;依次类推。

再来改“向前”按钮:

第1帧改为本帧数减30,

第30帧改为本帧数加1,

第60帧改为本帧数减89;依次类推。


至此,就全部制作完成了。

最后,别忘了“文件/保存”、“文件/发布”。

有兴趣的话,可以在前面和后面加上制作者和制作日期,

而且可以把它们做成链接。

 (待续)