Flash CS3 入门 制作网络相册.pdf

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 输入文本与绘制矩形 要在文本与渐变矩形之间放置素材图像DZ1.psd ，将两者隔离。 （7）按快捷键Ctrl ＋F8创建图形元件“图像” ，并且在编辑模式中，将素材图像依次排列为一行，如图60- 7所示。 图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）选中实例“图像动画”