许多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帧即可,那就实在没什么好讲的了,呵呵~~
原画提供:帝国玲玲
教程编写:叶子
本文转自:http://www.5uflash.com/flashjiaocheng/Flashdonghuajiaocheng/1607.html
发表评论
-
Flash进度条的制作详细讲解(组图)
2010-04-10 13:42 865在论坛和其他网站上经常可以看到新手请教如何制作FLASH进度条 ... -
纯ActionScript的Loading效果四例
2010-04-10 13:42 572前言:稍微大一些的Flash作品在播放之前都会有一个Load ... -
纯ActionScript的Loading效果四例
2010-04-10 13:42 576前言:稍微大一些的Flash作品在播放之前都会有一个Load ... -
非常棒的loading制作教程
2010-04-10 13:41 488首先,想说一下我写此文的动机。记得很早之前我曾经说过“没有l ... -
非常棒的loading制作教程
2010-04-10 13:41 476首先,想说一下我写此文的动机。记得很早之前我曾经说过“没有l ... -
as3.0游戏开发之打气球系列(一)
2010-04-09 14:06 556好久没有写正经的文章 ... -
as3按钮事件
2010-04-09 14:05 516在刚开始学As3时,如果不知道按钮的事件如onPress的话 ... -
【as3】ActionScript 3.0体验试教学视频教程
2010-04-09 14:05 612很不错的视频教程 原文地址: http://blog.sina ... -
as3 使用sound类(翻译)-暂停和继续播放声音
2010-04-09 14:05 847[1b]问题十[/1b] 如何暂停声音,如何从暂停的地 ... -
as3右键响应事件--使用js屏蔽flash的右键菜单
2010-04-09 14:05 1139前几天写了 as3右键响应事件 ,主要是要根据flash中不 ... -
as3游戏开发之打气球系列(二)
2010-04-09 11:56 494HI,经过了昨天疯狂的理 ... -
我对as3声音架构的理解
2010-04-09 11:56 623一直都对as3的声音架构 ... -
as3.0游戏开发之打气球系列(一)
2010-04-09 11:56 528好久没有写正经的文章 ... -
as3按钮事件
2010-04-09 11:56 505在刚开始学As3时,如果不知道按钮的事件如onPress的话 ... -
【as3】ActionScript 3.0体验试教学视频教程
2010-04-09 11:55 513很不错的视频教程 原文地址: http://blog.sina ... -
在Flash8中用Blendmode打造光影变换
2010-04-08 11:29 716[1b]演示文件[/1b]: [1b] ... -
漫画绘制技法大放送(上)
2010-04-08 11:29 457网络收集整理(jundark) [1b]一、人体基本结构[/1 ... -
flash动画形变讨论二:低头
2010-04-08 11:29 591上次说了基本的形变,现在说下提示点,提示点是控制图形变化的基本 ... -
卡通娃娃360度转身动画
2010-04-08 11:28 432超人表情原创大赛正如火如荼的进行中,对于初哥可能就望钱兴叹了, ... -
指针随鼠标移动的flash卡通时钟
2010-04-08 11:28 607。先看下时钟效果: var fnum:Number = ...
相关推荐
眨眼动画,Flash眨眼睛素材源码,人眨眼素材,Flash逐帧动画实例,人物眨眼睛Flash源文件。
Flash烟花效果实现动画
人眨眼睛动画Fla源文件,当然也可以用在动物眨眼睛,动画原理基本相似,氏量的Flash动画素材,眨眼动画素材,Flash8氏量动画,
Flash图片动画切换效果,类似马赛克的遮罩图片效果,在图片转场过程中,可以使用本效果,两张图片相互过滤切换的时候,加入的动画效果。
Flash制作动漫中常用的眨眼效果动画.doc
内含本人收集和制作的flash 8.0 几十种动画效果
逼真的Flash 水波涟漪荡漾动画效果,水滴落下的动态波纹效果,小石子落在水面上的涟漪动画,水波荡漾特效动画,含Flash8源文件,效果请参见演示截图。
flash红包打开跳出文字动画效果 flash红包打开跳出文字动画效果
Flash中作毛笔写字动画效果:Flash作为一种功能强大的动画制作工具,也可以方便地实现手写效果。现在,我们就用Flash5.0(中文版)来制作手写效果,具体操作步骤如下:
用js实现flash效果,效果比较酷,而且代码很少,可以借鉴.
Flash拖影动画,一个高速拖尾的Flash动画效果,当打开Flash之后,在舞台上晃动鼠标,即可看到拖尾效果,像一条跟随鼠标的龙一样,注:在影片空白处快速移动鼠标时才可看到效果,移动速度越快,效果越好。
Flash脚本控制实现倒计时的效果,可以添加在网页中的效果
flash效果动画精选,包括打开盒子动画。花纹过渡,光线穿梭、日历翻阅
亲自测试的flash动画效果,非常好用,对初学者有很大的帮助。
VC中借助内嵌资源实现Flash动画播放VC中借助内嵌资源实现Flash动画播放
FLASH科普动画FLASH科普动画FLASH科普动画
FLASH遮罩动画效果的综合应用.应用图片的位移效果制作.
FLASH+XML 旋转动画效果代码FLASH+XML 旋转动画效果代码FLASH+XML 旋转动画效果代码FLASH+XML 旋转动画效果代码
本例介绍运用Flash 的AS3 代码实现滤镜动画效果的制作,译者详细解释了代码的运用, 喜欢本效果的朋友可以动手试试
透明效果动画,flash应用,省去你一番功夫