- 浏览: 43352 次
- 性别:
- 来自: 深圳
最新评论
超人表情原创大赛正如火如荼的进行中,对于初哥可能就望钱兴叹了,不过没关系,这个Flash实例详细地讲解了一组卡通娃娃360度转身动画的制作过程,主要用到椭圆工具、直线工具和任意变形工具,操作简单易懂,希望你能有所收获,参与快知道表情设计赛,参与有奖哦。
这个Flash实例详细地讲解了一组卡通娃娃360度转身动画表情的制作过程,主要用到椭圆工具、直线工具和任意变形工具,操作简单易懂,有助于学习Flash绘画和动画的基本原理。先看下效果吧:
效果预览图
制作步骤:
1、新建一个200x200像素的Flash文档。首先我们要画一个简单的卡通娃娃,用椭圆工具画出如下两个椭圆。
图1
2、用挑选工具将两个椭圆的相交线选中,按Delete键删掉。
图2
3、在头顶中间画一个小椭圆,填充红色,作为红头绳。
图3
4、在小椭圆上用直线工具画出如下三角形,填充黑色,一个滑稽的冲天小辫就画好了。
图4
5、再用椭圆工具画一个黑色的小椭圆作为眼睛,按住Alt键拖动可复制出另一个。
图5
6、嘴巴的画法是先画一个椭圆,再画一条直线与它相交,然后把上半部分删掉即可。
图6
7、牙齿是用直线工具在嘴巴里面画三条竖线。
图7
8、手臂。用椭圆工具画一个细长椭圆,再用任意变形工具调整到如下角度和位置。
图8
9、用挑选工具选中手臂与身体相交的线条删掉,再将手臂调整到如下形状。
图9
10、选中手臂,Ctrl+D复制一个,选择菜单/修改/变形/水平翻转,放在身体另一边并删掉相交线。一个卡通娃娃就画好了。
图10
11、下面开始做转身动画。人物转身的效果实际上就是让他的正面、侧面和背面交替出现。所以我们只需建立4个关键帧,在这4个关键帧上分别画上“正面、右侧面、背面、左侧面”的样子就可以了。先在时间轴上第12帧处按F5插入帧,然后在第4、7、10帧处分别按F6插入关键帧。选择第1帧,就是我们刚才画好的正面。
图11
12、选择第4帧,将它修改为侧面。先将一只手臂删除,再将另外一只手臂用任意变形工具调整到如下位置。身体上的缺口就用直线工具补上。
图12
13、删掉一只眼睛,把嘴巴移动到脸的一侧。
图13
14、用挑选工具删掉身体外的嘴巴线条,右侧面像就画好了。
图14
15、选择第7帧,把眼睛和嘴巴都删掉就变成了背面。
图15
16、第10帧上是左侧面。在第4帧上点右键选“复制帧”然后在第10帧上点右键选“粘贴帧”,再选择菜单/修改/变形/水平翻转,左侧面就画好了。
图16
17、Ctrl+Enter测试一下效果吧,卡通娃娃就转起来了。
图17
18、下面我们再画一个女生版的娃娃陪他一起转吧。把刚才做好的Flash文档复制一份,直接打开修改一下就好了。选择第1帧,先把嘴巴和小辫子都删掉,再把红头绳移动到头的一侧。
图18
19、Ctrl+D复制一个头绳,调整一下位置,这就是女娃娃的蝴蝶结了。
图19
20、嘴巴。先用直线工具画一条直线,再用挑选工具往下拖成弧形就可以了,女孩子要笑不露齿嘛,呵呵。
图20
21、做动画的步骤与男娃娃相同。在第1帧上点右键选“复制帧”然后在第4、7、10帧处分别点右键选“粘贴帧”。
图21
22、选择第4帧,删掉一只眼睛,切掉一半嘴巴,手臂也挪下来,完成右侧面。
图22
23、选择第7帧,把眼睛和嘴巴都删掉,把蝴蝶节移动到另外一边就变成了背面。
图23
24、第10帧上是左侧面。在第4帧上点右键选“复制帧”然后在第10帧上点右键选“粘贴帧”,再选择菜单/修改/变形/水平翻转即可。
图24
25、Ctrl+Enter测试一下吧,女娃娃也转起来了。
图25
26、如果想让人物转得更快一些,可以把每两个关键帧之间的普通帧删掉一格,效果如下:
最终效果
本文转自:http://www.5uflash.com/flashjiaocheng/Flashdonghuajiaocheng/4563.html
发表评论
-
使用ProgressBar,Loader做LOADING简易教程
2010-04-10 13:39 701这里介绍一个用组件ProgressBar,Loader来做LO ... -
一个flash loading效果
2010-04-10 13:39 692在公司里做动画时候做的一个loading的效果,可以参考但不要 ... -
非常棒的loading制作教程
2010-04-10 13:39 550首先,想说一下我写此文的动机。记得很早之前我曾经说过“没有l ... -
flash进度控制条
2010-04-10 13:39 377这是我在做flash mv时做的,看下效果: 下面是代码: / ... -
Flash打造美女影片指导进度条
2010-04-10 13:38 577我们制作一个好看的影片导入进度条。 先看效果。 准 ... -
as3打造过点作已知直线的垂线,求垂足坐标
2010-04-09 11:54 677var Arr:Array=new Array(); Arr ... -
as3打造过点作已知直线的垂线,求垂足坐标
2010-04-09 11:53 1128var Arr:Array=new Array(); Arr ... -
as3系列判断点是否在矩形区域内
2010-04-09 11:53 1080trace(point_in_dect(2,2,1,1,3,3 ... -
as3系列判断点是否在矩形区域内
2010-04-09 11:53 1297trace(point_in_dect(2,2,1,1,3,3 ... -
as3学习-利用分隔符对字符串的分割
2010-04-09 11:53 951利用分隔符对字符串的分割, var Str:String ... -
flash制作飘动头发
2010-04-08 11:26 1075制作飘动的头发可以用形状补间动画和逐帧动画的方法来实现。用形状 ... -
flash制作飘动头发
2010-04-08 11:26 914制作飘动的头发可以用形状补间动画和逐帧动画的方法来实现。用形状 ... -
自然现象动画实战技术(风雨雷电)
2010-04-08 11:26 909★第一章 风 风是日常生活中常见的一种自然现象。空气流动 ... -
自然现象动画实战技术(风雨雷电)
2010-04-08 11:25 752★第一章 风 风是日常生活中常见的一种自然现象。空气流动 ... -
Flash打造彩色线条动态图案生长动画
2010-04-08 11:25 801今天我们用Flash软件 ... -
flash动画形变讨论二:低头
2010-04-08 09:40 571上次说了基本的形变,现在说下提示点,提示点是控制图形变化的基本 ... -
指针随鼠标移动的flash卡通时钟
2010-04-08 09:40 536。先看下时钟效果: var fnum:Number = ... -
动画人物运动规律与节奏
2010-04-08 09:40 576本文转自:h ... -
Flash绘制美丽风景画之海滩
2010-04-08 09:39 557过前段时间学习,我们掌握了鼠绘的一些初步知识,今天我们来综合一 ... -
Flash钢笔工具使用
2010-04-07 12:57 788有朋友问flash中钢笔工具的使用方法,所以把以前写的一本书里 ...
相关推荐
卡通六一儿童节flash动画场景是一款带音乐带人物对话故事的卡通六一儿童节flash动画场景素材
Unity3d 10种二代卡通史诗华丽战斗动画特效 附带人物释放技能动作 10种战斗技能动画特效 可供学习使用 附带特效资源 可以编辑自己的动画效果 拥有人物特效释放场景-免去自己创建demo的麻烦 卡通 史诗 华丽 战斗 动画...
用Html5生产一个动画场景,描述了一个 卡通男孩送花给心动女孩的场景,适合告白背景下,谁说程序员不浪漫。HTML+Javascript + CSS +图片组成,无基础也可使用,下载后运行index.html 即可。
原生js制作的趣味卡通人物爱心表白动画特效,先出现卡通人物,卡通人物手指所指之处爱心形状浮动特效。代码易学.
卡通照相机快门flash动画下载
卡通路上驾驶开车flash动画场景 卡通路上驾驶开车flash动画场景
卡通可爱的口袋妖怪flash动画素材 卡通可爱的口袋妖怪flash动画素材
彩色卡通球圆周运动flash动画素材 彩色卡通球圆周运动flash动画素材
卡通行驶的货车flash动画素材 卡通行驶的货车flash动画素材
这是一款基于HTML5+CSS3实现的可爱卡通人物奔跑动画效果,CSS3卡通人物路上跑步动画代码。
卡通走路的犀牛flash动画素材 卡通走路的犀牛flash动画素材
卡通猫狗打扫卫生flash动画场景 卡通猫狗打扫卫生flash动画场景
js+css3绘制卡通狗与爱心冒泡动画特效,一款卡通小狗爱心表白动画效果。
html5卡通短片七夕情人节送花动画场景 html5卡通短片七夕情人节送花动画场景
css3 animation绘制卡通可爱的荷包蛋高速飞行,在星空中动画场景特效。
纯css3绘制的一款卡通爱心咖啡杯表情动画特效,有趣的咖啡纸盒杯可爱害羞表情动画效果。
HTML5 SVG卡通水母动画代码,水母游泳动画。
卡通咖啡店场景flash动画素材 卡通咖啡店场景flash动画素材
卡通蓝天白云移动flash动画素材 卡通蓝天白云移动flash动画素材
可爱的简约卡通小太阳,日出日落ppt小动画特效模板。