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


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

  效果预览:

  动画分析:

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

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

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

  现在开始制作:

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

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

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

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

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

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

  原画提供:帝国玲玲

  教程编写:叶子

时间: 2024-11-01 15:45:22

FLASH中实现眨眼睛的动画效果的相关文章

Flash AS3制作茶杯震动gif动画效果

 下面小编就为大家介绍Flash AS3制作茶杯震动gif动画效果,教程很不错哦,也很简单,一起来学习吧! 效果如下:(用鼠标指向右侧的茶壶可以看到震动效果) 制作过程如下: 首先准备一个图片当做背景,如下: 然后再建立一个新图层,导入一个茶壶素材,然后把它转变为影片剪辑,之后命名实例名字. 目前存在两个图层,然后我们再新建立一个放置ACTION的图层,代码如下:   代码如下: var coordX:Number = shaker_mc.x;  var coordY:Number = shak

WPS演示中怎么添加闪烁字幕动画效果

  WPS演示中怎么添加闪烁字幕动画效果 1.打开WPS演示,新建有一个幻灯片,为了不影响制作过程,我删除了标题框和副标题框. 2.点击绘图工具栏--自选图形--基本形状--笑脸,在幻灯片中添加该表情动画. 3.右键点击该表情,选择设置对象格式. 4.在颜色与线条选项卡中,填充色选择填充效果. 5.颜色勾选预设,在预设颜色中选择一种效果,确定. 6.右键点击表情,选择自定义动画,在右侧点击添加效果--进入--盒状. 7.开始选择单击时,方向选择内,速度选为快速. 8.再次点击添加效果--动作路径

AngularJS中实现显示或隐藏动画效果的方式总结_AngularJS

AngularJS 是一组用于创建单页Web应用的丰富框架,给构建丰富交互地应用带来了所有需要的功能.其中一项主要的特性就是Angular带来了对动画的支持. 本篇体验在AngularJS中实现在"显示/隐藏"这2种状态切换间添加动画效果. 通过CSS方式实现显示/隐藏动画效果 思路: →npm install angular-animage →依赖:var app = angular.module("app",["ngAnimate"]); →

flash as中为动态蒙版添加动画效果

创建一个新的 Flash 文档,并将其保存为 dynmask.fla. 将下面的 ActionScript 添加到时间轴的第 1 帧:  代码如下 复制代码 import mx.transitions.Tween; import mx.transitions.easing.*; var mclListener:Object = new Object(); mclListener.onLoadInit = function(target_mc:MovieClip) {     target_mc.

PPT中如何实现川流不息的动画效果

朋友提出这样的问题:在PowerPoint中,如何让箭头从左到右往复移动,并且不停地播放,实现川流不息的动画效果?文章末尾提供原文件供大家下载参考. 以下是我给出的解决方案,供大家参考: 1.启动PowerPoint,新建一演示文稿,并取好名保存好. 2.在幻灯片中输入相应的字符,然后用"绘图"工具栏中的"箭头"按钮在幻灯片中画出若干个箭头,并填充上不同的色彩. 3.将希望从左(右)移动移动到右(左)的箭头,定位在幻灯片右(左)外侧,让箭头尾部位于幻灯片边缘. 4.

wps怎么制作从信封中掏出一封信的动画效果?

  用wps演示制作信封信纸展开动画效果. 1.首先设置好背景. 2.插入-形状-没有侧角的矩形,通过编辑顶点,调整边长,改变填充色和边框色. 3.插入-形状-任意多边形,像图中一样沿着之前的形状画,设置一样的填充色和边框色. 4.再画个任意多边形,并与第三步画的形状对齐后组合.再将组合图与第一个图形对齐.

Flash教你制作扫光字动画效果

本系列Flash教程由中国教程网Flash互助课堂专为Flash新手制作 效果演示: 现在开始制作: 1.首先,需要用文本工具输入一个文本,然后用,Ctrl+B将文本打散,将每个文字转换成影片剪辑. 2.在库中双击最左的那个文字的影片剪辑,进入其编辑状态,用线条工具画一个向左边的光线,如图: 现在打开颜色面板,点击填充色,选择线性渐变,左右色标均为白色,左色标透明度为0%,右色标透明度为100%.然后这个填充色去填充光线,如图: 将光线的轮廓线删掉,将光线转换为影片剪辑,比如我取名为:中_lig

Flash中调用XML程序实现分页效果

xml|程序|分页 Flash调用外部的XML程序来显示新闻,当新闻达到一定数目时就存在分页的问题,今天仔细想了一下,大概可以有两种实现的方法,第一种比较简单,首先获取把XML文件的新闻数目,然后除以每页要显示的条目数,就可以知道一共有多少页,然后通过调用每页新闻来实现分页效果,例如:每页显示10条新闻,XML文件一共有36条新闻,那么应该显示4页,也就是Math.floor(36/10)+1,这样有个问题,假设新闻数目n刚好符合n%10==0的条件,此时页数应该不用加1,我开始忽略了这个问题,

Flash制作简单的音乐波形动画效果

通过对一个影片剪辑的x轴坐标不同位置的复制,以及控制复制出来的影片剪辑的x轴缩放比例来完成效果. 具体步骤 1,  运行flash mx,新建一个图形元件,在编辑区里面绘制一个4*30像素的无边框矩形. 2,  新建一个影片剪辑,从库中把这个图形元件拖放到影片剪辑中. 3,  返回到主场景,把影片剪辑放置在场景的第1帧.并在属性面板中给影片剪辑命名为"line". 4,  选中第1帧,打开as面板,添加如下as: max = 40;  //最大值  setProperty("