注册 登录  
 加关注
   显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

 
 
 

日志

 
 

flash制作画面礼花连续绽放效果  

2013-08-12 07:42:17|  分类: 〖F--S教程〗 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
 

支你一招:让flash地址永远有效 - 迎春 -

迎春博客:http://ycyx88888.blog.163.com

flash制作画面礼花连续绽放效果  
作前准备:

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

    2.准备3首mp3礼花声效文件(即升起-教程中“音效3”、炸开-教程中“音效1”、余音-教程中“音效2”),保存到指定的文件夹待用。

  制作步骤

    1.启动FLASH8 软件。

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


图1

    3.首先将准备好的背景素材图片和声效文件导入库中,待用。


素材图

    4.创建图形元件

    (1)选择“插入-新建元件”,创建一个名为“矩形”的图形元件,点击确定,进入元件编辑区。就一个图层。

    选择图层1第1帧,用矩形工具在舞台拖一个规格2*6的,无边线的白色矩形,全居中。上锁。如图2所示:


图2

(此图放大四倍)

    (2)选择“插入-新建元件”,创建一个名为“椭圆”的图形元件,点击确定,进入元件编辑区。就一个图层。

    选择图层1第1帧,用椭圆工具在舞台拖一个,规格3*3的无边线的黄色正圆,全居中。上锁。如图3所示


图3

(此图放大四倍)

    5.创建影片剪辑元件

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

    A.选择椭圆图层第1帧,从库中拖出“椭圆”图形元件到舞台,规格不变,全居中。如图4所示:


图4

(此图放大四倍)

在第90幀插入关键帧,将该幀舞台实例向右平移一段距离(礼花扩散的半径),创建本区域间的动画补间。依次在第30、31、80、81幀插入关键帧。分别依次点击第30幀、80、90幀舞台实例,在属性面板设置其Alpha为0%。上锁。在第91幀插入空白关键帧,在第120幀插入幀。上锁。完成后的90幀舞台实例,如图5所示


图5

(此图放大四倍)

    B.选择音效图层第81帧,插入空白关键帧,从库中拖出“音效2”mp3文件到舞台,位置随意,并在属性面板设置其参数,如图6所示:

图6

在第120幀插入幀,锁定该图层。

    C.本环节完成后的时间轴,如图7所示:


图7

    E.双击库中该影片剪辑元件-链接,打开其链接属性面板,填写其标识符为:star 。其它参数设定,如图8所示:


图8

    (2)选择“插入-新建元件”,建立一个“礼花2”的影片剪辑元件。添加一个图层,共两个图层。自下而上命名为矩形、音效。

    A.选择矩形图层第一帧,从库中拖出“矩形”图形元件到舞台,规格不变,全居中。上锁。如图9所示:

 图9

(此图放大四倍)

    B.选择音效图层第一帧,从库中拖出“音效3”mp3文件到舞台,位置随意,并在属性面板设置其参数,如图10所示:


图10

锁定该图层。

    C.本环节完成后的时间轴,如图11所示:



 图11

    D.双击库中该影片剪辑元件-链接,打开其链接属性面板,填写其标识符为:tiao 。其它参数设定,如图12所示:


图12

(3)选择“插入-新建元件”,建立一个“礼花3”的影片剪辑元件。添加一个图层,共两个图层。自下而上命名为音效、as。

    A.选择音效图层第一帧,从库中拖出“音效1”mp3文件到舞台,位置随意,并在属性面板设置其参数,如图13所示:


图13

锁定该图层。

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

for (n = 0; n < 100; n++)
{
    this.attachMovie("star", "star" + n, n);
    this["star" + n]._rotation = random(360);
    dir = 50 + random(60);
    this["star" + n]._xscale = dir;
    this["star" + n]._yscale = dir;
    this["star" + n].gotoAndPlay(random(30) + 1);
}

锁定该图层。

    C.本环节完成后的时间轴,如图14所示:


图14

    D.双击库中该影片剪辑元件-链接,打开其链接属性面板,填写其标识符为:flare 。其它参数设定,如图15所示:


图15

    (4)选择“插入-新建元件”,创建一个名为“礼花4”的影片剪辑元件,点击确定,进入元件编辑区。就一个图层。

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

fscommand("allowscale", "false");
fscommand("showmenu", "false");
fscommand("fullScreen", "true");
i = 0;
color = new Array();
color = ["0xff0000", "0xCCCC00", "0xF402F4", "0xFF99FF",

 "0xCC66FF", "0xFF0099", "0xFFFFCC", "0x99FF00", "0xFFFF99"];
_root.onMouseDown = function ()
{
    _root.attachMovie("tiao", "tiao" + i, i);
    _root["tiao" + i]._x = _root._xmouse;
    _root["tiao" + i]._y = Stage.height;
    _root["tiao" + i].heigh = _root._ymouse;
    _root["tiao" + i].num = i;
    _root["tiao" + i].jump();
    ++i;
};
MovieClip.prototype.jump = function ()
{
    this.onEnterFrame = function ()
    {
        this._y = this._y + (this.heigh - this._y) * 1.200000E-001;
        if (this.heigh - this._y > -20)
        {
            mc_flare = attachMovie("flare", "flare" + this.num, this.num, {_x: this._x, _y: this._y});
            c = new Color(mc_flare);
            c.setRGB(color[random(8) + 1]);
            this.removeMovieClip();
            delete this.onEnterFrame;
        }
    };
};

锁定该图层

    B.本环节完成后的时间轴,如图16所示:


图16

    6.组织编辑场景

     返回场景1。添加一个图层,共两个图层。自下而上命名为背景、礼花。

    (1)选择背景图层第一帧,从库中拖出“背景”素材图片到舞台,规格550*400,全居中。如图17所示:

图17

    (2)选择礼花图层第一帧,从库中拖出“礼花4”影片剪辑元件到舞台,规格不变,左对齐-上对齐。如图18所示:

图18

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


图19

  8.测试存盘

    *说明:

    1.在制作中你可以根据作品的需要,添加一个漂亮的边框和节日背景,进而使你的作品更贴近主题,更具观赏性。

    2.制作中如果发现教程有误,望及时告知与我,以便及时纠正。谢谢您的合作!

    最终效果显示:

 东方标致美女欣赏- 迎春-

点击进入动画制作天地点击进入电脑技术学堂  

图片、文章/编辑、整理:迎春

加强交流 增进友谊

http://ycyx88888.blog.163.com/

文章导读
http://ycyx88888.blog.163.com/
经典收藏 F-S制作 博客知识 P-S制作 U-5制作
在线制作 P-S滤镜 常用工具 兴趣爱好 人体世界
制作软件 电脑知识 精品素材 醒世读物 小品相声
超级题库 视频录制 音乐录制 国学故事 创意网站
透明F-S 姓氏起源 有声读物 靓丽欣赏 动画实战
装饰素材 阅读欣赏 幽默笑话 兴趣客栈 迷人音乐
中科教程 pCS5全集 U-5教程 会声会影 成语故事
古代诗词 高手进阶 懒人动画 有待添加 有待添加
http://ycyx88888.blog.163.com/


 

  评论这张
 
阅读(319)| 评论(2)
推荐 转载

历史上的今天

评论

<#--最新日志,群博日志--> <#--推荐日志--> <#--引用记录--> <#--博主推荐--> <#--随机阅读--> <#--首页推荐--> <#--历史上的今天--> <#--被推荐日志--> <#--上一篇,下一篇--> <#-- 热度 --> <#-- 网易新闻广告 --> <#--右边模块结构--> <#--评论模块结构--> <#--引用模块结构--> <#--博主发起的投票-->
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2017