当前位置: 首页 > 图文教程 > Flash动画 > Flash动画制作 > Flash教程:打造月夜下飞翔的蝙蝠动画

Flash动画制作
28个有趣的loading的flash网站实例
Flash实例教程:跟随鼠标的炫舞线条特效
Flash CS3教程:烟雾状动画制作技巧
Flash CS4的Deco工具制作有图案的水晶球
Flash CS4的骨骼工具制作皮影动画技巧
Flash实例教程:好看的气泡动画特效
Flash AS3.0教程:好看的荷塘涟漪动画
设置TextField的插入点(尖号)的位置
24个相当漂亮的创意类Flash网站设计实例
学习ActionScript 3.0比较重要的6个好处
AS3 socket解码设计时忽略的问题
Flash实例教程:好看的星光四射动画特效
Flash实例教程:简单的鼠标翻扑克动画
Flash AS实例教程:会眨眼的美女
Flash AS制作创意的鼠标经过的网页导航
AS使用经验总结:AS的使用技巧汇总
Flash动画技巧:图形元件相关知识
连连看小游戏地图数据简单生成的AS代码
Flash实例教程:好看的跟随鼠标的旋转星星
Flash CS4教程:立体梦幻星空旋转3D地球

Flash动画制作 中的 Flash教程:打造月夜下飞翔的蝙蝠动画


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-22   浏览: 283 ::
收藏到网摘: n/a

这个小教程用Flash制作了一个蝙蝠在月夜里飞翔的动画,用到了Flash的基本绘图工具以及渐变填充等,操作简洁,适合练习。

效果演示:

制作步骤:

1、新建一个默认大小的Flash文档,用矩形工具画一个矩形用来作为夜空。

Flash教程:打造月夜下飞翔的蝙蝠动画

2、选中矩形,在混色器面板中将填充设为由深蓝到黑色的渐变,类型为“线性”。用填充变形工具调整渐变为由下至上从蓝到黑。

Flash教程:打造月夜下飞翔的蝙蝠动画

3、选中矩形,在对齐面板中按下“相对于舞台”按钮,再按“匹配高和宽”,最后按“垂直中齐”和“水平中齐”。这样矩形就铺满了整个画布。

Flash教程:打造月夜下飞翔的蝙蝠动画

4、新建一个图层,命名为“moon”,选择椭圆工具,按住Shift键画出一个正圆。

Flash教程:打造月夜下飞翔的蝙蝠动画

5、在混色器面板中将填充设为由黄到白色的渐变,类型为“放射状”,注意渐变条上黄色色块的位置。用填充变形工具调整渐变到如下大小,形成带着光晕的月亮。

Flash教程:打造月夜下飞翔的蝙蝠动画

6、画蝙蝠。Ctrl+F8新建一个元件,命名为“bat”,用椭圆工具画一个黑色的正圆。

Flash教程:打造月夜下飞翔的蝙蝠动画

7、画耳朵。先用钢笔工具画一个小三角形,钢笔工具在任意两点上单击就可以画出直线。

Flash教程:打造月夜下飞翔的蝙蝠动画

8、将三角形填充黑色,并用选取工具调整到如下形状。

Flash教程:打造月夜下飞翔的蝙蝠动画

9、Ctrl+D复制一个耳朵,执行菜单/修改/变形/水平翻转。

Flash教程:打造月夜下飞翔的蝙蝠动画

10、将两个耳朵对齐后放在蝙蝠的头上。

Flash教程:打造月夜下飞翔的蝙蝠动画

11、画翅膀。用钢笔工具先画出如下直线轮廓。

Flash教程:打造月夜下飞翔的蝙蝠动画

12、将翅膀填充黑色,并用选取工具调整到如下形状。

Flash教程:打造月夜下飞翔的蝙蝠动画

13、选中翅膀,按F8转换为元件,命名为“wing”。双击翅膀进入元件编辑界面,在前4帧上都按F6插入关键帧。

Flash教程:打造月夜下飞翔的蝙蝠动画

14、选择第2帧,用任意变形工具将翅膀调整到如下形状。

Flash教程:打造月夜下飞翔的蝙蝠动画

15、选择第4帧,用任意变形工具将翅膀调整到如下形状,这就完成了翅膀的动态。

Flash教程:打造月夜下飞翔的蝙蝠动画

16、在库面板中双击“bat”元件的预览图进入蝙蝠的编辑界面。将翅膀调整到合适的大小和位置。

Flash教程:打造月夜下飞翔的蝙蝠动画

17、在库面板中再次将“wing”元件拖进来,执行菜单/修改/变形/水平翻转后放在另外一边,完成蝙蝠的绘制。

Flash教程:打造月夜下飞翔的蝙蝠动画

18、回到“场景1”,新建一个图层,命名为“bat”,在第100帧处给三个图层都按F5插入帧。

Flash教程:打造月夜下飞翔的蝙蝠动画

19、选择月亮层,在第20帧处插入关键帧,并添加动画补间。

Flash教程:打造月夜下飞翔的蝙蝠动画

20、选择月亮层的第1帧,将月亮垂直拖放到画布以外,完成月亮升起的动画。

Flash教程:打造月夜下飞翔的蝙蝠动画

21、选择蝙蝠层,在第21帧处插入关键帧,将“bat”元件拖进来,并调整到如下大小和位置。在第35帧处也插入关键帧,并添加动画补间。

Flash教程:打造月夜下飞翔的蝙蝠动画

22、选择第21帧,将蝙蝠垂直拖放到画布以外,并用任意变形工具将蝙蝠拉大,完成蝙蝠飞入的动画。

Flash教程:打造月夜下飞翔的蝙蝠动画

23、在第45和60帧处分别再插入关键帧,并添加动画补间。

Flash教程:打造月夜下飞翔的蝙蝠动画

24、选择第60帧,用任意变形工具将蝙蝠缩小到几乎看不见为止,代表蝙蝠越飞越远。

Flash教程:打造月夜下飞翔的蝙蝠动画

25、在第61帧处按F7插入一个空白关键帧,代表蝙蝠完全消失。

Flash教程:打造月夜下飞翔的蝙蝠动画

26、选择第60帧,点右键选“复制帧”,在第70和90帧处分别再点右键选“粘贴帧”,并添加动画补间。

Flash教程:打造月夜下飞翔的蝙蝠动画

27、选择第90帧,将蝙蝠拖到画布以外如下位置,并用任意变形工具将蝙蝠拉大,完成蝙蝠飞出的动画。

Flash教程:打造月夜下飞翔的蝙蝠动画

28、最终效果: