用户名: 密码: 验证码: QQ--程序群:31736530 动画群:38836599
闪无忧
 
首 页 业界新闻 业界杂谈 Flash教程 Flash源码 Flash图书 Flash酷站 Flex & AIR 供求信息
   本栏目通告:   有意向写收费精品教程的朋友,请联系本站合作
当前位置 :首页>flash教程>Flash动画教程>列表

卡通娃娃360度转身动画

[来源:pconline | 作者:Sweetwitch | 时间:2008-11-04 | 点击:  | 收藏本文  【 】]
超人表情原创大赛正如火如荼的进行中,对于初哥可能就望钱兴叹了,不过没关系,这个Flash实例详细地讲解了一组卡通娃娃360度转身动画的制作过程,主要用到椭圆工具、直线工具和任意变形工具,操作简单易懂,希望你能有所收获,参与快知道表情设计赛,参与有奖哦。

这个Flash实例详细地讲解了一组卡通娃娃360度转身动画表情的制作过程,主要用到椭圆工具、直线工具和任意变形工具,操作简单易懂,有助于学习Flash绘画和动画的基本原理。先看下效果吧:

Flash教程:卡通娃娃360度转身动画
效果预览图

制作步骤:
1、新建一个200x200像素的Flash文档。首先我们要画一个简单的卡通娃娃,用椭圆工具画出如下两个椭圆。

Flash教程:卡通娃娃360度转身动画
图1

2、用挑选工具将两个椭圆的相交线选中,按Delete键删掉。

Flash教程:卡通娃娃360度转身动画
图2

3、在头顶中间画一个小椭圆,填充红色,作为红头绳。

Flash教程:卡通娃娃360度转身动画
图3

4、在小椭圆上用直线工具画出如下三角形,填充黑色,一个滑稽的冲天小辫就画好了。

Flash教程:卡通娃娃360度转身动画
图4

5、再用椭圆工具画一个黑色的小椭圆作为眼睛,按住Alt键拖动可复制出另一个。

Flash教程:卡通娃娃360度转身动画
图5

6、嘴巴的画法是先画一个椭圆,再画一条直线与它相交,然后把上半部分删掉即可。

Flash教程:卡通娃娃360度转身动画
图6

7、牙齿是用直线工具在嘴巴里面画三条竖线。

Flash教程:卡通娃娃360度转身动画
图7

8、手臂。用椭圆工具画一个细长椭圆,再用任意变形工具调整到如下角度和位置。

Flash教程:卡通娃娃360度转身动画
图8

9、用挑选工具选中手臂与身体相交的线条删掉,再将手臂调整到如下形状。

Flash教程:卡通娃娃360度转身动画
图9

10、选中手臂,Ctrl+D复制一个,选择菜单/修改/变形/水平翻转,放在身体另一边并删掉相交线。一个卡通娃娃就画好了。

Flash教程:卡通娃娃360度转身动画
图10

11、下面开始做转身动画。人物转身的效果实际上就是让他的正面、侧面和背面交替出现。所以我们只需建立4个关键帧,在这4个关键帧上分别画上“正面、右侧面、背面、左侧面”的样子就可以了。先在时间轴上第12帧处按F5插入帧,然后在第4、7、10帧处分别按F6插入关键帧。选择第1帧,就是我们刚才画好的正面。

Flash教程:卡通娃娃360度转身动画
图11

12、选择第4帧,将它修改为侧面。先将一只手臂删除,再将另外一只手臂用任意变形工具调整到如下位置。身体上的缺口就用直线工具补上。

Flash教程:卡通娃娃360度转身动画
图12

13、删掉一只眼睛,把嘴巴移动到脸的一侧。

Flash教程:卡通娃娃360度转身动画
图13

14、用挑选工具删掉身体外的嘴巴线条,右侧面像就画好了。

Flash教程:卡通娃娃360度转身动画
图14

15、选择第7帧,把眼睛和嘴巴都删掉就变成了背面。

Flash教程:卡通娃娃360度转身动画
图15

16、第10帧上是左侧面。在第4帧上点右键选“复制帧”然后在第10帧上点右键选“粘贴帧”,再选择菜单/修改/变形/水平翻转,左侧面就画好了。

Flash教程:卡通娃娃360度转身动画
图16

17、Ctrl+Enter测试一下效果吧,卡通娃娃就转起来了。

Flash教程:卡通娃娃360度转身动画
图17

18、下面我们再画一个女生版的娃娃陪他一起转吧。把刚才做好的Flash文档复制一份,直接打开修改一下就好了。选择第1帧,先把嘴巴和小辫子都删掉,再把红头绳移动到头的一侧。

Flash教程:卡通娃娃360度转身动画
图18

19、Ctrl+D复制一个头绳,调整一下位置,这就是女娃娃的蝴蝶结了。

Flash教程:卡通娃娃360度转身动画
图19

20、嘴巴。先用直线工具画一条直线,再用挑选工具往下拖成弧形就可以了,女孩子要笑不露齿嘛,呵呵。

Flash教程:卡通娃娃360度转身动画
图20

21、做动画的步骤与男娃娃相同。在第1帧上点右键选“复制帧”然后在第4、7、10帧处分别点右键选“粘贴帧”。

Flash教程:卡通娃娃360度转身动画
图21

22、选择第4帧,删掉一只眼睛,切掉一半嘴巴,手臂也挪下来,完成右侧面。

Flash教程:卡通娃娃360度转身动画
图22

23、选择第7帧,把眼睛和嘴巴都删掉,把蝴蝶节移动到另外一边就变成了背面。

Flash教程:卡通娃娃360度转身动画
图23

24、第10帧上是左侧面。在第4帧上点右键选“复制帧”然后在第10帧上点右键选“粘贴帧”,再选择菜单/修改/变形/水平翻转即可。

Flash教程:卡通娃娃360度转身动画
图24

25、Ctrl+Enter测试一下吧,女娃娃也转起来了。

Flash教程:卡通娃娃360度转身动画
图25

26、如果想让人物转得更快一些,可以把每两个关键帧之间的普通帧删掉一格,效果如下:

Flash教程:卡通娃娃360度转身动画
最终效果


文章如果有错误或者缺少文件,请发邮件提交给我们
上一篇:羽毛扇跟随鼠标动画效果
下一篇:动画中人物格斗的基本动作收集分享
Tags:    
>>> 最新评论:(共有 0 位网友发表了评论)      查看所有评论
  发表评论
用户名: 新注册) 密码: 匿名评论
评论内容:(不能超过250字,需审核后才会公布,请自觉遵守互联网相关政策法规。
·本站发布内容均为客观表达作者观点,不代表闪无忧立场,请勿攻击和漫骂
·用户发表意见仅代表其个人意见,并且承担一切因发表内容引起的纠纷和责任
·本站管理人员有权在不通知用户的情况下删除不符合规定的评论信息或留做证据
·请客观的评价您所看到的资讯,提倡就事论事,杜绝漫骂和人身攻击等不文明行为
  教程分类
  基础操作   动画特效
  应用开发   组件学习
  As程序   动画教程
  Flash cs3   AS 3.0
  FCS/FMS教程   Loading教程
  Flash与Web   Flash教程连载
  搜索本站资料
Google
  相关文章
·Flash制作鼠标感应图片转动[as3]
·新动画零起点教程——基础篇(1
·新动画零起点教程——理论篇(四
·新动画零起点教程——理论篇(三
·新动画零起点教程——理论篇(二
·新动画零起点教程——理论篇(一
·简单实现传统数字动画续
·做好flash手绘基本功,简单的手
·flash手绘蝴蝶的小教程
·flash轻松实现动漫中另一种眨眼
  热门文章
·Flash进度条的制作详细讲解(组图)
·Flex 3 AdvancedDataGrid的使用(第二
·全Flash动画网站实现的基础教学
·FLV播放器汇总
·FLASH+XML相册(附源码)
·flash幻灯片网页效果
·超酷flash光晕移动效果
·Flash打造简单的飘雪动画视觉特效
·flash水影效果字
·flash春雷闪电效果
·Flash制作大雪纷飞效果动画
关于我们 - 免责声明 - 网站地图 - 商务服务 - 联系我们 - RSS地图
©CopyRight 2006-2008, 5UFlash.COM, Inc. All Rights Reserved
鲁ICP备06034971号