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

清风的博客

我为人人,人人为我。

 
 
 

日志

 
 

as2点击漂浮相册的制作  

2014-01-30 23:31:31|  分类: 【flash教程】 |  标签: |举报 |字号 订阅

  下载LOFTER 我的照片书  |
准备五张规格约为150*160的人物图片,经过制图软件(ps、fw)处理后,保存到指定的文件夹待用。

  制作步骤

    1.启动FLASH8 软件。

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

as2点击漂浮相册的制作 - 清风 - 清风的博客 

图1

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

    4.创建影片剪辑元件

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

    A.选择图片1图层第1帧,从库中拖出素材图片1到舞台。将其打散,然后将其裁剪为椭圆形,规格适当,全居中。如图2所示:

as2点击漂浮相册的制作 - 清风 - 清风的博客 

图2

右键库中该影片剪辑元件图标,打开其链接属性面板,填写其标识符为:h0 。其它参数设置,如图3所示:

as2点击漂浮相册的制作 - 清风 - 清风的博客 

图3

点击确定,完成其链接属性的设置。

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

setProperty("", _rotation, random(360));
v = random(6) + 2;
mycolor = new Color(this);
myobj = new Object();
myobj = {ra: random(80) + 20, ga: random(80) + 20, ba: random(80) + 20};
mycolor.setTransform(myobj);
this.onEnterFrame = function ()
{
    dx = Math.cos(_rotation * 3.141593E+000 / 10) * v;
    dy = Math.sin(_rotation * 3.141593E+000 / 10) * v;
    this._x = this._x + dx;
    this._y = this._y + dy;
    if (this._x <= this._width / 2 && dx < 0 || this._x >= 660 - this._width / 2 && dx > 0)
    {
        this._rotation = Math.atan2(dy, -dx) * 10 / 3.141593E+000;
    }
    if (this._y <= this._height / 2 && dy < 0 || this._y >= 480 - this._height / 2 && dy > 0)
    {
        this._rotation = Math.atan2(-dy, dx) * 10 / 3.141593E+000;
    }
};

锁定该图层。

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

as2点击漂浮相册的制作 - 清风 - 清风的博客 

图4


    D.同理同种方法,分别依次完成素材图片2-5的影片剪辑元件h1-4的创建和其链接属性的设置,其标识符依次为:h1、h2、h3、h4。其它参数设定如图3。舞台实例的裁剪形状可多种多样,如图5-8所示:

as2点击漂浮相册的制作 - 清风 - 清风的博客 

图5

as2点击漂浮相册的制作 - 清风 - 清风的博客 

图6

as2点击漂浮相册的制作 - 清风 - 清风的博客 

图7

as2点击漂浮相册的制作 - 清风 - 清风的博客 

图8

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

    选择图层1第1帧,用矩形工具打开混色器,设置其参数。如图9所示:

as2点击漂浮相册的制作 - 清风 - 清风的博客 

图9

在舞台拖一个规格为660*480的矩形,左对齐-上对齐。如图10所示:

as2点击漂浮相册的制作 - 清风 - 清风的博客 

图10

(此图为原图的80%)

    5.编辑制作场景

    返回场景1,改图层1为蒙板。

    选择蒙板图层第一帧,从库中拖出“蒙板”影片剪辑元件到舞台,规格为660*480,全居中。如图11所示:

as2点击漂浮相册的制作 - 清风 - 清风的博客  

图11

(此图为原图的80%)

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

onClipEvent (load)
{
    var i = 0;
}
on (press)
{
    ++i;
    var n = random(5);
    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;
}

锁定该图层。

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

    as2点击漂浮相册的制作 - 清风 - 清风的博客    

图12

  7.测试存盘

 

    *说明:

    1.影片剪辑元件h0-h4没有进入场景,它们是通过其链接属性和蒙板影片剪辑的脚本来实现其效果的。

    2.制作中你可以注明欣赏提示:点击画面;也可配上适合作品主题的乐曲等。

   

最终效果显示:

<>

http://yaorao.16789.net/domName/yaorao/2011122318141879920.swf

 

全屏下载

 

  评论这张
 
阅读(9)| 评论(0)
推荐 转载

历史上的今天

在LOFTER的更多文章

评论

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

页脚

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