photoshop互助课堂flash视频教程合集接任务,赚取用不完的金币
中国教程网
《Photoshop专家讲堂》光盘热售
参与论坛活动,快速赚取金币精品素材,中英文字体
发新话题
打印

[教程] (转)Flash教程:卡通动画眨眼睛效果的制作

本主题由 清风掠影 于 2008-1-5 14:30 设置高亮

(转)Flash教程:卡通动画眨眼睛效果的制作


Flash教程:卡通动画眨眼睛效果的制作

来源:闪客帝国

许多FLASH动画短片和MV中经常有精美生动的动画人物出现,配合眨眼动作、口形变化以及头发的飘动,再加上人物的配音,一个活脱脱的动画人物形象就出现在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帧即可,那就实在没什么好讲的了,呵呵~~







附件: 您所在的用户组无法下载或查看附件,您需要注册/登录后才能查看!
本帖最近评分记录

    我透过一缕清风\ 在秋的身后,郑重地\ 拾起一掌\ 半红的枫叶\ 把它挂在天空\ 任它轻舞飞扬\ 它轻盈的舞姿\ 在别离曲的舒缓里\ 在眼角的泪水下\ 渐渐的\ 化做泥土的气息

好东西,支持(^#@^
[fly]意维星空[/fly]

(^#@#@ 喜欢~改天再画个卡通来玩~
梦醒梦睡梦中花落泪,缘起缘灭缘尽心破碎~         Flash研讨交流群:54859134 加群请写上论坛名和ID  进来潜水的就不要加了

学了,对我的用处很大。

#bbs.jcwcn.com@
效果很好,不过以前好像发过

支持#@jcwcn@@#
[qq]602813956[/qq][fly]在这里大家互相学习哦[/fly]

wma]http://01.521mn.com/521mncom_hyh/7nian.Wma[/wma]

喜欢........#@#$*$

真开心!(^#@%@ (^#@#@

回复 楼主 xyl7422 的帖子


#kt..jcwcn.com@ #kt..jcwcn.com@ #kt..jcwcn.com@ #kt..jcwcn.com@ 大力支持

做得很好啊!

没有素材下载吗?
应无所住,而生其心

这个不错。
发新话题 返回列表