您好!欢迎您光临鼠标点击礼花绽放的制作原理与方法_迎客松B站!

体育

I

交友

I

论坛

I

会员注册

I

本站搜索

I

收藏本站

当前位置:首页 >>>进阶教程>>>鼠标点击礼花绽放的制作原理与方法
鼠标点击礼花绽放的制作原理与方法
发表日期:2012/9/18 11:52:00 出处:迎客松 作者:翠柏 发布人:hsb345 已被访问 4137

鼠标点击礼花绽放的制作原理与方法

   

    教学目的:通过本节教学了解和掌握影片剪辑的属性链接,蒙板的制作与脚本的添加,动作面板及其as语句的制作输入,并运用上述原理方法创作五彩缤纷、绚丽多姿的节日烟火效果。

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

    教学要点:蒙板动作面板、色调变换、as语句、混色器Alpha

 

 

     作前准备:

    1.准备一张节日夜空的背景图片,规格约550*400,经过制图软件(ps、fw)处理后保存到指定的文件夹待用。

    2. 下载一个礼花或烟火的mp3音响效果,保存到指定的文件夹待用。

   制作步骤

  1.启动FLASH8 软件

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

图1

    3.首先将准备好的素材导入到库中待用。

    4.创建影片剪辑元件

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

图2

在舞台拖一个规格约3*3的,无边线的圆(如图3-1所示),全居中。在第20、40帧插入关键帧,选中第20帧上的实例,用选择工具压住小圆左边缘向左平拖一个锥形,长度约50像素(如图3-2所示),左端对齐舞台中心点。再点第40帧上的小圆向右平移约50像素(如图3-3所示)。如图3所示:

图3(放大四倍)

点击图层名称处,待本图层所有帧变黑后,在属性面板创建形状补间。在第41帧插入空白关键帧,按f9,打开动作面板,在as编辑区输入停止指令:stop();

此环节完成后的时间轴,如图4所示:

图4

    (2)选择“插入-新建元件”,建立一个名为“声效”的影片剪辑元件,点击确定,进入元件编辑区。就一个图层,从库中拖出礼花声效到舞台,位置随意,按f5,待声音放完时松开,并延长的第45帧。点击第一帧,并在属性面板同步处选择“数据流”。在第46帧插入空白关键帧,按f9,打开动作面板,在as编辑区输入停止指令:stop();


此环节完成后的时间轴,如图5所示:

图5

    (3)选择“插入-新建元件”,创建一个名为“烟火”的影片剪辑元件,点击确定,进入元件编辑区。添加两个图层,共三个图层。自下而上命名为礼花、声效、as。

    a.选择礼花图层第一帧,从库中拖出礼花影片剪辑元件到舞台,全居中,选中该实例,在属性面板填写其实例名称为lh 。上锁。

    b.选择声效图层第一帧,从库中拖出声效影片剪辑元件到舞台,位置随意。上锁。

    c.选择as图层第一帧,按f9,打开动作面板,在as编辑区输入,如下语句:

for (i=8; i<60; i++) {
 duplicateMovieClip("lh", "lh"+i, i);
 setProperty("lh"+i, _rotation, random(360));
 setProperty("lh"+i, _alpha, random(20)+80);
 setProperty("lh"+i, _xscale, 50+Number(random(60)));
 setProperty("lh"+i, _yscale, 50+Number(random(60)));
 tellTarget ("lh"+i) {
  gotoAndPlay(random(5));
 }
}

设定该图层。

    (4)选择“插入-新建元件”,建立一个名为“蒙板”的影片剪辑元件,点击确定,进入元件编辑区。就一个图层。点击图层1第一帧,用矩形工具在舞台拖一个红色的(其它颜色也可),规格为550*260的,无边线的矩形,全居中。如图6所示:

图6

右键该实例将其转换为图形元件。选中该实例,在属性面板设置其Alpha为0%

    (5)选择“插入-新建元件”,建立一个名为“h0”的影片剪辑元件,点击确定,进入元件编辑区。就一个图层。点击图层1第一帧,从库中拖出烟火影片剪辑元件到舞台,全居中。回到库中,右键“该影片-链接”,打开链接属性蒙板,设置其参数,如图7所示:

图7

    (6)选择“插入-新建元件”,建立一个名为“h1”的影片剪辑元件,点击确定,进入元件编辑区。就一个图层。点击图层1第一帧,从库中拖出烟火影片剪辑元件到舞台,全居中。在属性面板调整其色调为绿色60%。如图8所示:

图8

回到库中,右键“该影片-链接”,打开链接属性蒙板,设置其参数,如图9所示:

图9

    (7)选择“插入-新建元件”,建立一个名为“h2”的影片剪辑元件,点击确定,进入元件编辑区。就一个图层。点击图层1第一帧,从库中拖出烟火影片剪辑元件到舞台,全居中。在属性面板调整其色调为黄色60%。如图10所示:


图10

回到库中,右键“该影片-链接”,打开链接属性蒙板,设置其参数,如图11所示:

图11

    5.编辑制作场景

    返回场景1,添加两个图层,共三个图层。自下而上分别命名为背景、蒙板、文本。

    (1)选择背景图层第一帧,从库中拖出夜色背景图片到舞台,规格为550*400,全居中。上锁。如图12所示:

图12

    (2)选择蒙板图层第一帧,从库中拖出蒙板影片剪辑元件到舞台,规格为550*260(规格以夜空面积为准),上对齐-水平居中。如图13所示:


图13

点击该实例,按f9,打开动作面板,在as编辑区输入,如下影片指令语句:

onClipEvent (load)
{
    var i = 0;
}
on (press)
{
    ++i;
    var n = random(3);
    attachMovie("h" + n, "mc" + i, i);
    this["mc" + i]._x = this._xmouse;
    this["mc" + i]._y = this._ymouse;
    this["mc" + i]._rotation = random(5) * 120;
}

设定该图层。


    (3)选择文本图层第一帧,用文本工具在舞台上方输入“鼠标点击夜空”,字体、颜色、规格随意,水平居中。上锁。如图14所示:

图14

    6.本作业完成后时间轴显示如图15所示:

图15
 

  7.测试存盘

    *说明:

    1.礼花你可以做成不同形状的影片剪辑,作好属性链接,使节日焰火其更加光彩夺目,绚丽多姿。 

    2.背景你可以放入你制作的相关动画作品,进而为你的作品增添色彩。

    3.你还可以添加彩色光柱、气球、鞭炮等特效,使节日气氛更浓。

    4.h0、h1、h2影片剪辑元件不进而场景,它是通过属性链接由蒙板影片剪辑元件的指令语句来实现其动画效果的。

  最终效果显示:


 


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

 

全屏下载

 

祝你成功!

 

进入更多教程

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

没有相关评论

 发表评论:

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

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

联系电话: 联系人:翠柏

琼icp备09005167