Flash制作可爱的亲嘴猪动画效果

所属分类: 媒体动画 / Flash教程 阅读数: 58
收藏 0 赞 0 分享
本教程是使用Flash制作可爱有趣的亲嘴猪动画,讲述如何用简单的绘图工具画出可爱俏皮的小猪以及制作成亲嘴动画。这个Flash实例简单易懂,适合Flash初中级学习者。
这个Flash实例制作了两只可爱的小猪亲嘴的动画,用到了Flash的基本绘图工具如椭圆、矩形、直线和任意变形等,操作简单易懂,适合练习。先看下效果吧:
 

制作步骤:
1、新建一个Flash文档,Ctrl+F8新建一个元件,命名为“pig”。选择椭圆工具,设笔触为黑色,无填充,画出如下椭圆。

Flash制作可爱的“亲嘴猪”动画
图01

2、再用矩形工具在椭圆下部画出如下矩形。

Flash制作可爱的“亲嘴猪”动画
图02

3、用选择工具选中多余的线条,Delete键删除。

Flash制作可爱的“亲嘴猪”动画
图03

4、新建一个图层,再画一个小矩形作为猪的鼻子。

Flash制作可爱的“亲嘴猪”动画
图04

5、用选择工具选中鼻子上多余的线条,Delete键删除,再把三条直线都调节成圆润的弧线,把鼠标放在直线上拖动即可调节。

Flash制作可爱的“亲嘴猪”动画
图05

6、用直线工具在猪鼻子上画两条竖线,然后也调节成弧形。

Flash制作可爱的“亲嘴猪”动画
图06

7、再用直线工具画出嘴巴的线条,并调成向下弯曲以形成微笑的表情。

Flash制作可爱的“亲嘴猪”动画
图07



8、眼睛就是一大一小两个椭圆,大椭圆填充白色,轮廓为黑,小椭圆填充黑色放在大椭圆上面即可。

Flash制作可爱的“亲嘴猪”动画
图08

9、新建一个图层,用直线工具画一个小三角形作为耳朵。

Flash制作可爱的“亲嘴猪”动画
图09

10、用挑选工具将三角形调节成如下形状。

Flash制作可爱的“亲嘴猪”动画
图10

11、用选择工具选中整个耳朵,Ctrl+D复制一个,再用任意变形工具将耳朵旋转到如下角度。

Flash制作可爱的“亲嘴猪”动画
图11

12、用铅笔工具画出小猪的尾巴,完成线稿的绘制。

Flash制作可爱的“亲嘴猪”动画
图12

13、选择颜料桶工具,在混色器面板中设置由粉红到白色的渐变,粉色值为“#FF66CC”,渐变类型为“放射状”。在小猪的身体上点一下,再用填充变形工具调整渐变到如下效果。

Flash制作可爱的“亲嘴猪”动画
图13

14、接着用颜料桶工具给鼻子填色,调节如下。

Flash制作可爱的“亲嘴猪”动画
图14



15、再给耳朵填色,调节如下。填好色之后把鼻子和耳朵与身体相连的线条删掉,小猪就完成了。

Flash制作可爱的“亲嘴猪”动画
图15

16、画心。Ctrl+F8新建一个元件,命名为“heart”。用直线工具画出心形的轮廓。

Flash制作可爱的“亲嘴猪”动画
图16

17、用选择工具将直线调节成圆润的心形,在直线上拖一拖拉一拉很快就能调好。

Flash制作可爱的“亲嘴猪”动画
图17

18、选择颜料桶工具,在混色器面板中设置由红到白色的渐变,渐变类型为“放射状”。在小猪的身体上点一下,再用填充变形工具调整渐变到如下效果,完成心的绘制。

Flash制作可爱的“亲嘴猪”动画
图18

19、回到场景中,建立两个图层,分别命名为“pig1”和“pig2”。在库面板中将画好的小猪拖进来,分别放在两个图层上。对“pig2”执行菜单/修改/变形/水平翻转,这样两只小猪就面对面了。选中两只小猪,执行菜单/修改/对齐/垂直中齐。

Flash制作可爱的“亲嘴猪”动画
图19

20、选中两个图层的第10帧,按F6插入关键帧,在此帧上将两只小猪分别向中间水平移动至嘴对嘴。调整好位置后分别添加动画补间。Ctrl+Enter可随时播放效果,小猪开始亲嘴了。

Flash制作可爱的“亲嘴猪”动画
图20



21、选中两个图层上的第10帧,单击右键选“复制帧”,在第16帧上单击右键选“粘贴帧”。

Flash制作可爱的“亲嘴猪”动画
图21

22、分别添加动画补间。

Flash制作可爱的“亲嘴猪”动画
图22

23、在两个图层的第13帧处按F6插入一个关键帧,在此帧上将两只小猪分开一些(按键盘上的左右方向键分别后退一点点即可)。

Flash制作可爱的“亲嘴猪”动画
图23

24、添加红心。新建一个图层,命名为“heart1”。选中第10帧,按F6插入关键帧,在库面板中将画好的“heart”元件拖进来放在猪嘴中间,用任意变形工具缩小,Ctrl+B打散。(这里把猪的图层用轮廓显示以便看得清楚)

Flash制作可爱的“亲嘴猪”动画
图24

25、在第21帧处插入一个关键帧,将红心移动到如下位置,用任意变形工具调大一些,然后添加形状补间。

Flash制作可爱的“亲嘴猪”动画
图25

26、新建一个图层,命名为“heart2”。选中第16帧,按F6插入关键帧,在库面板中再次将“heart”元件拖进来放在猪嘴中间,用任意变形工具缩小,Ctrl+B打散。

Flash制作可爱的“亲嘴猪”动画
图26

27、在第27帧处插入一个关键帧,将红心移动到如下位置,用任意变形工具调大一些,然后添加形状补间。在 “pig1”、“pig2”和“heart1”图层的第27帧处分别按F5插入帧。完工!

Flash制作可爱的“亲嘴猪”动画
图27

28、最终效果
更多精彩内容其他人还在看

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 分享
查看更多