Flash动画实例训练.docVIP

Flash动画实例训练 目 录 实例1：浮动文字的制作效果 2 实例2：金属文字的制作 6 实例3 小球碰撞 10 实例4 图片浏览 16 实例5动画按扭 21 实例6 键盘控制 26 实例7 烟花效果 36 实例8 鱼在海底游 42 实例9 遮罩文字 45 实例10 图像放大实例 48 实例11 登录界面的制作 52 实例12 闰年判断 60 实例13 函数求值 64 实例14 卷联 68 实例15 会跳动的彩信 72  实例1：浮动文字的制作效果 (实例说明 本例将利用遮罩层制作的一个实例,最终效果如图1.14所示. (学习目标 通过本例学习,应能掌握遮罩层的概念,掌握如何利用遮罩层来制作动画。 ?操作步骤 （1）启动Flash8.0程序。选择【文件】|【新建】命令，新建一个Flash文档 （2）单击【属性】面板中【大小】按钮。打开【文档属性】对话框。设置场景大小为500px*120px，背景为黑色，帧频为8fps，ActionScript:2,属性面板设置如图1.1所示。 图1.1所示 （3）选择【插入】|【新建元件】命令。打开【创建新元件】对话框，创建一个名为【浮动文字】的图形元件如图1.2所示 图1.2所示 （4）在该元件场景中利用【文本工具】输入“浮动文字”，字的大小设置为：56。字的样式为：Courier New，字的颜色为：#999999,Alpha:100%,宽：228.4，高：69，X：-2.0，Y：-5.0，属性面板设置如图1.3所示。 图1.3所示 （4）【新元件】的效果图如图1.4所示 图1.4所示 （5）选择【插入】|【新建元件】命令。打开【创建新元件】对话框，创建一个名为【条形图形】的图形元件如图1.5所示。 图1.5所示 （6）在【新元件】场景中选择【矩形工具】设置笔触颜色为：#CCCCCC，Alpha：100%，在该元件的场景中画一个宽：48.6，高：57，X：- 105.3，Y：-26.5的矩形，并用Ctrl+C进行【复制】，再用Ctrl+V进行【粘贴】，【复制】5个大小一样的矩形，并选择【选择工具】适当的调整间距，使之浮动的效果更好。属性面板设置如图1.7所示。 图1.7所示 （7）选择【窗口】|【库面板】，打开【库】面板，并把库面板中的【浮动文字】元件拖入到场景中，并放在第1图层中，把第1图层重命名为：浮动文字，同时在浮动文字图层的第40帧，按F5，完成后的时间面板如图1.8所示。 图1.8所示 （8）在场景中再次选择【窗口】|【库面板】，打开【库】面板，并把库面板中的【条形图形】元件拖入到场景中，并放在第2图层中，在第2图层的第20帧，右击选择【插入关键帧】如图1.9所示，，同样在第40帧也右击选择【插入关键帧】，并把【条形图形】元件移到第1帧的位置。再选择第1帧，单击【属性】面板中【补间】按钮，并选择其中的【动画】，缓动：0，旋转：自动，属性面板设置如图1.10所示。在第20帧也做第1帧同样的设置。 图1.9所示 图1.10所示 （9）选种第2层，右击选择【遮罩层】，如图1.11所示，时间轴最后的效果图如图1.12所示。 图1.11所示 图 1.12所示 （10）在场景中再次选择【窗口】|【库面板】，打开【库】面板，并把库面板中的【浮动文字】元件拖入到场景中，并放在第3图层中，在第3图层的第20帧，右击选择【插入关键帧】如图1.9所示，把【浮动文字】元件右移一小段距离，同样在第40帧也右击选择【插入关键帧】，并把【浮动文字】元件上移一段位置。再选择第1帧，单击【属性】面板中【补间】按钮，并选择其中的【动画】，缓动：0，旋转：自动，属性面板设置如图1.10所示。在第20帧也做第1帧同样的设置。 时间轴设完的最后效果如图1.13所示。 图1.13所示 (11)选择【控制】|【测试影片】命令，观看所做的效果，或按Ctrl+Enter进行测试。效果如图1.14所示。 (12)选择【文件】|【保存】，如图1.15所示，这样就保存成一个.fla格式的文件了。这个实例到这就全部结束。 图1.14所示 图 1.15所示 实例2：金属文字的制作 (实例说明 本例将利用遮罩层制作的一个实例,最终效果如图2.12所示. (学习目标 通过本例学习,应能掌握遮罩层的概念,掌握如何利用遮罩层来制作动画。 ?操作步骤 （1）启动Flash8.0程序。选择【文件】|【新建】命令，新建一个Flash文档 （2）单击【属性】面板中【大小】按钮。打开【文档属性】对话框。设置场景大小为400px*200px，背景为黑色，帧