Flash CS3 入门 制作网络相册

Flash CS3 入门 制作网络相册

图像展示在Flash 动画中应用较为广泛，比如图片展示、相册等，这里制作的是网络相册动画。在动画中通过单击小尺寸图像，从而实现更换较大尺寸图像，并且图像的选择是随意、没有规律的。在动画装饰方面，主要采用了滤镜功能来实现阴影效果；而图像动画方面则是在影片剪辑中制作；为了减小动画文件大小，利用了元件重复使用功能，来完成按钮的制作；不同尺寸图像之间的连接则是通过简单的鼠标单击事件来完成的。

练习要点

● 按钮元件

● 影片剪辑

● 鼠标单击事件

练习过程

（1）在新建的700×600像素的淡橙色空白文档中，选择工具箱中的【矩形工具】绘制如图60-1所示的矩形。其中，边框为1像素的浅灰色。

图60-1 绘制矩形

（2）再次使用【矩形工具】绘制渐变矩形，并且在【颜色】面板中设置渐变颜色如图60-2所示，形成圆柱图形。

动画中的背景颜色决定了该动画的基本色调，所以在制作装饰图形时，要基于该色调选择颜色。

图60-2 绘制渐变矩形

（3）选中渐变矩形并且将其转换为影片剪辑元件“元件1”，然后为其添加【投影】滤镜，设置参数如图60-3所示。

图60-3 添加投影效果

（4）在浅橙色渐变矩形下方绘制灰橙色渐变圆角矩形后，选中全部的图形转换为影片剪辑“背景”，并且为其添加【投影】滤镜，参数如图60-4所示。

图60-4 为整个背景添加投影效果

（5）将素材图像导入【库】面板后，新建图层“相框”，并且绘制无填充矩形，设置边框填充如图60-5所示，并且将素材图像放置在矩形对角位置。

图60-5 绘制渐变边框矩形

（6）在背景图形上方输入并且设置文本后，在其下方绘制带边框的渐变矩形，设置参数如图60-6所示，并且在右侧复制一份。

图60-6 输入文本与绘制矩形

（7）按快捷键Ctrl ＋F8创建图形元件“图像”，并且在编辑模式中，将素材图像依次排列为一行，如图60-7所示。

绘制渐变矩形边框后，要使用【渐变变形工具】调整渐变颜色的方向。

要在文本与渐变矩形之间放置素材图像DZ1.psd ，将两者隔离。

图60-7 创建图形元件

（8）返回场景后，在两个图层之间创建图层“图片”。并且将元件“图像”拖入舞台，放置在如图60-8所示位置。

图60-8 确定元件在舞台中的位置

（9）使用【矩形工具】在相册区域绘制矩形后，选中该图层中的所有对象，将其转换为影片剪辑“图像动画”，如图60-9所示。

图60-9 转换为影片剪辑

（10）双击该实例进入编辑模式，将矩形图形原位置剪切至图层2中，分别在“图层1”的第10、20、30、40帧处插入关键帧，如图60-10所示。

图60-10 编辑影片剪辑

（11）显示“图层2”中的图形轮廓，分别选中“图层1”中的第10、20、30与40帧，按顺序依次移动图像至矩形轮廓中，如图60-11所示。

图60-11 编辑关键帧实例

（12）分别在第2、11、21与31帧处插入关键帧，创建补间动画，并且在两个图层中创建遮罩层，形成遮罩动画，如图60-12所示。

图60-12 创建遮罩动画

（13）新建“图层3”，分别在第10、20、30与40帧处插入关键帧，并且与第1帧一同为其添加停止动作，如图60-13所示。

图60-13 添加停止动作

（14）返回场景后，将第一幅素材图像拖入舞台，将其成比例缩小至宽为90像素。然后绘制无填充矩形，参数如图60-14所示。

图60-14 编辑图像

（15）将图像分离后删除边框外部的图形，将图像与边框组合。使用相同方法制作其他图像对象，如图60-15所示。

图60-15 制作边框图像

（16）新建图层“按钮”，在第一图像对象上方绘制Alpha为50%的白色矩形，将其转换为按钮元件，如图60-16所示。

图60-16 创建按钮元件

（17）双击该实例进入按钮编辑模式后，在【指针经过】动画帧中插入关键帧，并且设置该帧中的矩形Alpha为0%，如图60-17所示，为【按下】动画帧插入关键帧。

图60-17 编辑按钮元件

（18）返回场景后，直接复制该按钮实例，分别放置在不同的图像对象上。然后逐一为其实例命名为an1、an2、an3、an4与an5，如图60-18所示。

图60-18 为按钮命名

（19）选中实例“图像动画”，在【属性】面板中为其设置名称为mt后，在新建图层“动作”第一帧中添加单击事件脚本如图60-19所示。

图60-19 为第一个按钮添加动作

（20）继续在【动作-帧】面板中输入其他按钮的单击事件脚本，如图60-20所示，形成单击按钮后，均通过一个小动画过渡到指定图像。

图60-20 添加其他按钮单击事件脚本

（21）完成动作添加后保存文档，按快捷键Ctrl ＋Enter 测试影片，如图60-21所示。发现动画是静止不动的，只有在单击某个小尺寸图像后，相框内部才会更换为指定的图像。

图60-21 网络相册效果

由于每一个图像所在的关键帧中添加了停止动作，所以只要式单击事件播放

补间动画的第一帧，即可显示指定图像。