Flash实例：小桥流水
作者 佚名技术
来源 服务器技术
浏览
发布时间 2012-07-14
效果简介：
这个效果实现的是小桥流水的效果：小桥下的水静静地流淌着，小桥的倒影和水中的金鱼让我们想起了童年的生活……
制作要点：
读者从本实例中不但可以学到小桥流水的实现方法，还可以学到如何设计一只可爱的金鱼，以及学习另一种渐变动画类型——形状渐变动画。
制作步骤：
1．设置场景的大小为500px×300px，背景色为#10A9CC，帧频为12fps。
2．导入小桥。按快捷键Ctrl+F8打开“创建新元件”面板创建一个“小桥”图形元件。然后导入一座小桥图片，如图2所示。
 图 2
3．制作鱼尾。这里笔者只讲解“金鱼”制作的几个关键步骤。创建一个“鱼尾”影片剪辑元件。在元件的场景中绘制一个鱼尾，如图3所示。  图 3
4．按快捷键Shift+F9键打开“混色器”面板，并如图4所示进行设置。“混色器”下拉菜单中选择“线型渐变”。其中三个滑块的颜色分别是#F5800A、#F8D356（透明度为70%）和白色（透明度为50%）。设置好后用“颜料桶”工具给鱼尾上色。
 图 4
4．如图5所示建立“鱼尾”层。分别在第5、10、15、20帧上插入关键帧。然后把每帧中的鱼尾设置成图4-5中不同的形状，当然笔者使用洋葱皮命令是为了大家能够看得更清楚一点，实际上这5个鱼尾应该是重叠的。
 图 5
单击“鱼尾”层，使该层的所有帧成阴暗的被选取状态。然后在“属性”面板的“补间”下拉菜单中选择“形状渐变”选项建立形状渐变动画。
5．制作金鱼。创建一个“金鱼”影片剪辑元件，如图6所示建立“胸鳍”、“鱼头”、“鱼身”等层。处了“鱼头”层外其它三层都是由“鱼尾”元件通过“变形”面板变形而得到，这也体现了Flash设计中尽量重复使用元件来减小文件体积，提高效率的原则。
 图 6
在“鱼身”层中，只要设计一个红色的鱼身，然后让鱼身发生一点形变，产生一点动的效果就可以了。
6．制作流水。新建一个“流水”层。然后如图7所示创建元件的各层：“小桥1”层、“小桥2”层、“遮罩”层。  图 7 7．按快捷键Ctrl+L打开库，把库中的“小桥”元件拖到“小桥1”层中。然后单击选中该层的第60帧按F5键插入帧。接着单击“隐藏/显示”按钮 隐藏“小桥1”层中的元件。然后再把库中的“小桥”元件再拖到“小桥2”层中。单击选中该层的第50帧按F6键插入关键帧。注意，“小桥1”层和“小桥2”层中的“小桥”元件应该相同。 8．在“遮罩”层中制作一个由一条条高度为8px的线条组成的遮罩块，每条小条之间要保证有一定的间隙。接着按快捷键Ctrl+G将其组合。如图8所示。  图 8
9．单击“遮罩”层的第15、30、45、60帧并按F6键插入关键帧。然后把各帧中的遮罩元件上下移动一下，并建立补间动画。目的是使其上下移动，形成流水的间隙效果。只要保证遮罩物能完全遮罩住小桥就可以了。
10．从库中把“金鱼”元件拖拽到“小桥2”层中的适当位置，可随意的再复制出几条金鱼，并可在“属性”面板中将其色彩改成黑色。也可自己设计几条小蝌蚪放在该层中。那样，效果就更有童趣，更加春意盎然了。
11．回到主场景。如图9所示建立“小桥”层和“倒影”层。然后从库中把“小桥”图形元件拖拽到“小桥”层中。再把“流水”影片剪辑元件拖拽到“倒影”层中。并使用“变形”面板如效果图4-1所示将其翻转过来，并调整到适当位置。
 图 9 小桥流水的效果到这里就做好了。fla源件下载 关键词：水 |
凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢! |
你可能对下面的文章感兴趣
上一篇: 快闪手册—Shift键的妙用下一篇: 快闪手册——Shift键的妙用
关于Flash实例：小桥流水的所有评论
