flash cs5 练习：制作Flash相册

flash cs5 练习：制作Flash 相册

Flash 相册可以使用丰富多彩的动画效果来展示图像，解决了传统相册展示效果单调枯燥的弊端。在本Flash 相册中，用户通过单击“上一张”按钮和“下一张”按钮，在展示区域内可以连续播放多张图像，实现了快捷、方便浏览图像的功能。

操作步骤：

（1）新建文档，在【文档设置】对话框中设置舞台的【尺寸】为“600像素×450像素”。然后，执行【文件】|【导入】|【导入到舞台】命令，将“bg.jpg ”素材图像导入到舞台。

（2）新建“相框”图层，使用相同的方法将“rahmen.png ”素材图像导

练习要点：

● 创建按钮元件 ● 侦听鼠标单击事件 ● 响应鼠标单击事件 ● 创建函数 ● 操作数组

提示：

选择背景图像，在【属性】检查器中设置其X 和Y 坐标均为0。

输入

提示：

导入的位图图像无法添加滤镜效果，所以在添加之前需要将其转换为影片剪辑。

入到舞台，并将其转换为影片剪辑。然后选择该“相框”图像，在【属性】检查器中为其添加“投影”滤镜。

（3）在

“相册”图层的下面新建“图片”图层，将“pic01.jpg ”~“pic05.jpg ”素材图像导入到舞台，并按照顺序重叠放置在“相框”下面。然后，在【属性】检查器中分别设置它们的【实例名称】为pic01~pic05。

（4）新建“按钮”图层，选择【多角星形工具】，在【工具设置】对话框中选择【样式】为“多边形”；【边数】为3，然后，在舞台中绘制一个浅绿色（#D5E5A6）三角形。

（5）选择三角形，将其转换为影片剪辑，在【属性】检查器中设置其

导入并转换

为影片剪辑

提示：

导入的位图图像无法添加滤镜效果，所以在添加之前需要将其转换为影片剪辑。

提示：

通过【对齐】面板可以使素材图像重叠对齐在一起，但一定要注意它们之间的顺序。 新建

导入

设置实例名称

提示：

选择【多角星形工具】后，在【属性】检查器中单击【选项】按钮，可以打开【工具设置】对话框。

选择

设置

绘

制

提示：

选择影片剪辑，执行【修改】|【变形】|【水平翻转】命令，可以将其沿水平翻转。

单击

【实例名称】为backBtn，并添加“投影”滤镜。然后，创建该影片剪辑的副本，水平翻转并设置其【实例名称】为nextBtn。

（6）（10）新建名称为AS图层，打开【动作】面板。将包含图像的元件存储到picArray数组中，通过for语句将第2~5张图像设置为默认不可见。然后，侦听“上一张”和“下一张”按钮元件的鼠标单击事件，当事件发生时调用backpic()和nextPic()函数显示上一张和下一张图像。

var picArray:Array = new Array(5); picArray[0] = pic01;

picArray[1] = pic02;

picArray[2] = pic03;

picArray[3] = pic04;

picArray[4] = pic05;

//将包含图片的元件存储到picArray数组var len:int = picArray.length;

//获取数组的长度

for(var i:int = 1;i

var str:MovieClip = picArray[i];

str.visible = false;

}

//设置第1～4张图像默认为不可见

var num:int = 1; //图像编号

backBtn.addEventListener(MouseEvent.CLI CK,backPic);

nextBtn.addEventListener(MouseEvent.CLI CK,nextPic);

//侦听按钮元件的鼠标单击事件function backPic(event:MouseEvent):void{ num--;

if(num < 1){

num = 1;

return;

}

showPic(); //显示上一张图像

}

function nextPic(event:MouseEvent):void{

num++;

if(num>5){

num = 5;

return;

}

showPic(); //显示下一张图像

}

function showPic():void{

for(var i:int = 0;i

var str:MovieClip = picArray[i];

if((i+1)==num){

str.visible = true;

}else{

str.visible = false;

}

}

}

提示：

将创建的按钮副本

移动到相框的右侧。

转换为影片剪辑

添加投

影滤镜

创建副

提示：

将舞台中的图片影

片剪辑存储到数组中，以

方便操作和管理。

提示：

通过循环语句可以

批量处理舞台上的影片

剪辑。

提示：

MovieClip的visible

属性用于指定其是否可

见。