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

.

.

 
 
 

日志

 
 

FLASH:梦幻仙境的制作  

2008-07-16 15:25:16|  分类: 默认分类 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |

  

 

 

 

 

FLASH:梦幻仙境的制作 - liumaodan.1977 - 1977 

 

 先看效果图:(用鼠标在图上划过看效果

 

 

 制作方法:

 (一).新建FLASH文档,大小600*400,其他数值默认

 

(二).元件的准备

一.制作百叶窗元件

1.插入--新建元件,类形图形,命名为线条(图).

 FLASH:梦幻仙境的制作 - liumaodan.1977 - 1977

笔触颜色禁止,填充色任意,用矩形工具画一个600*3长方形(图).

 FLASH:梦幻仙境的制作 - liumaodan.1977 - 1977

 用黑箭头工具选中长方形,全居中(相对舞台,水平中齐,垂直中齐)(图).

 FLASH:梦幻仙境的制作 - liumaodan.1977 - 1977

2.插入--新建元件,类形影片剪辑,命名为百叶窗.

从库中把线条元件拖入,全居中.

选中线条,然后点插入--时间轴特效--帮助-复制到网格(图),

 FLASH:梦幻仙境的制作 - liumaodan.1977 - 1977

 按下图设置好,点确定.百叶窗元件就做好了.

 FLASH:梦幻仙境的制作 - liumaodan.1977 - 1977

二.制作边框元件.
插入-新建元件,类形影片剪辑,命名边框元件.
笔触颜色禁止,填充色任意,用矩形工具画500*350的长方形.全居中.

三.制作图片元件.
点插入--新建元件,类形影片剪辑,命名图片元件.
再点文件--导入--导入到舞台,找到一张你喜欢的图片,点打开,这时舞台和库中都有这张位图了。选中图片,在属性面板改大小为500*350,全居中(图)

 FLASH:梦幻仙境的制作 - liumaodan.1977 - 1977

  四.制作图片按钮
点插入--新建元件,类型按钮,命名为图片按钮,点确定,点弹起帧,然后从库中把位图拖入,选中图片,在属性面板设置大小为500*350,全居中(图).

 FLASH:梦幻仙境的制作 - liumaodan.1977 - 1977

五.鼠标跟随元件

1小鸟元件:利用了网上的资源,大家有兴趣可以自己做,

2.跟随1元件.插入--新建元件,类形影片剪辑,命名跟随1

图层1的第一帧,点文本工具,在属性面板中,设置为动态文本,并设置好字体和大小,然后在舞台中打上任意一个字,选中这个字,在属性面板中,实例名称改为 _txt (注意要在英文输入状态才行) (图) ,全居中.

 FLASH:梦幻仙境的制作 - liumaodan.1977 - 1977

插入图层2,点图层2的第一帧,从库中把小鸟的元件拖入放在字的上方(图).

 FLASH:梦幻仙境的制作 - liumaodan.1977 - 1977

  

3.鼠标跟随元件

插入-新建元件,类形影片剪辑,命名鼠标跟随

点图层1的第一帧,从库中把跟随1元件拖入,选中这个元件,在属性面板,改实例名为: mc0 ,全居中(图).

 FLASH:梦幻仙境的制作 - liumaodan.1977 - 1977

插入图层2,点图层2的第一帧,按F9,打开动作面板,输入下面代码:

var disWord = "梦幻仙境";

var dConst = 4;

var xConst = 30;

var yConst = 0;

var sConst = 4.000000E-001;

var count = disWord.length;

var i = 0;

while (i < count)

{

    if (i == 0)

    {

        mc0.swapDepths(count - i);

    }

    else

    {

        mc0.duplicateMovieClip("mc" + i, count - i);

    } // end else if

    this["mc" + i]._xscale = this["mc" + i]._yscale = 100 * (1 - sConst + sConst * (1 - i / count));

    this["mc" + i]._txt.text = disWord.substr(i, 1);

    ++i;

} // end while

onEnterFrame = function ()

{

    this.mc0._x = this._xmouse;

    this.mc0._y = this._ymouse;

    for (var _loc2 = 1; _loc2 < count; ++_loc2)

    {

        var _loc4 = xConst * (1 - sConst + sConst * (1 - _loc2 / count));

        var _loc3 = yConst * (1 - sConst + sConst * (1 - _loc2 / count));

        this["mc" + _loc2]._x = this["mc" + _loc2]._x + (this["mc" + (_loc2 - 1)]._x + 1.500000E+000 * _loc4 - this["mc" + _loc2]._x) / dConst;

        this["mc" + _loc2]._y = this["mc" + _loc2]._y + (this["mc" + (_loc2 - 1)]._y + 1.500000E+000 * _loc3 - this["mc" + _loc2]._y) / dConst;

    } // end of for

};

六.音乐元件:先导入一首你喜欢的歌到库中,然后给音乐减肥,从库中找到音乐,选中它,点右键—属性,如图设置

  FLASH:梦幻仙境的制作 - liumaodan.1977 - 1977

插入--新建元件,类形影片剪辑,命名音乐,点第一帧,在属性栏里,如图设置。延长帧至音乐消失.

 FLASH:梦幻仙境的制作 - liumaodan.1977 - 1977

 (三).场景组装
1..场景1的第一层,改名为大图,点第一帧,从库中把图片元件拖入,选中图片,在属性面板中,"颜色"下拉列表中选择"Alpha"值设置为75%,大小改为600*400(图).

 FLASH:梦幻仙境的制作 - liumaodan.1977 - 1977

 全居中,点第11帧,按F5,延长帧到11帧。图层上锁.

2.增加图层2,改名为百叶窗,点第一帧,从库中把百叶窗元件拖入,属性面板设置大小为600*400,全居中.

在属性面板中将"色调"如图设置(可以改成你喜欢的颜色)."混合"项为叠加(图).图层上锁.

 FLASH:梦幻仙境的制作 - liumaodan.1977 - 1977

 3.增加图层3,改名为底图,点第一帧,从库中把图片元件拖入.全居中。

4.增加图层4,改名为图片组,

点第一帧,从库中把图片按钮拖入,全居中.选中这个按钮,按F9,打开动作面板,输入代码:

on (rollOver) {gotoAndPlay(2);

}

点第二帧,按F7,插入空白关键帧,从库中把图片元件拖入,全居中.

在属性面板中,在"混合"项选择"色彩增殖"。在"颜色"项选择"色调","色彩数量"设为52%。单击"色调"旁边的"填充色"按钮,打开调色板,同时光标变成吸管状。在调色板上移动鼠标,会发现鼠标移动到不同颜色图片也会随之而变化,吸取你喜欢的颜色.( 如图22)

 FLASH:梦幻仙境的制作 - liumaodan.1977 - 1977

 再把第3帧到第11帧每一帧都插入一个关键帧,为每一帧选择不同的颜色.

5. 增加图层5,改名边框,把边框元件拖入,全居中.增加滤镜效果:选中边框元件,点"滤镜",再点”+”,点"发光",模糊数值默认,强度为500,颜色选择自己喜欢的,挖空项一定要打上勾.如图

 FLASH:梦幻仙境的制作 - liumaodan.1977 - 1977

 6. 增加图层7,改名鼠标跟随,从库中把鼠标跟随元件拖入场景 .
        7 增加图层8,改名音乐, 从库中把鼠标音乐元件拖入场景
        8.增加图层9,改名AS,点第一帧,按F9打开动作面板输入命令: stop();

OK,终于做完了,测试,发布,保存.

 

 

                                                                                                      资料来源:教程网论坛

 

 注明:代码里的“梦幻仙境”可换成你想写的任何字,在使用“滤镜”“发光”时。,模糊数值我用的大约是27左右,如上图,你还可以在加几个图层,如:游动的小鱼,飘浮的云,船在水面上行走等,但有可能造成文件太大,上传困难。朋友们不妨试试。

 

  评论这张
 
阅读(413)| 评论(6)
推荐 转载

历史上的今天

评论

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

页脚

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