分享

无脚本课件单选题的制作与思考

 昵称190486 2010-04-20

无脚本课件单选题的制作与思考

   

    教学目的:通过本节教学了解和掌握按钮的制作于使用,进而加深对按钮交互功能的深知于熟练把握,并运用此功能创作选择课件的测试效果。

  教学对象:本教材是针对有一定动画制作基础和对属性面板、工具箱、动作面板有所了解的朋友们编制的,因此省略了一些步骤,还望谅解。

    教学要点:按钮及指令添加,Alpha设定。

 

    

    作前准备

    2.准备三张规格约100*100的小像素的相关图片,透明矢量图最好,经过制图软件(ps、fw)处理后,放到指定的文件夹待用。

    制作步骤

    1.启动FLASH8 软件

    2.确立文档属性

    设置动画尺寸为550*400,背景颜色黑禄,其它默认,点击确定,进入场景1工作区。如图1所示:



图1

    3.首先将准备好的图片导入到库中待用。素材图如下所示:

(素材图1)

(素材图2)


(素材图3)

    4.创建图形元件

    (1)选择“插入-新建元件”,建立一个名为“题板”的图形元件,点击确定,进入元件编辑区。就一个图层。选择图层1第一帧,用矩形工具,笔触高度为2、颜色白色,填充色为淡黄色的,规格为400*260的矩形。全居中。如图2所示:


图2

    (2)选择“插入-新建元件”,建立一个名为“队徽”的图形元件,点击确定,进入元件编辑区。就一个图层。从库中拖出队徽图片到舞台,打散。用橡皮擦擦去底色背景,规格约为80*95。全居中。如图3所示:

图3

    (3)同理同种方法完成“队章、队旗”的图形元件的操作。如图4、5所示:

   

(图4)           (图5)

    5.创建按钮元件

    选择“插入-新建元件”,建立一个名为“按钮”的按钮元件,点击确定,进入元件编辑区。选择第一帧(弹起),用矩形工具在舞台拖一个浅灰色的、规格约为120*35的、无边线的矩形。全居中,将其转为图形元件。点击该实例,设置其Alpha为0%,如图6所示:

图6

在第2帧插入关键帧,设置其Alpha为30%,如图7所示:

图7

在第4帧(点击)插入帧。


    6.创建影片剪辑元件

    (1)选择“插入-新建元件”,建立一个名为“试题1”的影片剪辑元件,点击确定,进入元件编辑区。添加三个图层,共四个图层。自下而上命名为题板、主题、按钮、停止。

    a.选择题板图层第一帧,从库中拖出题板图形元件到舞台,规格400*260,全居中。如图8所示:

图8

在第3帧插入帧,上锁。

    b.选择主题图层第一帧,用文本工具在题板处输入题目和选项,规格、颜色自定。全居中。如图9所示:


图9

在第2帧插入关键帧,删除文字内容,重新改写内容为,如图10所示:

图10

在第3帧插入关键帧,删除文字内容,重新改写内容为,如图11所示:


图11

 锁定该图层。

    c.选择按钮图层第一帧,从库中分别依次拖出三个按钮元件到舞台,分别依次放置在选题之上。如图12所示:

图12

选中老子上的按钮,按f9,打开动作面板,在as编辑区输入,如下指令语句:

on (release) {
 gotoAndStop(3);

选中孔子上的按钮,按f9,打开动作面板,在as编辑区输入,如下指令语句:

on (release) {
 gotoAndStop(2);

选中韩非子上的按钮,按f9,打开动作面板,在as编辑区输入,如下指令语句:

on (release) {
 gotoAndStop(3);

在第2帧插入空白关键帧,从库中拖出按钮元件到舞台,放置在“返回”之上,如图13所示:

图13

选中该按钮,按f9,打开动作面板,在as编辑区输入,如下指令语句:

on (release) {
 gotoAndStop(1);

在第3帧插入空白关键帧,从库中拖出按钮元件到舞台,放置在“返回”之上,如图14所示:


图14

选中该按钮,按f9,打开动作面板,在as编辑区输入,如下指令语句:

on (release) {
 gotoAndStop(1);

锁定该图层。


    d.选择停止图层第一帧,按f9,打开动作面板,在as编辑区输入停止指令:stop(); 在第3帧插入帧。上锁。

    本环节的时间轴显示,如图15所示:


图15

    (2)选择“插入-新建元件”,建立一个名为“试题2”的影片剪辑元件,点击确定,进入元件编辑区。添加三个图层,共四个图层。自下而上命名为题板、主题、按钮、停止。

    a.选择题板图层第一帧,从库中拖出题板图形元件到舞台,规格400*260,全居中。如图16所示:

图16

在第3帧插入帧,上锁。

    b.选择主题图层第一帧,用文本工具在题板处输入题目,规格颜色自定。全居中。在从库中分别依次拖出队徽、队章、队旗图形元件到舞台,分别依次放置在题目的下方。如图17所示:

图17

    c.选择按钮图层第一帧,从库中分别依次拖出三个按钮元件到舞台,分别依次放置在队徽、队章、队旗之上。如图18所示:


图18

选中队徽上的按钮,按f9,打开动作面板,在as编辑区输入,如下指令语句:

on (release) {
 gotoAndStop(2);

选中队章上的按钮,按f9,打开动作面板,在as编辑区输入,如下指令语句:

on (release) {
 gotoAndStop(3);

选中队旗上的按钮,按f9,打开动作面板,在as编辑区输入,如下指令语句:

on (release) {
 gotoAndStop(3);

在第2帧插入空白关键帧,从库中拖出按钮元件到舞台,放置在“返回”之上,如图19所示:

图19

选中该按钮,按f9,打开动作面板,在as编辑区输入,如下指令语句:

on (release) {
 gotoAndStop(1);

在第3帧插入空白关键帧,从库中拖出按钮元件到舞台,放置在“返回”之上,如图20所示:


图20

选中该按钮,按f9,打开动作面板,在as编辑区输入,如下指令语句:

on (release) {
 gotoAndStop(1);

锁定该图层。


    d.选择停止图层第一帧,按f9,打开动作面板,在as编辑区输入停止指令:stop(); 在第3帧插入帧。上锁。

    本环节的时间轴显示,如图21所示:


图21

 

    7.编辑制作场景

    返回场景1,添加三个图层,共四个图层。自下而上命名为试题、文本、按钮、停止。

    (1)选择试题图层第一帧,从库中拖出“试题1”影片剪辑到舞台,全居中;如图22所示:

图22

在第2帧插入空白关键帧,从库中拖出“试题2”影片剪辑到舞台,全居中。上锁。如图23所示:

图23

    (2)选择文本图层第一帧,用文本工具在试题1的上方输入“单选题”;在试题1的下方输入“下一题”。两者规格、颜色、字体随意。如图24所示:

图24

在第2帧插入关键帧,用文本工具在试题2的下方输入,改“下一题”为“返回”。如图25所示:


图24

    (3)选择按钮图层第一帧,从库中拖出“按钮”元件舞台,将其放置在“下一题”之上。点击该按钮,按f9,打开动作面板,在as编辑区输入,如下指令语句:

on (release) {
 gotoAndStop(2);

在第2帧插入关键帧,点击“返回”上按钮,按f9,打开动作面板,在as编辑区改语句为:


on (release) {
 gotoAndStop(1);

锁定该图层。


    (4)选择停止图层第一帧,按f9,打开动作面板,在as编辑区输入停止指令:stop(); 在第3帧插入帧。上锁。


    8.本作业完成后的时间轴,如图25所示:



图25

    9.测试存盘。

 
    说明:
 
    1.按钮摆放的位置和规格一定要和它所覆盖的实例相适宜。
 
    2.按照此原理和方法既可以制作多试题课件,也可以制作多项选择题课件。
 
 
最终效果显示:

 

http://hsb345./domName/hsb345/20099315581684362.swf

全屏下载

 

祝你成功!

 

     

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约

    类似文章 更多