用户名: 密码: 验证码: QQ--程序群:31736530 动画群:38836599
闪无忧
 
首 页 业界新闻 业界杂谈 Flash教程 Flash源码 Flash图书 Flash酷站 Flex & AIR 供求信息
   本栏目通告:   有意向写收费精品教程的朋友,请联系本站合作
·好听的歌 ·火影忍者 ·繁体字转换 ·在线听歌 ·火影忍者漫画 ·最新歌曲 ·psp游戏下载 ·photoshop ·火星文 ·音乐网 ·歌曲下载 ·在线音乐 最新网络游戏
当前位置 :首页>flash教程>Flash动画教程>列表

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

[来源:pconline | 作者:Sweetwitch | 时间:2008-09-14 | 点击:  | 收藏本文  【 】]

这个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

 

 

文章如果有错误或者缺少文件,请发邮件提交给我们
上一篇:FLASH动画场景制作
下一篇:Flash绘制写真苹果的方法
Tags:    
>>> 最新评论:(共有 1 位网友发表了评论)      查看所有评论
  发表评论
用户名: 新注册) 密码: 匿名评论
评论内容:(不能超过250字,需审核后才会公布,请自觉遵守互联网相关政策法规。
·本站发布内容均为客观表达作者观点,不代表闪无忧立场,请勿攻击和漫骂
·用户发表意见仅代表其个人意见,并且承担一切因发表内容引起的纠纷和责任
·本站管理人员有权在不通知用户的情况下删除不符合规定的评论信息或留做证据
·请客观的评价您所看到的资讯,提倡就事论事,杜绝漫骂和人身攻击等不文明行为
  教程分类
  基础操作   动画特效
  应用开发   组件学习
  As程序   动画教程
  Flash cs3   AS 3.0
  FCS/FMS教程   Loading教程
  Flash与Web   Flash教程连载
  相关文章
·动画中人物格斗的基本动作收集分
·卡通娃娃360度转身动画
·羽毛扇跟随鼠标动画效果
·Flash鼠绘入门第十三课:绘制美
·Flash鼠绘入门第十一课:可爱瓢
·Flash鼠绘入门第十课:绘制娇艳
·Flash鼠绘入门第九课:绘制漂亮
·Flash鼠绘入门第八课:绘制脱俗
·Flash鼠绘入门第七课:绘制一串
·Flash鼠绘入门第六课:青翠竹子
  热门文章
·Flash进度条的制作详细讲解(组图)
·flash幻灯片网页效果
·Flex 3 AdvancedDataGrid的使用(第二
·全Flash动画网站实现的基础教学
·flash水影效果字
·Flash打造简单的飘雪动画视觉特效
·FLASH+XML相册(附源码)
·超酷flash光晕移动效果
·Flash旋转拖尾文字效果的制作教程
·Flash制作大雪纷飞效果动画
·flash春雷闪电效果

音乐
嫁衣 画心 放生 天亮了 牡丹江 那滋味 擦肩而过 边做边爱 怀念过去 北京欢迎你 突然好想你 吻的太逼真 说好的幸福呢 坐上火车去拉萨 没有人比我更爱你
愚爱 心碎 稻香 带我走 醉赤壁 魔杰座 我还想她 类似爱情 明天过后 一定要爱你 等爱的玫瑰 原谅我一次 越单纯越幸福 最后一次的温柔 给我一首歌的时间
白狐 光荣 降临 下雨天 小酒窝 樱花草 恋爱新手 晴天娃娃 说唱脸谱 红色高跟鞋 寂寞才说爱 深深爱过你 爱上你是个错 即使知道要见面 不是因为寂寞才想你
城府 假如 花海 兰亭序 棉花糖 舍不得 最后一次 守护天使 女人如烟 外滩十八号 我们的纪念 我们的无奈 心在跳情在烧 爱上你是我的错 爱情里没有谁对谁错
关于我们 - 免责声明 - 网站地图 - 商务服务 - 联系我们 - RSS地图
©CopyRight 2006-2008, 5UFlash.COM, Inc. All Rights Reserved
鲁ICP备06034971号