胡志明市红灯区在那里:转贴：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；依次类推。

至此，就全部制作完成了。最后，别忘了“文件/保存”、“文件/发布”。

有兴趣的话，可以在前面和后面加上制作者和制作日期，而且可以把它们做成链接。我就在那些地方做了http://shop35294425.taobao.com的链接。