您好!欢迎您光临鼠标点选层叠画面的制作原理与思考(按钮)_迎客松B站!

体育

I

交友

I

论坛

I

会员注册

I

本站搜索

I

收藏本站

当前位置:首页 >>>实例教程>>>鼠标点选层叠画面的制作原理与思考(按钮)
鼠标点选层叠画面的制作原理与思考(按钮)
发表日期:2012-9-18 11:54:00 出处:迎客松 作者:翠柏 发布人:hsb345 已被访问 3944

 鼠标点选层叠画面的制作原理与思考

(按钮)

   

    教学目的:通过本节教学了解和掌握按钮指令层叠画面切换的基本原理与制作过程,进而制作出不用脚本也可用鼠标点选画面的效果来。

  教学对象:本教材是针对有一定动画制作基础和对as语句有一定了解的朋友们编制的,因此省略了一些步骤,还望谅解。

    教学要点:按钮的运用。

 

   

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

 最终效果显示


http://hsb345.16789.net/domName/hsb345/200851611275814053.swf

 

全屏下载

 

祝你成功!

 

进入更多教程

双击自动滚屏 【打印本页】 【关闭窗口
 相关评论:

没有相关评论

 发表评论:

身份选择:会员 游客(游客不需要输入密码)
用 户 名: 密 码:
评论内容:
(最多评论字数:500)

迎客松B站 | 设为首页 | 加入收藏 | 联系我们 | 进入管理 | 关于站长 | 本站搜索

联系电话: 联系人:翠柏

琼icp备09005167