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

所属分类: 媒体动画 / Flash教程 阅读数: 57
收藏 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,做个单个FLA文件F9按了猛打代码,然后MC里点开了东鸟点代码,西鸟点代码,也能完成。没错,确实这样。 我自己相当长一
收藏 0 赞 0 分享

Flash 脚本游戏开发教程第六课

范例接宝游戏中人物类的CLASS讲解 首先请下载源文件:CLASS.rar 下载好,打开一看,如下: 一个FLA主文件:  run_game.fla 三个目录:
收藏 0 赞 0 分享

Flash 脚本游戏开发教程第七课

先补充个游戏里的结构: _root下有三个空MC: pl,item和xs pl这个空MC是用来attach人物的 item这个空MC是用来attach宝物的 xs这个MC是用来attach显示得分的 为什么要这么做呢?……因为管理方便呀~以后你会慢慢体会到
收藏 0 赞 0 分享

Flash 脚本游戏开发教程第八课

范例接宝游戏中得分显示类和时间控制类的CLASS讲解 事实上这两部分比较简单 所以并在一起讲解了 讲解前先点开FLA文件,把这两个MC看看,对MC构造了解了,才能写CLASS嘛~ 看下得分显示类的代码: class game.Score_view extends
收藏 0 赞 0 分享

Flash AS实现的蝌蚪摆尾动画的教程

本例介绍使用Flash的AS编写蝌蚪摆尾动画效果,希望朋友们喜欢~~     场景里代码 [code]   Object.environment = this;   Math.prototype.degrees = function (r)   {  
收藏 0 赞 0 分享

flash怎么制作文字垂直翻转效果的效果?

flash怎么制作文字垂直翻转的效果?flash中想要制作一个文字翻转制作成倒影的效果,该怎么制作文字翻转效果呢?下面我们就来看看详细的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

flash怎么给矩形添加镂空圆形效果?

flash怎么给矩形添加镂空圆形效果?flash中绘制的矩形想要添加一个镂空圆的效果,该怎么制作呢?下面我们就来看看详细的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

flash cs6鼠标跟随效果实现代码分享

flash cs6想要实现鼠标跟随效果?该怎么制作呢?今天我们就来看看使用as2.0实现鼠标跟随效果的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

flash怎么画溜冰的小企鹅图形?

flash怎么画溜冰的小企鹅图形?flash中想要使用工具绘制一个正在溜冰的小企鹅,该怎么绘制这个画面呢?下面我们就来看看详细的教程,需要的朋友可以参考下
收藏 0 赞 0 分享

Flash选择工具怎么改变对象形状?

Flash选择工具怎么改变对象形状?Flash中绘制的图形想要改变形状,比如画三角形变成一个伞的形状,该怎么操作呢?下面我们就来看看详细的教程,需要的朋友可以参考下
收藏 0 赞 0 分享
查看更多