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

 
 
 

日志

 
 

flash制作水中气泡升腾的效果  

2013-07-22 09:27:11|  分类: 〖F--S教程〗 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
 

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

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

flash制作水中气泡升腾的效果 
 作前准备

    下载规格约为550*400的海底水族图片一张,经过制图软件(ps、fw)处理后,保存到指定的文件夹,待用。

    制作过程

    1.启动flash8软件。

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

flash制作水中气泡升腾的效果 - 迎春 -

图1

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


(素材图)


 4.创建影片剪辑元件

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

    选择图层1第1帧,从库中拖出素材位图到舞台,规格550*400,全居中。如图2所示:


图2

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

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


图3

(此图放大一倍)

点击该实例,打开混色器,设置其参数,如图4所示:

图4

然后,用充分变形工具对其色阶调整。完成后的舞台实例,如图5所示:

图5

(此图放大一倍)

    5.编辑组织场景

    进入场景1,添加两个图层,共三个图层。自下而上命名为背景、气泡、as。

    (1)选择背景图层第1帧,从库中拖出“背景”影片剪辑元件到舞台,规格等比放大宽度为560(高度随机变化),全居中。如图6所示:


图6

点击该实例,在属性面板填写其实例名称为:bj 。上锁。如图7所示:

图7

    (2)选择气泡图层第1帧,从库中拖出“气泡”影片剪辑元件到舞台,规格不变,将其放置在舞台外左下角处。如图8所示:


图8 

点击该实例,在属性面板填写其实例名称为:mc 。如图9所示:

flash制作水中气泡升腾的效果 - 迎春 -

图9

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

onClipEvent (load)
{
    k = 0;
    s = random(3) - 1;
    x0 = random(10);
    y0 = random(10);
}
onClipEvent (enterFrame)
{
    if (_name != "mc")
    {
        setProperty("", _x, _x + (x0 + random(3) - 1));
        setProperty("", _y, _y - (y0 + random(3) - 1));
        setProperty("", _yscale, 80 + s * k++);
        setProperty("", _xscale, 80 + s * k++);
        if (s < 0)
        {
            setProperty("", _alpha, _alpha - _alpha / 30);
        }
        if (_x < -100 || _x > 580 || _y <-20 || _y > 440 || _alpha < 0)
        {
            removeMovieClip (this);
        }
    }
    else
    {
        i >= 30 ? (i = 0) : (i++);
        this.duplicateMovieClip("mc" + i, _root.getNextHighestDepth());
        mycolor = new Color(_root["mc" + i]);
        myobj = new Object();
        myobj = {ra: random(100), ga: random(100), ba: random(100), rb: random(128) + 128, gb: random(128) + 128, bb: random(128) + 128};
        mycolor.setTransform(myobj);
    }
}

锁定该图层。

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

Stage.scaleMode = "noScale";
var baseX = 100;
var baseY = 100;
var nOctaves = 1;
var randomSeed = Math.random() * 10;
var bStitch = false;
var bFractalNoise = true;
var nChannels = 1;
var bGreyScale = false;
var p1 = new flash.geom.Point(45, 35);
var p2 = new flash.geom.Point(50, 60);
perlinOffset = new Array(p1, p2);
bmp = new flash.display.BitmapData(650, 400, true, 0);
onEnterFrame = function ()
{
perlinOffset[0].y = perlinOffset[0].y - 5;
perlinOffset[0].x = perlinOffset[0].x - 5;
perlinOffset[1].x = perlinOffset[1].x + 1;
perlinOffset[1].y = perlinOffset[1].y + 1;
bmp.perlinNoise(baseX, baseY, nOctaves, randomSeed, bStitch, bFractalNoise, nChannels, bGreyScale, perlinOffset);
dmf = new flash.filters.DisplacementMapFilter(bmp, new flash.geom.Point(0, 0), 1, 1, 20, 20, "color");
bj.filters = [dmf];
};

锁定该图层。

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



图10

    7.测试存盘

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

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

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

加强交流 增进友谊

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/
  评论这张
 
阅读(193)| 评论(15)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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