FLASH怎么绘制一幅春意盎然的花园的动画?

所属分类: 媒体动画 / Flash教程 阅读数: 86
收藏 0 赞 0 分享

本经验所分享的动画,重点技巧是运用动画补间;另外,你将了解到复制帧再粘贴帧的作用。下面,我们一起来看下具体的操作步骤。

1、启动软件,新建文档;把图层1命名为背景。用线条工具在舞台划出四块,并填充上颜色。如下图所示。

2、选取线条工具,画出尖头的木板,并填充上颜色,复制再粘贴,粘贴多些,然后,再用线条工具画两条木条把这些木板连接在一起,制作成栏栅。

3、再选取线条工具,画出各种不同的花朵、小草、草皮等等。有时间,有耐心的,画功好的,可以多画些,毕竟这是制作春意盎然的花园。小编在这里就不一 一画了。随意画一些作为示例。

4、在天空这里,用椭圆工具画几朵白云。再用线条工具画出两束光线。从左上角向右下照射。背景图层在这里基本完成。在这里看到花朵,小草等露出了舞台,这个没关系的,保存后,观看动画时,只显示舞台这个范围的。下面接着制作蝴蝶、蜻蜓、风车的动画。

5、在背景图层60帧位置插入键。新建图层命名为蝴蝶1;把蝴蝶图片导入到库,新建影片剪辑元件,把蝴蝶1图片拖入到元件操作界面中;调节好位置,然后,选取任意变形工具,把蝴蝶选中;然后,在第2帧位置插入关键帧,并把蝴蝶双翼往内收点,再在第3帧处插入关键帧,同样是把蝴蝶双翼往内再收一点;到第4帧,插入关键帧,把蝴蝶双翼完成收起合在一起。

6、然后,把蝴蝶1元件拖放到场景舞台左下角,然后,在蝴蝶1图片第15帧位置,插入关键帧,接着,把蝴蝶移到花朵上。再在第1至第15帧任意帧上点下,在属性面板这里,设置动画补间。完成蝴蝶进入花园飞到一朵花上的动作;蝴蝶会在一朵花上停留一些时间,所以再这样操作:复制第15帧,然后,粘贴到第16至第20帧。

7、蝴蝶停留一会儿后,接着,蝴蝶再飞到另一朵花上;在第40帧的位置插入关键帧;把蝴蝶拖到另一朵花上,如下图所示。然后,设置动画补间。再复制第40帧,然后粘贴到第41帧至第60帧;第一只蝴蝶动画制作好了。下面,再制作另一只蝴蝶动画。

8、新建图层,命名为蝴蝶2;把蝴蝶2的图片导入到库;然后,新建影片剪辑元件,按步骤5操作,制作蝴蝶2的元件;接着,把蝴蝶2插入到场景舞台的右侧这里,准备飞入花园。在蝴蝶2图层的第15帧处插入关键帧;把蝴蝶2移到花朵上。

9、这只蝴蝶没有停留,直接从这朵花从花园左侧飞走了。在第60帧的位置插入关键帧,把蝴蝶拖到花园的左侧,再设置动画补间

10、新建图层命名为蝴蝶3,按步骤6和步骤7操作,再制作一只蝴蝶动画。接着,新建蜻蜓影片剪辑元件;在元件操作界面把蜻蜓制作好后。回到场景这里,新建图层命名为蜻蜓,然后,把蜻蜓拖到花园的左方。在蜻蜓图层的第30帧位置插入关键帧,设置动画补间复制第30帧,再粘贴到第60帧。

11、新建风车影片剪辑元件,制作风车元件;制作好后,回到场景操作界面,新建图层命名为风车;并把风车元件拖到场景舞台,如下图所示的位置。

12、到此为止,制作完成,大家自己也可以按自己的喜好多添加一些蝴蝶或蜻蜓或花朵等等,使到画面更丰富。

相关推荐:

FLASH怎么绘制一个不倒翁的动画?

FLASH怎么绘制球按轨迹滚动的动画?

FLASH制作一个小车一直往前推的动画?

更多精彩内容其他人还在看

FLASH CLASS的基本编写规范

继续回来写教程。本来不想写这节的,因为这节的内容很多书上或者网上资料都有,而且写的比我要详细正规得多。但后来想想,还是写吧!为啥?凑篇幅呗~啊哈哈~而且后面几节要结合接宝的范例游戏,具体分析它的几个CLASS,所以,还是用一节把CLASS的写法说一下。可能我对CLASS
收藏 0 赞 0 分享

flash教程:使用拆分数字和文字的函数

flash的小函数:拆分数字和文字的函数. 以下为引用的内容: /* * 拆分数字和文字 */ public function splitNS(s:String):Object{ var tNum:String=""
收藏 0 赞 0 分享

通过实例学习Flash AS3.0——案例六

相关文章: 通过实例学习Flash AS3.0——案例五 首先声明:本人大菜鸟一个,刚接触AS3不久,许多理念还没来得及灌输,这些case都是从网上down的,但因为解说是英文的,不利我们学习,我就充当一个translater,顺便可以让自己巩固一下
收藏 0 赞 0 分享

用Flash AS制作逼真的下雨动画效果

Flash教程:用Flash AS制作逼真的下雨动画效果 先看下效果:(附.swf文件) 制作过程 一、新建一图层,大小随意; 二、新建元件(影片剪辑): 1、制作雨滴并下落。使用直线工具(颜色设为灰色,1像素)画一短直线,使用选择工具将直
收藏 0 赞 0 分享

通过实例学习Flash AS3.0——案例五

相关文章: 通过实例学习Flash AS3.0——案例四 首先声明:本人大菜鸟一个,刚接触AS3不久,许多理念还没来得及灌输,这些case都是从网上down的,但因为解说是英文的,不利我们学习,我就充当一个translater,顺便可以让自己巩固一下
收藏 0 赞 0 分享

Flash CS3制作Fla形式的组件

  本文为大家介绍如何制作Flash CS3中的[*.fla]形式的的组件(Component)。这种组件和SWC组件不同,它和CS3自带的组件一样能够双击进入组件里面编辑,是Flash CS3新增加的一种组件形态。下面我们制作一个MyButton组件为例子。   制作步骤:
收藏 0 赞 0 分享

通过实例学习Flash AS3.0——案例四

相关文章:通过实例学习AS3.0——案例三 首先声明:本人大菜鸟一个,刚接触AS3不久,许多理念还没来得及灌输,这些case都是从网上down的,但因为解说是英文的,不利我们学习,我就充当一个translater,顺便可以让自己巩固一下知识。
收藏 0 赞 0 分享

通过实例学习flash AS3.0——案例二

相关文章:通过实例学习AS3.0 --案例一 首先声明:本人大菜鸟一个,刚接触AS3不久,许多理念还没来得及灌输,这些case都是从网上down的,但因为解说是英文的,不利我们学习,我就充当一个translater,顺便可以让自己巩固一下知识。 水平有限,错误难免,欢
收藏 0 赞 0 分享

通过实例学习AS3.0——案例三

相关文章:通过实例学习flash AS3.0——案例二 首先声明:本人大菜鸟一个,刚接触AS3不久,许多理念还没来得及灌输,这些case都是从网上down的,但因为解说是英文的,不利我们学习,我就充当一个translater,顺便可以让自己巩固一下知
收藏 0 赞 0 分享

通过实例学习AS3.0

首先声明:本人大菜鸟一个,刚接触AS3不久,许多理念还没来得及灌输,这些case都是从网上down的,但因为解说是英文的,不利我们学习,我就充当一个translater,顺便可以让自己巩固一下知识。 水平有限,错误难免,欢迎大虾小虾,大鸟小鸟指正。 下面进入正题:
收藏 0 赞 0 分享
查看更多