您好!欢迎您光临点燃红烛的制作原理与思考_迎客松B站!

体育

I

交友

I

论坛

I

会员注册

I

本站搜索

I

收藏本站

当前位置:首页 >>>实例教程>>>点燃红烛的制作原理与思考
点燃红烛的制作原理与思考
发表日期:2012-9-19 9:01:00 出处:迎客松 作者:翠柏 发布人:hsb345 已被访问 5341

 点燃红烛的制作原理与思考

   

    教学目的:通过本节教学了解和掌握空元件、按钮、动作面板及动作语句的添加、使用,进而运用按钮、空元件和脚本制作妙趣横生的动画作品。

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

    教学要点:空元件,按钮、as语句。

 

   

    制作步骤

  1.启动FLASH8 软件

    2.确立文档属性 设置动画尺寸为550*500,帧频为12,背景颜色黑色,其它默认,点击确定,进入场景1。如图1所示:


(图1)

    3.创建图形元件 

    选择“插入-新建元件”,创建一个名为“蜡烛”的图形元件。点击确定,进入元件编辑区。用矩形工具和椭圆形工具绘制一支蜡烛,如图2所示: 

图2

    4.创建影片剪辑元件

    (1)选择“插入-新建元件”,创建一个名为“火苗”的影片剪辑,点击确定,进入元件编辑区。选择椭圆形工具,打开混色器,设置其参数如图3所示:


图3

选择第一帧,在工作区拖一个规格为12*35的竖向,无边框椭圆,然后,用充分变形工具将其色调调整为上白下红,全居中。在第3、5帧处插入关键帧,并将第1、3、5帧上的所有实例打散,并将其注册点移至下端点。点击第3帧,将工作区中的实例放大规格为13*50。分别点击第1、第3帧,创建这两个区域间的形状补间。如图4所示:


图4

    (2)选择“插入-新建元件”,创建一个名为“火源”的影片剪辑元件,点击确定,进入元件编辑区。添加一个图层,共两个图层。上层为火苗,下层为柴杆。

    a.选择柴杆图层第一帧,用线条工具画一条无填充色,笔触为3的黄禄色线段,用任意变形工具将其调整为,如图5所示:


图5

    b.选择火苗图层第一帧,从库中拖出“火苗”影片剪辑,将其下端放到柴杆的左端点,如图6所示:


图6

    (3)选择“插入-新建元件”,创建一个名为“空影片”的影片剪辑元件,点击确定,进入元件编辑区。如图7所示:


图7

注:此元件为空,不进行编辑。

    5.创建按钮元件

    (1)选择“插入-新建元件”,创建一个名为“火柴”的按钮元件,点击确定,进入元件编辑区。点击弹起帧,从库中拖出“火源”影片剪辑至工作区,在“按下”帧插入普通帧。如图8所示:


图8

    (2)选择“插入-新建元件”,创建一个名为“隐钮”的按钮元件,点击确定,进入元件编辑区。在“点击”帧插入空白关键帧,用矩形工具在工作区拖一个无边框的矩形,颜色任意,规格为50*40。如图9所示:


图9

    6.组织编辑场景 返回场景1,添加七个图层,共八个图层。自下而上分别命名为空影片、蜡烛、火苗、火柴、文本、隐钮、边框和as。

    (1)选择空影片图层第一帧,从库中拖出“空影片”剪辑至工作区。如图10所示:


图10

右键该空影片剪辑,打开动作面板,在as编辑区输入如下语句:

onClipEvent(load){
_root.h1._visible=0;
_root.h2._visible=0;
_root.h3._visible=0;
}

在第2帧插入帧,锁定该图层。

    (2)选择蜡烛图层第一帧,从库中分别拖出三个“蜡烛”图形元件至工作区,调整好大小,摆放在你指定的位置,在第2帧插入帧。上锁。如图11所示:


图11

    (3)选择火苗图层第一帧,从库中分别拖出三个“火苗”影片剪辑至工作区,调整好大小,分别依次放在三个蜡烛的上方。如图12所示:


图12

分别依次在属性面板中填写<实例名称>为h1、h2、h3。如图13所示:


图13

在第2帧插入帧,锁定该图层。

    (4)选择火柴图层第一帧,从库中拖出“火柴”按钮元件至工作区, 填写其实例名称为:a 调整好大小,放置在场景的右下角。如图14所示:


图14

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

on (release) {
startDrag ("_root.a", true);
_root.draging=1;
i=1;
}

在第2帧插入空白关键帧,锁定该图层。

    (5)选择文本图层第一帧,用文本工具输入相关内容,如图15所示:


图15

在第2帧插入空白关键帧,用文本工具输入作者名称、制作日期或做相关链接。上锁。

    (6)选择隐钮图层第一帧,从库中分别拖出“隐钮”四个放置在火苗和熄灭火柴之上。如图16所示:


图16

右键左边第一个蜡烛火苗上的隐形按钮,打开动作面板,在as编辑区输入如下语句:

on (release) {
if((draging==1)&&(_root.h1._visible==0)){
a[i]=1;
_root.h1._visible=1;
i++;}
}

右键左边第二个蜡烛火苗上的隐形按钮,打开动作面板,在as编辑区输入如下语句:

on (release) {
if((draging==1)&&(_root.h2._visible==0)){
a[i]=2;
_root.h2._visible=1;
i++;}
}

右键左边第三个蜡烛火苗上的隐形按钮,打开动作面板,在as编辑区输入如下语句:

on (release) {
if((draging==1)&&(_root.h3._visible==0)){
a[i]=3;
_root.h3._visible=1;
i++;}
}

右键“熄灭火柴”上的隐形按钮,打开动作面板,在as编辑区输入如下语句:

on (release) {
 gotoAndStop(2);

}

在第2帧插入空白关键帧。锁定该图层。

    (7)选择边框图层第一帧,导入或制作一个边框,设置其规格为550*500,全居中,在第2帧插入帧。上锁。如图17所示:


图17

    (8)选择as图层第一帧,右键该空白关键帧,打开动作面板,在as编辑区输入停止指令:

stop();

在第2帧插入帧,锁定该图层。

    7.该作业完成后的时间轴如图18所示:


图18

    8.测试存盘

 

    *说明

    1.文本图层第2帧的相关链接,可参照《如何在flash作品中添加QQ留言》

    2.在火苗上添加火苗闪动的光环效果会更加逼真可观。

    3.如果将此教程添加一个生日背景、音乐,或将蜡烛放置在蛋糕上,再加上个性的创意来制作一份生日贺卡送给你的长辈和朋友,是不是很不错啊!那就试着创作一个吧。

 

 最终效果显示:


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

 

全屏下载

 

祝你成功!

 

进入更多教程

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



小三
(2009-7-23 12:38:00) [124.112.40.]

谢谢

 发表评论:共有 1 条评论

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

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

联系电话: 联系人:翠柏

琼icp备09005167