您好!欢迎您光临本站! 体育 I 论坛 I 交友 I

会员注册

I

本站搜索

I

收藏本站

当前位置:首页 >>>学习教材>>>Flash实例>>>FLASH实例:《点蜡烛》
FLASH实例:《点蜡烛》
发表日期:2006/10/20 19:59:00 出处:闪客启航 作者:未知 发布人:aypy1020 已被访问 4272


录音下载

点击浏览该文件
源文件下载:

点击浏览该文件
制作步骤:
一、文档命名,属性设置.
   1.文档命名:
    打开软件,点文件,点另存为,找到保存位置,并在文件名栏里输入文件名:"点蜡烛",然后点保存。
   2.设置文档属性:背景色任意,场景大小为:800*600,其它保持默认.
 二、制作元件:
    1.烛身: 新建元件,名称:烛身。行为:图形.
    (1)用矩形工具画一个宽80,高140的无边框矩形,用线性填充,填充色为:#FF0000,#FFCECE
    (2)再用椭圆工具画一个宽80,高20的无边框椭圆,用线性填充。填充色为:#ff0000,#FF9966,#FFFF99。把填充好的椭圆放在矩形的顶端。
    (3)在椭圆上用线条工具画一条黑色的短线作为烛蕊。
   (效果如图一)

此主题相关图片如下:
按此在新窗口浏览图片
   2.火焰: 新建元件,名称:火焰。行为:影片剪辑.
   (1)用椭圆工具画一个宽20,高36 的无边框椭圆,放射状填充 ,填充色为:#FFFF00,#FFCC00,#FFCC00。后一个#FFCC00的透明度为50%。用箭头工具把椭圆修整为焰火的形状。用填充变形工具调整好火焰的填充效果。用对齐面板把火焰垂直中齐,底对齐.
   (2)用帧帧动画做火焰动画效果。共15桢。 操作:在每一个关键帧上用黑箭头工具在火焰的上部拖动,改变火焰的形态。
   (效果如图二)

此主题相关图片如下:
按此在新窗口浏览图片
   3.光丝: 新建元件,名称:光丝,行为:图形.
    (1)用椭圆工具画一个宽150,高5的无边框椭圆。居中对齐。用放射状填充,填充色为:#FFFF00,透明度100%。#FFFF59,透明度为60%。#FFFFCC,透明度为0%。
   (2)用变形面板把填充好的光丝复制旋转60度,复制2次。
   (效果如图三)

此主题相关图片如下:
按此在新窗口浏览图片
    4.光辉: 新建元件,名称:光辉。行为:影片剪辑。
   (1)用椭圆工具画一个直径为160的无边框正圆,用放射状填充,填充色:#FFFF00 透明度100%。#FFFF6B,透明度 为80%。#FFFFCC,透明度为0%。居中对齐。在30帧处插关键帧。创建形状补间。再在15帧处插入关键帧,并在此帧上把圆缩小为原来的60%。
   (2)插入图层二,在图层二的第一帧处从库里提进光丝元件,居中对齐。在第30帧处插入关建帧,创建补间动画。再在15帧处插入关键帧,在此帧上把光丝缩小为原来的60%并旋转45度。
    (效果如图四)

此主题相关图片如下:
按此在新窗口浏览图片
   5.火柴: 新建元件,名称:火柴,行为:按钮。
   (1)用矩形工具画一个宽130,高5的无边框矩形做为火柴杆,用线性填充。填充色为:#FFFFFF,#717171,#FFFFFF.用对齐面板把火柴杆左对齐,垂直中齐。组合,并用任意变形工具把火柴杆的注册点移到左边,再用变形面板旋转-30度
   (2)插入图层二,在此图层的第一帧处,从库里提进火焰元件,用对齐面板把火焰水平中齐,底部分布。
   (3)分别在两个图层的第三帧处插延长帧。
    (效果如图五)

此主题相关图片如下:
按此在新窗口浏览图片
   6 .火元件: 新建元件,行为:影片剪辑,名称:火.
    把火柴按钮提入,并把火柴按钮的注册点与元件编辑区的中心重合。(效果如图六) 

此主题相关图片如下:
按此在新窗口浏览图片
   7.词: 新建元件,名称:词,行为:影片剪辑。
   (1)选取文本工具,设置文本属性:静态文本 ,字体,字色自定,字号26,文本方向:垂直从右向左。列间距设为2。
   (2)在图层一的第一帧输入词[一曲新 词酒一杯,去年天气旧池台,夕阳西下几时回,无可奈何花落去,似曾相识燕归来,小园香径独徘徊。]居中对齐。
   (3)插入图层二,在图层二的第一桢处,用椭圆工具画一个宽350,高200的无边框矩形。填充色为任意。把矩形放到文字的右边,在20 帧处 插入关键帧 ,把矩形向左移遮盖住第一和第二列字。又在第40帧处插入关键帧,把矩形左移,遮盖住第三、第四列字。再在第60桢处插入关键帧,把矩形向左移动把所有文字全部遮盖住。创建形状补间。分别在每个关键帧上输入stop();命令。(效果如图七)

此主题相关图片如下:

   (4)把图层二设为遮罩。
    (说明:可以先把文字做出你喜欢的文字效果)
   8 .提示: 新建元件,名称:提示,行为:影片剪辑。
   (1)选取文本工具,设置文本属性:静态文本 ,字体:宋体,字号20,文本方向:水平。输入文字:请用火柴点蜡烛”.
   (2)在图层一的第一帧处输入文字:“请用火柴点蜡烛”。在第6帧上插入延。
   (3)插入图层二,在图层二第一帧上画一个无边框的小圆点,填充为蓝色,放在文字的右下方。在第二桢插入关健帧再在原小圆点的右边增加一个小圆,依次下去,做到第6帧上是6个圆。在第6帧上改变 6个小圆点的填充色为绿色.
   (效果如图八)

此主题相关图片如下:
按此在新窗口浏览图片
   9.空元件: 新建元件,行为:影片剪辑,名称:空(说明:此元件是空元件)
  10.隐形按钮: 新建元件:名称:隐形按钮,行为:按钮。
  在图层一的第四帧上插入关键帧,画一个宽30,高40的无边框矩形.填充色任意.居中对齐。
  11.背景元件:新建元件,行为:影片剪辑,名称:背景
  (1)导入背景图片到库.
  (2)从库里提进背景图,在属性面板里把图片设为宽600高400,居中对齐。

 三、组装:
   1.在场景中,把图层一命名为背景,从库存里把背景元件提入,居中对齐。在属性面里输入实例名:bj
    2.插入图层二,名命为:空。从库存里把空元件提进。
   3.插入图层三,名命为:烛身。从库存里提进三个蜡身,放到适当的位置。分别变形为原来的100%,80%,60% 。
   4.插入图层四,命名为:辉光。从库存里提进三个辉光元件,分别变形为原来的100%,80%,60%。放到相应的位置上。在属性面里依次输入实例名:g1,g2,g3.把光辉图层拖到烛身图层的下面.
    5.插入图层五,命名为:火焰。从库里提进三个火焰元件,分别变形为原来的180% 。140%,100%。放到相应位置。在属性面里依次输入实例名:h1,h2,h3。
   6.插入图层六,命名为:提示。从库里提进提示元件和火元件,放到适到位置。并在属性面里给提示元件输入实例名:ts.火元件输入实例名:h.
    7.插入图层七,命名为:词。从库里提进词元件。放到适到位置,并在属性面里输入实例名:sc (说明:如果位置不好确定,可先把词元件的遮罩取消,确定好位置后再回到词元件中设上遮罩.)
   8.插入图层八,命名为按纽。从库里提出三个变色按纽,确定好位置.再提出三个隐形按纽。分别放在三个火焰上.(三个隐形按钮分别叫做隐形按钮1,2,3。)
  9.插入图层九,命名为:按钮名称。用文本工具输入,“退火柴”“灭蜡烛”,“退影片”文字。分别放在三个变色按纽上面。
  10.插入图层十,命名为:脚本。

四、写脚本
  1.在脚本图层的第一帧上输入脚本:
a=new Array();
i=0;
q=0;
p=0;



  2.空元件上的脚本:

onClipEvent(load){//当MC load时
_root.g1._visible=0;
_root.g2._visible=0;
_root.g3._visible=0;//以上三个分别设置词、三个光不可见
_root.sc._alpha=0;
_root.bj._alpha=0;//以上两个设置词,背景的alpha值为0
_root.h1._visible=0;
_root.h2._visible=0;
_root.h3._visible=0;//以上三个分别设置火焰不可见
}


  3.火元件上的脚本:
on (release) {
startDrag ("_root.h", true);//开始拖动火柴
    _root.ts._visible=0; //设置提示文字可视度为0
   _root.draging=1;//设置标志变量
    i=1;
}

(注意事项:此脚本是在火元件中输入。)

  4.隐形按钮1上的脚本:
on (release) {
//如果火柴h被点击并且火苗h1没被点亮时;
if((draging==1)&&(_root.h1._visible==0)){
a[i]=1;//向数组充入一个元素
_root.h1._visible=1;//设置火焰可视
_root.sc._alpha+=33;//设置词的alpha值加33
_root.sc._visible=1//设置词可视
_root.sc.play();//使词的MC播放
_root.g1._visible=1;//设置光可见
_root.bj._alpha+=33;//设置背景图片的alpha值加33
i++;}//此时i=1

}




  5.隐形按钮2上的脚本:
on (release) {
if((draging==1)&&(_root.h2._visible==0)){
a[i]=2;//向数组充入一个元素
_root.h2._visible=1;//设置火焰可视
_root.sc._visible=1//设置词可视
_root.sc._alpha+=33;//设置词的alpha值加33
_root.sc.play();//使词的MC播放
_root.g2._visible=1;//设置光可见
_root.bj._alpha+=33;//设置背景图片的alpha值加33
i++;}
}


   6.隐形按钮3上的脚本:
on (release) {
if((draging==1)&&(_root.h3._visible==0)){
a[i]=3;//向数组充入一个元素,
_root.h3._visible=1;//设置火焰可视
_root.sc._visible=1//设置词可视
_root.sc._alpha+=33;//设置词的alpha值加33
_root.sc.play();//使词的MC播放
_root.g3._visible=1;//设置光可见
_root.bj._alpha+=33;//设置背景图片的alpha值加33
i++;}
}


  7.退火柴按钮上的脚本:
on (release) {
stopDrag ()
_root.h._x = 450;
_root.h._y = 450;
}

(说明:火元件退回的坐标由你放火元件的位置来定)

   8.灭蜡烛按钮上脚本:
on(release){if(q<i){
p=a[q];
setProperty("_root.h" add p,_visible,0);//依次设置火焰不可见
 setProperty("_root.g" add p,_visible,0);//依次设置光不可见
q++;
_root.bj._alpha-=33;     //设置背景的alpha值依次减33
_root.sc._alpha-=33;     //设置词的alpha值依次减33
if(_root.sc._alpha<20){
_root.sc.gotoAndPlay(1);  //设置词元件回到第一帧
_root.ts._visible=1;     //使提示文字出现
}

}
}

  9.退影片按钮上脚本:
on (release) {
fscommand("quit");  //退出影片
}

五、播放存盘。

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

没有相关评论

 发表评论:

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

兰幽空间 | 设为首页 | 加入收藏 | 联系我们 | 进入管理 | 关于站长 | 本站搜索

联系电话: 联系人:心梦、劳拉