- 浏览: 42130 次
- 性别:
- 来自: 上海
最新评论
超人表情原创大赛正如火如荼的进行中,对于初哥可能就望钱兴叹了,不过没关系,这个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
发表评论
-
使用 Flash Remoting in Flash Forms 制作 Live Search
2010-04-10 10:01 610即时搜索效果察看 Live Search 的程式分成两部份 ... -
Remoting中接受query类型数据方法
2010-04-10 10:00 532var listInfo = new Array() fun ... -
Remoting中接受query类型数据方法
2010-04-10 10:00 525var listInfo = new Array() fun ... -
Flash remoting参数传递与调用补充
2010-04-10 10:00 577续flash remoting中参数传递与调用,补充其他数据类 ... -
Flash remoting参数传递与调用补充
2010-04-10 10:00 665续flash remoting中参数传递与调用,补充其他数据类 ... -
Flex2/AS3在Linux下的开发环境
2010-04-09 12:58 510这次修正了万恶的“Incorrect flash playe ... -
flash AS3的面向对象特点概述
2010-04-09 12:58 866本文是我(aw)在整理了相关文档和讨论之后,结合自己的亲自实 ... -
flash AS3的面向对象特点概述
2010-04-09 12:58 754本文是我(aw)在整理了相关文档和讨论之后,结合自己的亲自实 ... -
从AS1和AS2到AS3的观念转变
2010-04-09 12:57 672[1b]AS1/2-AS3观念的转变(Meet with n ... -
从AS1和AS2到AS3的观念转变
2010-04-09 12:57 565[1b]AS1/2-AS3观念的转变(Meet with n ... -
as3打造一个非常酷的莲花曲线效果
2010-04-09 10:04 713详细代码: var radius:int=100; va ... -
AS3.0 单一职责原则设计模式
2010-04-09 10:04 715呵呵,好久没写了。因为前段时间心情不是很好,并且各种事情比较多 ... -
AS3.0 单一职责原则设计模式
2010-04-09 10:04 711呵呵,好久没写了。因为前段时间心情不是很好,并且各种事情比较多 ... -
ActionScript 3 开发的需注意的方面
2010-04-09 10:03 567这些东东都不是很难,只是方法不常用或没注意到,以后还会陆续添加 ... -
ActionScript 3 开发的需注意的方面
2010-04-09 10:03 533这些东东都不是很难,只是方法不常用或没注意到,以后还会陆续添加 ... -
《银河动画》鼠绘教程 (1)
2010-04-08 10:22 691本教程是给对flash有基础了解的人看的(最起码你得知道fla ... -
《银河动画》鼠绘教程 (1)
2010-04-08 10:22 574本教程是给对flash有基础了解的人看的(最起码你得知道fla ... -
《银河动画》鼠绘教程 (2)
2010-04-08 10:21 563先画草图!! [url=http://space.flash8 ... -
《银河动画》鼠绘教程 (2)
2010-04-08 10:21 536先画草图!! [url=http://space.flash8 ... -
《银河动画》鼠绘教程 (3)
2010-04-08 10:21 592一般的简单动画都会吧?别告诉我你连物体移动都不会!! ...
相关推荐
Unity3d 10种二代卡通史诗华丽战斗动画特效 附带人物释放技能动作 10种战斗技能动画特效 可供学习使用 附带特效资源 可以编辑自己的动画效果 拥有人物特效释放场景-免去自己创建demo的麻烦 卡通 史诗 华丽 战斗 动画...
卡通六一儿童节flash动画场景是一款带音乐带人物对话故事的卡通六一儿童节flash动画场景素材
标题中的“卡通照相机快门flash动画下载”指的是一个与卡通风格相关的照相机快门动画资源,该资源采用Adobe Flash技术制作。Flash是一种广泛应用于创建交互式内容、动画和网页设计的软件,尤其是在互联网早期非常...
这个例子中,荷包蛋会在屏幕内水平移动,并同时进行360度旋转。 3. **动画属性**:在元素的选择器中,应用`animation`属性来设置动画。包括动画名称、时长、延迟、重复次数等。例如: ```css #egg { animation:...
"js趣味卡通人物爱心表白动画特效"是一个使用原生JavaScript编写的项目,旨在创建一个互动且有趣的表白场景,其中包含一个卡通人物以及浮动的爱心形状。这个项目不仅展示了JavaScript在网页动态效果方面的强大能力,...
用Html5生产一个动画场景,描述了一个 卡通男孩送花给心动女孩的场景,适合告白背景下,谁说程序员不浪漫。HTML+Javascript + CSS +图片组成,无基础也可使用,下载后运行index.html 即可。
本话题聚焦于“CSS3绘图卡通人物表情动画特效”,这是一项利用CSS3特性来创建动态、生动的卡通角色表情的技术。 首先,让我们了解CSS3绘图的基本概念。CSS3提供了`border-radius`、`box-shadow`、`linear-gradient`...
【卡通路上驾驶开车Flash动画场景】是针对动画制作和游戏设计领域的一个专题,涉及的知识点主要涵盖以下几个方面: 1. **Flash技术**:Flash是一种由Adobe公司开发的多媒体创作工具,广泛用于创建交互式动画、网页...
标题中的“可爱的卡通小太阳日出日落ppt小动画.rar”揭示了这是一个关于PPT设计的资源包,其中包含了以卡通形式表现的日出和日落动画效果。这种类型的素材通常被用于教育、演示文稿、儿童活动或者创意设计中,以增加...
这段代码定义了一个名为`rotate-and-rise`的动画,它将元素从初始位置(底部,旋转0度)旋转到中间位置(旋转180度,上移一半距离),最后到达终点(顶部,旋转360度,回到原位)。 接下来,开发者可能会选择一个...
在本项目中,"js+css3绘制卡通狗与爱心冒泡动画特效"是一个结合了JavaScript和CSS3技术实现的互动动画效果。这个特效展示了一只可爱的卡通狗,并且伴随着爱心气泡的升腾,营造出一种温馨浪漫的表白氛围。下面我们将...
《CSS3与jQuery构建卡通城市空间动画场景特效详解》 ...通过熟练掌握和巧妙运用CSS3的动画特性,结合jQuery的事件处理和动画控制,我们可以创造出引人入胜的互动体验,让网页变得生动活泼,提升用户对网站的喜爱度。
本项目“css3卡通爱心咖啡杯表情动画特效”利用了CSS3的先进特性,创造出一个既有趣又富有创意的动画效果,将一个普通的咖啡杯赋予了卡通爱心的表情,呈现出一种可爱和害羞的情感,这在网页设计中可以增加用户交互性...
本资源“彩色卡通球圆周运动flash动画素材”提供了适用于多媒体项目、教育演示、游戏设计或网站互动元素的高质量素材。Flash作为一种广泛使用的动画创作工具,尤其在网页动画和交互设计中占据着重要地位。下面将详细...
这段代码定义了沙滩伞从0度到360度的旋转动画。然后,将这个动画应用到沙滩伞的HTML元素上,比如: ```css #umbrella { animation: rotate-umbrella 2s linear infinite; } ``` 这里的`2s`代表动画的持续时间,`...
在本文中,我们将深入探讨如何使用CSS3来创建一个弹性卡通怪物上下跳动的动画特效。这个效果展示了CSS3在动态网页设计中的强大能力,尤其是其动画和过渡特性。我们将主要关注以下几个方面: 1. **CSS3选择器**:...
【标题】"卡通走路的犀牛flash动画素材"所涉及的知识点主要集中在动画制作、Flash技术以及图形设计领域。Flash是一种广泛应用于创建交互式动画、网页元素和游戏的软件,由Adobe公司开发。在本主题中,我们关注的是...
"卡通行驶的货车flash动画素材"是一个专门针对货车动画效果的资源,适用于创建互动式网站、教育软件、儿童游戏或者各种多媒体演示。Flash作为一种曾经广泛使用的动画制作工具,尽管已被Adobe Animate所取代,但其...
在此次提供的"卡通可爱的口袋妖怪flash动画素材"中,我们可以深入探讨与之相关的IT知识点。 首先,我们要理解的是“Flash动画”。Flash是一种由Adobe公司开发的多媒体创作工具,用于制作动画、交互式矢量图和网页...
在这个"HTML5 SVG卡通水母动画代码"项目中,开发者利用了HTML5的SVG元素来创建一个卡通水母的矢量图形。SVG的优势在于它可以无限缩放而不失真,这使得它成为制作复杂图形和动画的理想选择,特别是对于网页设计和移动...