如何在FLASH中实现眨眼睛的动画效果

转载 2004年10月01日 03:02:00

许多FLASH动画短片和MV中经常有精美生动的动画人物出现,配合眨眼动作、口形变化以及头发的飘动,再加上人物的配音,一个活脱脱的动画人物形象就出现在FLASH动画中了。很多人都想知道这样的人物是如何做得栩栩如生的,尤其是其中的简单动画效果,如眨眼的动作,如何制作人物的眨眼动画呢?其实技巧很简单,甚至都不需要专门教程来指导,但是对于初学者,笔者认为却是应该用一个实例教程来给予指导的。最近发现帝国的在线教程中也有很多这样的提问--“在FLASH中如何制作效果逼真的人物眨眼效果?”,其他的FLASH论坛中也有类似的问题出现,今天,我们就根据一个简单的眨眼镜的实例,来具体分析一下如何实现这个效果。

    效果预览:

动画分析:

1.眉毛不动,单独占一层;

2.眼睛睁开和闭合的时间间隔:本实例中,共20帧,闭眼占10帧,睁眼占5帧,由睁到闭的动画过程占5帧。

3.注意几个关键帧中眼睛所在的位置,要对齐眼角,动画的关键只有一处:将两个动画关键帧上的Symbol(元件)的中心点移至底部。

现在开始制作:

第一步:制作眉毛。在“眉毛”图层的第一帧绘制眉毛(可手绘,可导入已经处理好的眉毛的图片),并在20帧处按F5键,将帧数延长至20帧。

2004020301.JPG

第二步:制作睁开的眼睛。新建一层,命名为“眼睛”。在该层的第1帧绘制睁开的眼睛(也可导入处理过的眼睛图片),并转换为Symbol(元件),Graphic(图形元件)或Move Clip(影片剪辑)均可。 注意眼睛和眉毛的位置。

2004020302.JPG

第三步:制作闭上的眼睛。在第10帧处按F7,增加一空白关键帧,绘制一个闭着的眼睛。注意使用时间轴上的“洋葱皮”,来确定好两个关键帧上眼睛的位置(眼角对齐)。

2004020303.JPG

第4步:制作闭眼的动画。分别在第5帧和第9帧上按F6增加关键帧,把第9帧上的眼睛用2004020304.JPG工具适当压扁,并调节元件的中心点至底部,同样的,调节第5帧上的眼睛元件中心点至底部。

2004020306.JPG   2004020305.JPG

动画设置:在第5帧上右击,选择Create Motion Tween,创建移动动画。

2004020307.JPG

    OK,眨眼睛的动画到此就制作完毕了,赶紧Ctrl+Enter预览效果吧,眨眼的速度好像有些慢,怎么办?很简单,将帧频设置成24fps,重新预览,这样是不是更逼真?可以看出,该动画没有任何复杂的技巧,如果你有好的画功,可用逐帧动画,共4帧即可,那就实在没什么好讲的了,呵呵~~

2004020308.JPG     2004020309.JPG

2004020310.JPG     2004020311.JPG

如何在FLASH中实现眨眼睛的动画效果

许多FLASH动画短片和MV中经常有精美生动的动画人物出现,配合眨眼动作、口形变化以及头发的飘动,再加上人物的配音,一个活脱脱的动画人物形象就出现在FLASH动画中了。很多人都想知道这样的人物是如何做...
  • zhengbinjie
  • zhengbinjie
  • 2004年10月01日 03:02
  • 1410

AE 制作一个简单的动画

创建一个简单的动画 常用快捷键:command + 3 打开预览界面;空格键 直接预览 1、 command + N 创建一个工作空间,尺寸选择 720 x 1280 或者如图在当前工作空间右...
  • sinat_24196195
  • sinat_24196195
  • 2017年07月10日 18:53
  • 751

MFC实现Flash动画播放

本文例子基于VS2005创建,编译通过。 打开VS2005创建一个基于对话框的MFC应用程序,完成创建。打开资源视图,删除默认控件。右键点击对话框,选择插入Active控件,在弹出的对话框选择shoc...
  • mrandexe
  • mrandexe
  • 2011年04月15日 10:11
  • 2667

在FLASH中插入“网页”

来源:网上综合http://www.5dblog.com/user6/xbzg/index.asp?id=105456、http://www.webstudio.com.cn/forum/showth...
  • danruo
  • danruo
  • 2005年06月17日 10:15
  • 1441

纯CSS实现的非常酷的卡通肖像和眨眼动效

当前产品设计和开发的一个主要技术趋势除了响应式外,还有尽量使用CSS/HTML5技术替代图片,这样可以获得很好的设计扩展性和页面访问性能。本文是对一个使用纯CSS构建卡通人物肖像技术的介绍,非常酷的设...
  • iefreer
  • iefreer
  • 2014年06月28日 23:51
  • 4292

CSS3实现动画-飞翔的小鸟

CSS3实现动画-飞翔的小鸟     以前的时候动画都是flash,flash存在着种种弊端,当c3动画出来后,就是这个问题有了新的解决方案,使一切变得简单可操作。    在这个例子中,动画中实现...
  • b1244154318
  • b1244154318
  • 2016年09月16日 13:09
  • 664

几个flash练习小游戏

七巧板:
  • a83891224a
  • a83891224a
  • 2011年01月06日 04:50
  • 209

用Flash做点击页面图片切换效果的超级详细教程

第一步1、新建flash文档2、文件--导入--导入到库,导入5张图片3、在图层一第1帧,从库里拉入一张图片到舞台,调整到适当大小,右键转换为元件---元件类型选影片剪辑,名称为pic1;在图层一第3...
  • kunzhicheng
  • kunzhicheng
  • 2010年04月23日 14:18
  • 1430

如何在powerpoint 2007 中播放 swf文件

一、开启“开发工具”选项卡 默认情况下,我们在PowerPoint 2007现有菜单中是无法找到“控件工具箱”这个工具的,要想调用它,我们还得进行一番设置。鼠标单击PowerPoint 2007主界...
  • harbor1981
  • harbor1981
  • 2016年12月15日 16:00
  • 170

fpga写flash

用pc产生bin文件,写到板上的flash中. 方案一.pc串口发送数据到fpga,fpga写入flash. 方案二.使用nios软核,控制flash的读写. 先尝试方案一....
  • zhangyanhe
  • zhangyanhe
  • 2016年09月13日 16:32
  • 464
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:如何在FLASH中实现眨眼睛的动画效果
举报原因:
原因补充:

(最多只允许输入30个字)