Flash制作可爱有趣的亲嘴猪动画

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


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


图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 cs3绘制人物高级行走动画教程

本教程向大家介绍Flash cs3绘制人物高级行走动画效果,教程难度不是很大,绘制方法及过程介绍的也非常详细,教程很实用,转发过来,希望大家喜欢
收藏 0 赞 0 分享

Flash CS4来制作漂亮的气泡动画教程

本教程向脚本之家的朋友介绍用Flash CS4来制作漂亮的气泡动画,制作出来气泡真的很好看,制作效果是采用代码形式实现,觉得很不错,转发过来,感兴趣的朋友可以一起来学习
收藏 0 赞 0 分享

flash基础教程:帧、关键帧、空白帧概念及区别介绍

动画的产生是帧来实现的,那什么是帧?帧、关键帧和空白帧之间又有什么区别?本文就为大家介绍一下三者之间的关系
收藏 0 赞 0 分享

Flash教程:动画背景的绘制方法之透视篇(给新手)

Flash动画在网络上的广泛传播,已经成为上网一族喜闻乐见的一种艺术形式。动画背景的绘制方法有很多,也有很多表现方法。这里将结合透视学的基础知识向大家简单的介绍一下动画背景的绘制。
收藏 0 赞 0 分享

Flash AS入门教程:Flash AS3.0制作有年份有日期的时钟

本教程是向大家介绍利用Flash AS3.0制作有年份有日期的时钟,虽然制作时钟老套了点,但它确可以较全面地应用到时间日期和间隔等知识,仍不失为较好的入门练习,转发给大家,希望对大家有所帮助
收藏 0 赞 0 分享

Flash相册制作大师具体该如何使用 Flash相册制作大师使用教程

在本文中我们将会看到的是Flash相册制作大师的具体使用的方法
收藏 0 赞 0 分享

flash基础教程:混色器面板图文介绍

混色器面板是Flash中用于色彩处理的一个重要面板,熟练地使用该面板,可以帮助用户快速地完成色彩的填充,编辑出色彩丰富的图形。本教程为大家详细介绍一下混色器面板,希望对大家有所帮助
收藏 0 赞 0 分享

25个绝对让你应接不暇的Flash网站创意

在Web设计过程中,运用成熟的Flash技术可以把你任意想到的idea表现到产品页面中。这里为你整理发现了25个绝对让你应接不暇的 Flash网站创意,更好地体现网站的互动应用,同时可以让你大饱眼福,一起来欣赏吧
收藏 0 赞 0 分享

教你用Flash制作非常酷的二进制时钟动画

今天在这个教程中我们将学习用Flash做一个不同寻常的,但非常酷的时钟:一个二进制时钟,中间用到了代码,但介绍地很详细,相信很值得大家学习
收藏 0 赞 0 分享

Flash动画特效制作技巧:制作超酷的文字炸开动画效果

本教程向大家介绍Flash动画特效制作技巧,本实例是制作文字炸开的动画效果,制作效果非常酷,制作过程也比较简单,喜欢的朋友可以过来学习一下这种制作方法
收藏 0 赞 0 分享
查看更多