制作电子相册之Flash动作教程

Flash怎么制作电子相册 —— 动作篇

通过Flash动作篇的制作，我们将为静态的图像添加动态效果和交互控制，让电子相册更加生动有趣。以下是详细的步骤和技巧：

一、准备工作

在制作动作之前，确保你已经完成了以下准备工作：

1. 图像准备：将你打算使用的图片导入Flash库中。

2. 创建元件：把图片转换为影片剪辑或图形元件，这样在动画中才能重复使用且易于管理。

3. 时间轴设置：为每一帧或每一页分配适当的时间长度。

二、基础动作设置

1. 添加图层：在时间轴中创建多个图层，用于放置不同的动画元素和背景。

背景图层：放置静态的背景图像或颜色。

图像图层：放置动态变化的图片。

按钮图层：放置控制播放、暂停、上一页、下一页等功能的按钮。

2. 图片动态切换：

将图片放置在不同的帧中，利用帧切换实现图片的动态切换效果。

可以为每一帧添加简单的过渡效果，如淡入淡出、推拉等。

在“属性”面板中设置帧的过渡类型和时间。

3. 使用动作脚本：

选择“窗口”>“动作”以打开动作面板。

在第一帧添加如下代码，用于设置初始状态：

```actionscript

stop(); // 停止在第一帧

```

为“播放”按钮添加如下代码：

```actionscript

on (release) {

play(); // 点击播放按钮后，动画开始播放

```

为“暂停”按钮添加如下代码：

```actionscript

on (release) {

stop(); // 点击暂停按钮后，动画停止播放

```

为“上一页”和“下一页”按钮添加控制帧跳转的代码：

```actionscript

// 上一页按钮

on (release) {

if (currentFrame > 1) {

prevFrame(); // 如果当前帧不是第一帧，则跳转到上一帧

// 下一页按钮

on (release) {

if (currentFrame < this.totalFrames) {

nextFrame(); // 如果当前帧不是最后一帧，则跳转到下一帧

```

三、高级动作效果

1. 添加渐变效果：

利用“补间动画”创建图片的渐变效果。

选择两个关键帧之间的帧，右键选择“创建补间动画”。

在属性面板中，选择“形状”或“动画”作为补间类型，并设置缓动值以获得不同的过渡效果。

2. 实现自动播放：

在时间轴的第一帧添加如下代码，实现自动播放：

```actionscript

this.onEnterFrame = function() {

if (this.currentFrame < this.totalFrames) {

this.nextFrame(); // 逐帧播放

} else {

this.gotoAndStop(1); // 播放到最后一帧后回到第一帧

};

```

若要设置自动播放的间隔时间，可以使用定时器：

```actionscript

var interval = 2000; // 每2秒切换一次图片

var timer = setInterval(function() {

if (currentFrame < totalFrames) {

nextFrame();

} else {

gotoAndStop(1);

}, interval);

```

3. 添加背景音乐：

将音乐文件导入Flash库中。

在时间轴中创建一个新图层，将音乐文件拖放到图层的第一帧。

选择音乐文件，在属性面板中设置循环播放等选项。

若要控制音乐的播放和暂停，可以添加如下代码：

```actionscript

// 播放按钮控制音乐播放

playButton.onRelease = function() {

this.getSound("mySound").play(); // 播放音乐

};

// 暂停按钮控制音乐暂停

pauseButton.onRelease = function() {

var mySound = this.getSound("mySound");

if (mySound.isPlaying) {

mySound.stop(); // 暂停音乐

} else {

mySound.play(); // 若已暂停，则继续播放

};

// 停止按钮控制音乐停止

stopButton.onRelease = function() {

this.getSound("mySound").stop(); // 停止音乐

this.getSound("mySound")._current = 0; // 将音乐重置到开头

};

```

4. 添加交互功能：

为图片添加点击事件，实现图片放大或显示相关描述。

利用“Sprite”对象创建交互式元素，如弹出窗口或遮罩层。

示例代码：

```actionscript

// 创建一个遮罩层，用于显示图片描述

var maskLayer = this.createEmptyMovieClip("maskLayer", this.getNextHighestDepth());

maskLayer.visible = false;

// 为图片添加点击事件

imageClip.onRelease = function() {

// 显示遮罩层，并设置其内容和位置

maskLayer.visible = true;

maskLayer.beginFill(0x000000, 50); // 半透明黑色背景

maskLayer.drawRect(0, 0, 300, 200); // 遮罩层大小

maskLayer.endFill();

var description = maskLayer.attachText("这是一张描述文字", "Arial", 16, 0xFFFFFF, "center", "middle");

description._x = maskLayer._width / 2;

description._y = maskLayer._height / 2;

// 设置遮罩层的位置

maskLayer._x = _root._width / 2 - maskLayer._width / 2;

maskLayer._y = _root._height / 2 - maskLayer._height / 2;

// 添加关闭按钮

var closeButton = maskLayer.createEmptyMovieClip("closeButton", maskLayer.getNextHighestDepth());

closeButton.beginFill(0xFF0000);

closeButton.drawRect(maskLayer._width - 30, maskLayer._height - 25, 25, 20);

closeButton.endFill();

closeButton.onRelease = function() {

maskLayer.visible = false; // 关闭遮罩层

};

};

```

四、测试和发布

1. 测试动画：

使用“控制”>“测试影片”功能来预览动画效果。

检查所有按钮和动画是否按预期工作。

2. 发布动画：

当一切就绪后，使用“文件”>“发布”功能将动画导出为SWF文件或HTML5文件。

你可以选择发布设置，如文件大小、图像质量和音频质量等。

通过以上步骤，你就可以制作一个功能完善的Flash电子相册了。利用动作脚本，你可以为相册添加各种动态效果和交互功能，使其更具吸引力和趣味性。希望这些技巧能帮助你制作出满意的电子相册！