正在阅读:Flash实例教程:单选题的制作Flash实例教程:单选题的制作

2007-11-28 10:04 出处: 作者:张风春 责任编辑:chenzhenjia
1Flash实例教程:单选题的制作(1)回顶部

更多精彩平面及网站设计图文教程、视频教程,尽在PConline创意设计栏目

  本文由中国教程网 张风春 原创,转载请保留此信息!


  第一次发教程,不好的方面大家可以提意见,下次发的时候好改正,请大家多多支持我!

  首先来欣赏一下最终效果:

 


效果预览

  制作使用素材:

Flash实例教程:单选题的制作
素材

  制作步骤

  1.新建一个文件,尺寸330*330 背景色为黑色,其他值默认,如下图所示

Flash实例教程:单选题的制作
图1

  2.导入素材到舞台并居中对齐,如下图所示

Flash实例教程:单选题的制作
图2

  3.锁定图层1,并添加一个图层2

Flash实例教程:单选题的制作
图3

2Flash实例教程:单选题的制作(2)回顶部

  4.点文本工具,属性如下:

Flash实例教程:单选题的制作
图4

  5.输入以下文本:

Flash实例教程:单选题的制作
图5

  6.点击窗口,打开组件面板,并把下面这个组件拖到舞台

Flash实例教程:单选题的制作
图6

  7.点击属性—参数—单击右边的DATA弹出数值框:

Flash实例教程:单选题的制作
图7

Flash实例教程:单选题的制作
图8

3Flash实例教程:单选题的制作(3)回顶部

  8.点+号添加一个对象并且把名字改成VCD,如图:

Flash实例教程:单选题的制作
图9

  9.与第8步一样的方法创建其他几个对象,最后点击确定,如下图所示

Flash实例教程:单选题的制作
图10

  10.回到参数设置,选择右边的labels并单击打开数值框,如下图所示

Flash实例教程:单选题的制作
图11

Flash实例教程:单选题的制作
图12

  11.和第8、9步一样创建各对象,最后结果如下:

Flash实例教程:单选题的制作
图13

4Flash实例教程:单选题的制作(4)回顶部

  12.单击舞台中的组件对象,打开属性面板,把实例名命名为box,如下

Flash实例教程:单选题的制作
图14

Flash实例教程:单选题的制作
图15

  13.添加一个图层3,在其第一帧处打开动作面板,输入代码 Stop():

Flash实例教程:单选题的制作
图16

Flash实例教程:单选题的制作
图17

  14.新建一个图层,命名为按钮

Flash实例教程:单选题的制作
图18

5Flash实例教程:单选题的制作(5)回顶部

  15.点菜单栏的窗口-打开公用按钮面板

Flash实例教程:单选题的制作
图19

  16.选择一个按钮拖到舞台

Flash实例教程:单选题的制作
图20

Flash实例教程:单选题的制作
图21

  17.双击进入子对象层级进行编辑,把文字层命名为提交,然后返回主场景

Flash实例教程:单选题的制作
图22

Flash实例教程:单选题的制作
图23

Flash实例教程:单选题的制作
图24

6Flash实例教程:单选题的制作(6)回顶部

  18.新建一个图层,命名为按钮2,并且在其第2帧插入关键帧,保持第二帧被选中的状态下,打开公用库面板拖入一个按钮,并且把文字层命名为返回,如下图所示

Flash实例教程:单选题的制作
图25

Flash实例教程:单选题的制作
图26

  19.激活返回按钮,打开属性面板,把其实力名命名为fh_btn 见下图:

Flash实例教程:单选题的制作
图27

  20新建一个图层,命名为文字层,在其第2帧插入关键帧,如下:

Flash实例教程:单选题的制作
图28

  21.单击文本工具在舞台上绘制一个矩形文本框,其属性设置如下:

Flash实例教程:单选题的制作
图29

Flash实例教程:单选题的制作
图30

7Flash实例教程:单选题的制作(7)回顶部

  22. 激活提交按钮打开动作面板,输入以下脚本,如图:

Flash实例教程:单选题的制作
图31

  ___________________________________________________________________
  on (press) {
  if (box.getValue() == "VCD") {
  jg = "对不起,你选择的答案不正确,请按返回重新选择!";
  }
  if (box.getValue() == "APC") {
  jg = "对不起,你选择的答案不正确,请按返回重新选择!";
  }
  if (box.getValue() == "WPC") {
  jg = "对不起,你选择的答案不正确,请按返回重新选择";
  }
  if (box.getValue() == "MPC") {
  jg = "恭喜你^@^,选择正确!MPC是英文Multimedia Personal Computer的缩写!你知道吗?";
  }
  gotoAndStop(2);
  }
  ___________________________________________________________________

  23.激活返回按钮打开动作面板,输入以下脚本:

  ___________________________________________________________________
  on (release) {
  gotoAndStop(1);
  jg = "";
  }
  ___________________________________________________________________

  24.把各元件的位置调整一下,保存发布影片

Flash实例教程:单选题的制作
图32

Flash实例教程:单选题的制作
图33

  25.最后时间轴如图所示:

Flash实例教程:单选题的制作
图34

  26.对了最后一步别忘记了加上你的签名,自己可扩展,具体的自己看哦,希望大家鼓励一下!

Flash实例教程:单选题的制作
图35

关注我们

最新资讯离线随时看 聊天吐槽赢奖品