作前准备
下载十张规格为300*300的人物图片和一张作为背景的、规格为550*400的蓝天白云图片，经处理后，保存到指定的文件夹待用。
制作过程
1.启动flash软件。
2.确立文档属性 设置动画尺寸为550*400，背景颜色深绿，帧频100，其它默认,点击确定，进入场景1。
3.将准备好的素材图片导入软件，并将其转换为图形元件保存于库中，分别命名为背景、01－10，待用。
4.创建影片剪辑元件
（1）选择“插入－新建元件”，建立一个名为“封面”的影片剪辑元件，点击确定，进入元件编辑区。就一个图层。选择图层1第1帧，从库中拖出一张人物图片到舞台，打散后，抠去背景，规格约为240*226，全居中。
（2）选择“插入－新建元件”，建立一个名为“图组”的影片剪辑元件，点击确定，进入元件编辑区。添加一个图层，共两个图层。自下而上命名为图组、as。
A.选择图组图层第1帧，从库中拖出“背景”图形元件到舞台，规格550*400，全居中。在第2帧插入空白关键帧，从库中拖出“01”图形元件到舞台，规格300*300，全居中。同理同种方法，在第3－11帧完成“02－10”图形元件的操作。上锁。
B.选择as图层第1帧，按f9，打开动作面板，在as编辑区输入停止命令语句： stop(); 。在第11帧插入帧，上锁。
C.本环节完成后的时间轴，如图所示：
5.编辑组织场景
返回场景1，添加三个图层，共四个图层。自下而上命名为图组、封面、边框、as。
（1）选择图组图层第1帧，从库中拖出“图组”影片剪辑元件到舞台，规格不变，全居中。点击该实例，在属性面板填写其实例名称为：showMC 。上锁。
（2）选择封面图层第1帧，从库中拖出“封面”影片剪辑元件到舞台，规格不变（也可用滤镜处理一下），将其放置在舞台的右侧，调整好位置。上锁。
（3）选择边框图层第1帧，导入或制作一个边框到舞台，规格550*400，全居中。上锁。
（4）选择as图层第1帧，按f9，打开动作面板，在as编辑区输入，如下帧语句：
showBL = 11;
pailBL = 1;
scaleBL = 15;
scale_xy = 0;
big_x = 350;
big_y = 200;
bx = 0;
by = 0;
x_ZB;
y_ZB;
lag_BL = 0;
var i = 1;
while (i < showBL /2)
{
var n = 1;
while (n < 3)
{
duplicateMovieClip(showMC, "showMC" + pailBL, pailBL);
this["showMC" + pailBL]._x = this["showMC" + pailBL].x_ZB = (n - 1) * 75 + 70;
this["showMC" + pailBL]._y = this["showMC" + pailBL].y_ZB = (i - 1) * 55 + 80;
this["showMC" + pailBL]._xscale = scaleBL;
this["showMC" + pailBL]._yscale = scaleBL;
this["showMC" + pailBL].gotoAndStop(pailBL + 1);
++pailBL;
++n;
}
++i;
}
MovieClip.prototype.openFun = function ()
{
path_name.closederBL = false;
if (Math.abs(this._x - big_x) < 5.000000E-001)
{
if (this._xscale > 100)
{
this._xscale = 100;
this._yscale = 100;
this.pressBL = !this.pressBL;
}
else
{
this._x = big_x;
this._y = big_y;
this._xscale = this._xscale + 2;
this._yscale = this._yscale + 2;
}
}
else
{
bx = (bx + 1.500000E-001 * (big_x - this._x)) * 8.000000E-001;
by = (by + 1.500000E-001 * (big_y - this._y)) * 8.000000E-001;
this._x = this._x + bx;
this._y = this._y + by;
}
};
MovieClip.prototype.closeFun = function ()
{
path_name.closederBL = true;
if (lag_BL > 30)
{
if (this._xscale > scaleBL + 5)
{
bx = (this.x_ZB - this._x) * 2.000000E-001;
by = (this.y_ZB - this._y) * 2.000000E-001;
this._x = this._x + bx;
this._y = this._y + by;
scale_xy = (scaleBL - this._xscale) * 2.000000E-001;
this._xscale = this._yscale = this._yscale + scale_xy;
}
else
{
this._x = this.x_ZB;
this._y = this.y_ZB;
this._xscale = this._yscale = scaleBL;
this.pressBL = !this.pressBL;
lag_BL = 0;
}
}
++lag_BL;
};
var i = 1;
while (i < showBL)
{
this["showMC" + i].onPress = function ()
{
this.swapDepths(getNextHighestDepth());
if (path_name == this)
{
this.openBL = !this.openBL;
this.closeBL = !this.openBL;
if (!this.pressBL)
{
this.pressBL = !this.pressBL;
}
}
else
{
this.openBL = !this.openBL;
this.closeBL = !this.openBL;
this.pressBL = !this.pressBL;
if (!path_name.closederBL)
{
path_name.openBL = !path_name.openBL;
path_name.closeBL = !path_name.openBL;
if (!path_name.pressBL)
{
path_name.pressBL = !path_name.pressBL;
}
}
}
path_name = this;
};
++i;
}
onEnterFrame = function ()
{
for (var _loc2 = 1; _loc2 < showBL; ++_loc2)
{
if (this["showMC" + _loc2].pressBL)
{
if (this["showMC" + _loc2].openBL)
{
this["showMC" + _loc2].openFun();
}
if (this["showMC" + _loc2].closeBL)
{
this["showMC" + _loc2].closeFun();
}
}
}
};
锁定该图层。
6.完成后的时间轴如图所示：
