散射相册的制作原理与方法

 

    作前准备

    下载规格约为200*200的人物图片五张，经过制图软件（ps、fw）处理后，保存到指定的文件夹待用。

    制作过程

    1.启动flash8软件。

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

 

图1

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

    4.设置位图属性

    （1）打开库，右键库中的素材图片位图1－属性，打开位图属性面板，设置其参数，如图2所示：

 

图2

点击确定按钮，完成位图1的“容许平滑”的操作。

    （2）同理同种方法，完成位图2－5的位图容许平滑的设置操作。

    5.创建影片剪辑元件

    （1）选择“插入－新建元件”，建立一个名为“图组”的影片剪辑元件，点击确定，进入元件编辑区。就一个图层。

    A.选择图1图层第1帧，从库中拖出“位图1”实例到舞台，规格200*200，全居中。如图3所示：

  

图3

    B.同理同种方法，在第2－5帧上完成“位图2－5”的设置操作。

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

 

 图4

    （2）选择“插入－新建元件”，建立一个名为“散射”的影片剪辑元件，点击确定，进入元件编辑区。添加一个图层，共两个图层。自下而上命名为图组、as。

    A.选择图组图层第1帧，从库中拖出“图组”影片剪辑元件到舞台，规格不变，全居中。如图5所示：

图5

点击该实例，在属性面板填写其实例名称为：mc 。如图6所示：

图6

在第3帧插入帧，上锁。

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

mc._alpha = 0;
i = 1;
numOfText = 20;
minOfZ = 1;
maxOfZ = 80;

在第2帧插入空白关键帧，按f9，打开动作面板，在as编辑区输入，如下帧语句：

function randrange(min, max)
{
    var _loc1 = Math.floor(Math.random() * (max - min + 1)) + min;
    return (_loc1);
}
duplicateMovieClip('mc', i, i);
this[i].x = randrange(-11, 9);
this[i].y = randrange(-10, 9);
this[i].z = random(maxOfZ) + 1;
this[i].dz = -2;
this[i].gotoAndStop(random(this[i]._totalframes) + 1);
this[i].onEnterFrame = function ()
{
    trace ('onEnterFrame');
    this.z = this.z + this.dz;
    if (this.z < minOfZ)
    {
        this.x = randrange(-11, 9);
        this.y = randrange(-10, 9);
        this.z = maxOfZ;
    }
    this.pers = 600 / this.z;
    this._x = this.x * this.pers;
    this._y = this.y * this.pers;
    this._xscale = this._yscale = this.pers;
    this._alpha = 2000 / this.z;
};

在第3帧插入空白关键帧，按f9，打开动作面板，在as编辑区输入，如下帧语句：

++i;
if (i >= numOfText)
{
    stop ();
    trace ('this._currentframe' + this._currentframe);
}
else
{
    gotoAndPlay(_currentframe - 1);
}

锁定该图层。

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

   

图7

    6.编辑制作场景

    进入场景1，添加一个图层，共两个图层。自下而上命名为背景、散射。

    （1）选择背景图层第1帧，用矩形工具打开混色器，设置其参数，如图8所示：

 

图8

在舞台拖一个规格为550*400的，无边线的矩形，全居中。上锁。如图9所示：

     

图9

    （2）选择散射图层第1帧，从库中拖出“散射”影片剪辑元件到舞台，规格不变，全居中。如图10所示：

  

图10

    7.本作业完成后的时间轴如图11所示：

         

图11

    8.测试存盘

 

    说明：

    本作业为节省空间只用了五张图片，制作中你要增加图片其原理和制作方法是一样的。

 

最终效果显示效果：

http://www./Article/UploadFiles/201203/2012032512423939.swf

 

全屏下载

 

祝你成功

 

进入更多教程