点击这里给我发消息 点击这里给我发消息
首页 > 行业资讯 > flash>详细内容

Flash 鼠标点选层叠画面的制作原理与思考(按钮)

添加时间:2013-12-6
    相关阅读: 软件 制作
 

作前准备 准备四张图片或照片。经过制图软件处理,并设置其规格为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.图片按钮的摆放可依据个人喜好来定,比如你可以摆放成上下垂直交叉、左右水平交叉或上下左右水平交叉等等。

 

咨询热线:020-85648757 85648755 85648616 0755-27912581 客服:020-85648756 0755-27912581 业务传真:020-32579052
广州市网景网络科技有限公司 Copyright◎2003-2008 Veelink.com. All Rights Reserved.
广州商务地址:广东省广州市黄埔大道中203号(海景园区)海景花园C栋501室
= 深圳商务地址:深圳市宝源路华丰宝源大厦606
研发中心:广东广州市天河软件园海景园区 粤ICP备05103322号 工商注册