作前准备 准备四张图片或照片。经过制图软件处理,并设置其规格为360*260像素,保存在指定的文件夹中待用。
制作步骤
1.启动FLASH8 软件。
2.确立文档属性 设置动画尺寸为550*450,帧频为12,背景颜色任意,其它默认。点击确定,进入场景1。如图1所示:
(图1)
3.创建图形元件 创建梅、兰、竹、菊四个图形元件。
(1)选择“插入-新建元件”,创建一个名为“梅”的图形元件,点击确定,进入元件编辑区。导入已准备好的“梅”图片至工作区,设置其规格为360*260,全居中。
(2)同理同种方法,分别依次再创建三个名为“兰、竹、菊”的图形元件。规格360*260,全居中。
4.创建按钮元件 创建按钮1-按钮4四个按钮元件。
(1)选择“插入-新建元件”,创建一个名为“按钮1”的图形元件,点击确定,进入元件编辑区。点击弹起帧,从库中拖出梅图形元件至工作区,全居中,在按下帧插入普通帧。如图2所示:
图2
(2)同理同种方法,分别依次再创建三个名为“按钮2-按钮4”的按钮元件(分别依次将兰、竹、菊图形语句拖入工作区)。全居中。
5.编辑制作场景 返回场景1,添加五个图层。自下而上分别命名为按钮4、按钮3、按钮2、按钮1、边框和as。
(1)选择按钮1图层第一帧,从库中拖出按钮1至工作区,全居中。用任意变形工具将其调整为,如图3所示:
图3
右键该按钮,打开动作面板,在as编辑区输入,如下语句:
on (release) {
gotoAndStop(1);
}
锁定该图层。
(2)选择按钮2图层第一帧,从库中拖出按钮2至工作区,全居中。用任意变形工具将其调整为,如图4所示:
图4
右键该按钮,打开动作面板,在as编辑区输入,如下语句:
on (release) {
gotoAndStop(2);
}
锁定该图层。
(3)选择按钮3图层第一帧,从库中拖出按钮3至工作区,全居中。用任意变形工具将其调整为,如图5所示:
图5
右键该按钮,打开动作面板,在as编辑区输入,如下语句:
on (release) {
gotoAndStop(3);
}
锁定该图层。
(4)选择按钮3图层第一帧,从库中拖出按钮4至工作区,全居中。用任意变形工具将其调整为,如图6所示:
图6
右键该按钮,打开动作面板,在as编辑区输入,如下语句:
on (release) {
gotoAndStop(4);
}
锁定该图层。
注:下边环节一定要认真仔细操作:
(5)a.右键“按钮2图层第一帧-复制帧”,再右键“按钮1图层第2帧-粘贴帧”,再右键“按钮1图层第一帧-复制帧”,再右键“按钮2图层第2帧-粘贴帧,在按钮3图层第2帧插入关键帧,再在按钮4图层第2帧插入关键帧;该环节完成后的实例显示,如图7所示:
图7
b.右键“按钮3图层第一帧-复制帧”,再右键“按钮1图层第3帧-粘贴帧”,再右键“按钮1图层第2帧-复制帧”,再右键“按钮2图层第3帧-粘贴帧”,再右键“按钮1图层第1帧-复制帧”,再右键“按钮3图层第3帧-粘贴帧,在按钮4图层第3帧插入关键帧;该环节完成后的实例显示,如图8所示:
图8
c.右键“按钮4图层第1帧-复制帧”,再右键“按钮1图层第4帧-粘贴帧”,再右键“按钮1图层第3帧-复制帧”,再右键“按钮2图层第4帧-粘贴帧”,再右键“按钮1图层第2帧-复制帧”,再右键“按钮3图层第4帧-粘贴帧”,再右键“按钮1图层第1帧-复制帧”再右键“按钮4图层第4帧-粘贴帧”。该环节完成后的实例显示,如图9所示:
注:如此操作的目的就是让每个按钮在每个帧上都行使相应的指令。
图9
(6)选择边框图层第一帧,导入或制作一个边框,规格为550*450。全居中。在第4帧插入普通帧。上锁。如图10所示:
图10
(7)右键as图层第一帧,打开动作面板,在as编辑区输入停止指令:
stop();
6.时间轴面板如图11所示:
图11
7.测试存盘
说明
1.本作业的关键环节是 “5.编辑制作场景的第五步(5)”,一定要认真细致的操作,是否成功,关键有在于每个帧上的每个按钮在动作面板中都有相关的指令语句。
2.如果想多放一些图片或照片,那就相应地多创建图片按钮,并将每个按钮放到相关的图层、相关的帧,输入相关的脚本,其规律我想你在制作中就可以把握到的。
3.图片按钮的摆放可依据个人喜好来定,比如你可以摆放成上下垂直交叉、左右水平交叉或上下左右水平交叉等等。