时间：2014-1-14 12:31:00 作者：翠柏 来源：迎客松 查看：490 评论：0
教学目的：通过本节教学了解和掌握影片剪辑，按钮的创建及其实例名称，动作面板和as语句的运用，幀加载外部swf文件。通过巧妙的设计与创作，进而实现滚动条swf作品集之动画效果。
教学对象：本教材是针对有一定动画制作基础及对工具箱、属性面板、动作面板、as语句和相关界面有所了解的朋友们编制的，因此省略了一些步骤，还望谅解。
教学要点：影片剪辑、按钮、实例名称、动作面板、as语句。
先看效果：
作前准备：
准备40个已发表的，其规格最好为550*400的，且比较稳定的swf作品绝对地址，保存到指定的文件夹待用。
制作步骤
1.启动FLASH8 软件。
2.确立文档属性 设置动画尺寸为700*400，背景颜色深绿，其它默认,点击确定，进入场景1。 如图1所示：
图1
3.创建按钮元件
（1）选择“插入－新建元件”，创建一个名为“滑块”的按钮元件，点击确定，进入元件编辑区。添加一个图层，共两个图层。自下而上命名为矩形、三条。
A.选择矩形图层第1帧（弹起），用矩形工具在舞台拖一个规格为12*50的，无边线的淡绿色矩形，左对齐－上对齐。如图2所示：
图2
在第2帧（指针经过）插入关键帧，将该帧上的舞台实例改为黑红色，在第4帧（点击）插入帧。上锁。如图3所示：
图3
B.选择三条图层第1帧（弹起），用线条工具在矩形上拖三条笔触高度2，长为12的红色线段。在第4帧（点击）插入帧。上锁。其位置，如图4所示：
图4
（2）选择“插入－新建元件”，创建一个名为“隐钮”的按钮元件，点击确定，进入元件编辑区。就一个图层。
选择图层1第4帧（点击），用矩形工具在舞台拖一个规格为100*16的，无边线的矩形，颜色随意，全居中。如图5所示：
图5
4.创建图形元件
（1）选择“插入－新建元件”，创建一个名为“背景”的图形元件，点击确定，进入元件编辑区。就一个图层。
选择图层1第1帧，用矩形工具在舞台拖一个规格为700*400的无边线的矩形，颜色自定，全居中，然后用黑箭头工具在该实例右侧向左拖一个规格为18*400的选择区，起麻点后变换一个颜色。如图6所示：
图6
（此图为原图的80％
（2）选择“插入－新建元件”，创建一个名为“作品”的图形元件，点击确定，进入元件编辑区。就一个图层。
选择图层1第1帧，用文本工具在舞台输入要加载的第1个作品代号，字体，颜色自定，规格18，左对齐－上对齐。如此向下依次输入第2－40个作品代号。如图7、8所示：
图7
图8
（此图为原图的50％）
其文本参数参考，如图9所示：
图9
其文本的总体规格及位置坐标参考，如图10所示：
图10
5.创建影片剪辑元件
（1）选择“插入－新建元件”，创建一个名为“编号”的影片剪辑元件，点击确定，进入元件编辑区。添加两个图层，共三个图层。自下而上命名为编号、按钮、as。
A.选择编号图层第1帧，从库中拖出“作品”图形元件到舞台，规格不变，左对齐－上对齐。如图11所示：
图11
（此图为原图的50％）
在第40幀插入幀，上锁。
B.选择按钮图层第1帧，从库中拖出“隐钮”按钮元件到舞台，规格不变，左对齐－上对齐。点击该实例，按住shift＋strl健向下拖，垂直覆盖第二个作品代号。同理同种方法完成第3－40作品的按钮覆盖。如图12、13所示：
图12
图13
（此图为原图的50％）
为按钮添加指令语句：
点击第1个作品代号上的按钮，按f9，打开动作面板，在as编辑区输入，如下指令语句：
on (release) {
gotoAndStop(1);
}
在点击第2个作品代号上的按钮，按f9，打开动作面板，在as编辑区输入，如下指令语句：
on (release) {
gotoAndStop(2);
}
*同理同种方法，完成第3－40个作品代号的按钮指令语句的添加。语句内容、格式不变，其中的数字依次改为“3－40”即可。在第40幀插入幀，上锁。
C.选择as图层第1帧，按f9，打开动作面板，在as编辑区输入，如下幀语句：
stop();
i = 1;
n = 40;
loadMovieNum("/Article/UploadFiles/201203/2012030717000422.swf", 5);
语句中的红色部分为你加载的第一个swf作品的绝对地址
右键第1幀－复制幀，再依次右键第2－40幀－粘贴幀。然后分别依次打开第2－40幀的动作面板，将其中语句中的红色wsf地址，换成需要加载的第2－40个作品swf地址即可。上锁。该环节完成后的时间轴，如图14所示：
图14
（2）选择“插入－新建元件”，创建一个名为“滚动”的影片剪辑元件，点击确定，进入元件编辑区。添加两个图层，共三个图层。自下而上命名为编号、滑块、as。
A.选择编号图层第1帧，从库中拖出“编号”影片剪辑元件到舞台，左对齐－上对齐。如图15所示：
图15
点击该实例，在属性面板填写其实例名称为：zp 。上锁。如图16所示：
图16
B.选择滑块图层第1帧，从库中拖出“滑块”按钮元件到舞台，规格不变，将其放置在编号右侧，上对齐。如图17所示
图17
其在舞台的所在规格和位置坐标参考，如图18所示：
图18
点击该实例，在属性面板填写其实例名称为：hk 。如图19所示：
图19
点击该滑块按钮，按f9，打开动作面板，在as编辑区输入，如下指令语句：
on (press){
startDrag (hk, false, 1.300000E+002, 0, 1.300000E+002, 350);
}
on (release, dragOut){
stopDrag ();
}
锁定该图层。
C.选择as图层第1帧，按f9，打开动作面板，在as编辑区输入，如下帧语句：
onEnterFrame = function ()
{
zp._y = getProperty(hk, _y) / 550 * -770;
};
锁定该图层。
D. 该环节完成后的时间轴，如图20所示：
图20
6.编辑制作场景
返回场景1，添加一个图层，共两个图层。自下而上命名为背景、滚动。
（1）选择背景图层第一帧，从库中拖出“背景”图形元件到舞台，规格700*400，全居中。上锁。如图21所示：
图21
（2）选择滚动图层第一帧，从库中拖出“滚动”影片剪辑元件到舞台，规格不变，将其放置在背景的右端，上对齐－右对齐，然后用方向键将其向左平移3个像素。如图22所示：
图22
其在舞台的规格和位置坐标参考，如图23所示：
图23
锁定该图层。
7.本作业完成后时间轴显示如图24所示：
图24
8.测试存盘
*说明：
1.因为教程中的实例的规格、位置和脚本的设置数据有关，所以，对初学者来说，不要轻易地改动。
2.个别加载的作品，在测试和发表后操作显示不良，是因为脚本冲突所致，也算是正常的吧。
