|
首页 | 名片设计 CorelDRAW Illustrator AuotoCAD Painter 其他软件 Photoshop Fireworks Flash |
|
Flash动画中有的效果完全可以由代码控制并生成图像完成,譬如本文所要实现的效果就是通过一段并不复杂代码把两条线段变成一群活灵活现的飞鸟。再加上一幅图片,绝对能让你想起“千山鸟飞绝”的诗句,见效果图所示。
源文件下载:点击这里下载(28K, winzip压缩文件) 1.新建一个Flash文档,单击“属性”面板中的“尺寸”按钮,打开“文档属性”面板设置场景大小为350px x 300px,帧频为20fps。 2.按快捷键Ctrl+F8新建一个名为“图片”的影片剪辑元件。按快捷键Ctrl+R打开“导入”面板导入一幅可以覆盖场景的山水图片,见效果图。 图1 3.按快捷键Ctrl+L打开“库”面板,把“图片”元件拖拽到“场景1”中。点选场景中的“图片”元件,按快捷键Ctrl+K打开“对齐”面板,点击“相对于舞台”按钮,再点击“左对齐”和“上对齐”按钮。这样很轻易就使“图片”元件覆盖住整个场景了。 图2 4.创建一个“飞鸟”影片剪辑元件。该元件的图层设置如图2所示。“左翅”层和“右翅”层利用“外形渐变”运动让两条线段可以模仿鸟翅膀煽动的运动。打开“洋葱皮”命令可以很清晰的看到了,如图3所示。在各帧中,线段只是角度不相同,以产生运动的效果。设置线段角度的变化可以按快捷键Ctrl+T打开“变形”面板进行辅助设置。 图3 5.按快捷键Ctrl+L打开“库”面板。右键点击“库”中的“飞鸟”元件,单击“链接”命令打开“链接属性”面板,如图4所示,并如图5所示设置。使用“链接属性”面板定义影片剪辑元件后,可以直接利用代码调用元件,而不必把元件拖拽到场景中。 图4 图5 6.回到“场景1”,点选“图层 1”的第1帧,按F9键打开“动作”面板,输入如下代码: // 飞鸟动画 7.为了使该动画更有趣些,我们在以上的代码下,再添加如下代码: // 鼠标动作 添加这段代码后,按快捷键Ctrl+Enter测试。当鼠标点击动画,所有的“鸟儿”就会向鼠标点击的方向飞去,很酷。整个效果到这里就全部设计好了。 假如感觉上面的效果不好可以看看相关文章:http://www.webjx.com/htmldata/2005-03-02/1109763937.html 返回类别: Flash教程 上一教程: Flash打造万花筒效果动画 下一教程: 出色:FLASH制作矢量性感MM 您可以阅读与"用Flash制作简朴的飞鸟动画"相关的教程: · Flash制作俯视飞鸟动画教程 · Flash制作简朴的音乐波形动画效果 · 教你用FLASH做美丽的飞鸟效果动画 · Flash MX 2004实例制作视频教程:《火影忍者》动画片头制作(4) · Flash制作动画的一些基础知识总结 |
快精灵印艺坊 版权所有 | 首页会员中心在线印刷在线编辑付款方式索取样品设计指南连锁门店 |