flash cs5 练习：设计网站进入动画

flash cs5 练习：设计网站进入动画

在Flash中，用户通过将多种特效和补间动画结合起来使用，可以制作出效果更加丰富多彩的动画。本练习将利用滤镜、色彩效果等制作一个网站进入动画。

操作步骤：

（1）新建文档，在【文档设置】对话框中设置舞台的【尺寸】为“1003像素×600像素”。然后，在图层的第25帧处插入关键帧，执行【文件】|【导入】|【打开外部库】命令，打开“素材.fla”文件，将“背景”影片剪辑拖入到舞台中。

拖入 设置 插入关键帧

（2）选择第25帧，在【属性】检查器中设置“背景”影片剪辑的Alpha为0。右击该帧，执行【创建补间动画】命令，创建补间动画。然后，右击第48帧，执行【插入关键帧】|【颜色】命令，在【属性】检查器中更改其Alpha为100。

练习要点： ? Flash滤镜 ? 色彩效果 ? 使用滤镜 ? 动画预设 提示： 网站的进入动画主要应用于网页中，因此，其尺寸需要使用标准网页的大小。 提示： 动画总长240帧/10秒。其中第一秒的24帧预留给加载影片的进度条使用。 提示： 在拖入“背景”影片剪辑后，在该图层的第240帧处插入普通帧，以延长背景所显示的时间。 插入普通帧 设置 设置 创建补间动画 插入关键帧

（3）新建图层2，将“进度条”影片剪辑拖入到舞台，在第1帧至第48帧之间制作渐隐的补间动画。新建图层3，在“进度条”上面绘制一个矩形，并转换为影片剪辑，在第1帧至第24帧之间制作横向变宽的补间动画。然后，将图层3转换为遮罩层。

拖入 创建补间动画 创建补间动画 转换为遮罩层

（4）新建图层4，在第49帧处插入关键帧，并将“矩形背景”影片剪辑拖拽到影片的中心位置，在【属性】检查器中为其添加投影和模糊滤镜。然后在第49至72帧之间创建补间动画，制作影片剪辑由模糊到清晰的动画。设置滤镜 设置滤镜 创建补间 拖入元件 插入关键帧 插入关键帧

（5）新建3个图层，分别在每个图层的第73帧出插入关键帧，将“箭

提示： 用户也可以使用传统补间动画来制作“背景”影片剪辑的显示动画。 提示： 制作加载进度的动画，需要先为图层2导入“进度条”影片剪辑，然后在图层3中绘制一个同样大小的遮罩层，制作遮罩层逐渐由中间向两边延伸的动画。 提示： 在第49帧处，元件的【模糊X】和【模糊Y】值为255；在第72帧处，元件的【模糊X】和【模糊Y】值为0。

头”影片剪辑拖入到舞台的右上方。然后创建补间动画，在第96帧处插入关键帧，将“箭头”移动到舞台的左下方。

拖入 移动 创建图层 创建补间动画 插入关键帧

（6）新建图层，在第73帧处插入关键帧，在舞台中绘制一个矩形，其与“矩形背景”影片剪辑的大小和位置相同。然后，右击该图层，执行【创建遮罩层】命令，将其转换为遮罩层。

绘制 创建图层 转换为遮罩层 插入关键帧

（7）新建图层，在第109帧处插入关键帧，拖入“向下箭头”影片剪辑。然后，在【动画预设】面板中选择“从顶部飞入”选项，将其应用到该影片剪辑，并删除图层第193帧之后的所有帧。

拖入元件 选择预设 插入关键帧

（8）新建图层，在第121帧处插入关键帧，在舞台中输入“迅”字，并为其添加“模糊”滤镜，设置【模糊X】和【模糊Y】均为255。然后创建补间动画，选择第144帧，更改文本的【模糊X】和【模糊Y】均为0。

提示： 在制作3个“箭头”影片剪辑自“矩形背景”影片剪辑的右上方向左下方移动的动画时，需要使用【选择工具】将元件的运动轨迹由直线修改为曲线。 提示： 将“箭头”影片剪辑所在图层转换为被遮罩层。 提示： “迅”文本的字体为“方正粗活意简体”，大小为60点，颜色为“天蓝色”（#3299FF）。 输入 添加滤镜 更改滤镜 创建补间 插入关键帧 选择

（9）新建图层16，在第193帧处插入关键帧，将logo影片剪辑拖入到舞台的左上方。然后创建补间动画，在第216帧处插入“位置”和“缩放”关键帧，制作logo影片剪辑自舞台中心向左上方移动的动画。

拖入 移动 插入关键帧 创建补间 插入关键帧

（10）新建图层17、图层18和图层19，分别将3个按钮拖入到相应图层的舞台中，制作3个按钮自舞台右上方移动到中间的动画。然后，新建图层20，第240帧处插入关键帧，在【动作】面板中输入“stop();”命令。

创建补间动画 输入 新建图层 插入关键帧

提示： 用同样的方式，制作 其他4个文本的显示动画，分别放置在图层11、图层12、图层13和图层14中。 提示： 其中，“首页”按钮在“图层17”，自第205帧开始移动，到第228帧停止；“镜像”按钮在“图层18”自第211帧开始移动，到第234帧停止；“关于”按钮在“图层19”第217帧开始移动，到第240帧停止。 “stop();”语句的作用是停止影片的播放。