落花生 发表于 2018-1-3 15:29:00

【教程&技术】如何在flash里制作眨眼和口型动画

本帖最后由 落花生 于 2018-2-7 11:35 编辑



如上图:本次给大家带来一些我在工作中累积的小经验小技巧,这都是动画制作中实实在在的干货。
本次讲解的重点是如何利用遮罩在Flash软件里制作细腻的眨眼动作和简单口型的制作方法。
源文件及操作教程下载:链接: http://pan.baidu.com/s/1cb2S5S密码: m48k
软件版本:flash cs3 , 帧速:25
学习对象需要有一定的lash操作能力,其中用到的快捷键什么的我就不一一列举了

在线教程观看:
http://v.youku.com/v_show/id_XMjg4ODY5NzM5Mg==.html


首先讲解的是眨眼的动画。在制作前先要搞清楚几点,Flash动画中一个角色的动作是要拆分很多图层的,节点控制,类似于皮影。由于动画人物眼睛没那么复杂所以姑且分为三个部分,最下层是眼白,中间是眼球,眼皮眼眶什么的为一层在最上面(如果是烟熏妆形象要单独一层)。
如下图:眨眼分三个动作完成,正常,半闭眼,闭眼。


1.首先把角色的眼睛分层,每一层都是一个单独的,新建一层(眼白遮罩)利用复制的眼白做眼珠的遮罩(原理是为了保证后面做补间时眼珠不会穿帮)。

2.在17帧和21帧处各打一排关键帧(先不要管眉毛,22帧的空白关键帧是闭眼的动作),然后在21帧处选中所有帧点中shift往下压成半闭眼的状态,幅度挤压的大一点。


注意下眼线的水平位置一定要保持不变,不要像第三个那样在中间。(这里要把眼珠图层锁住后再摁住shift键进行挤压,不要去挤压眼珠)


3.接着是22帧处画一个闭眼,注意眼角的位置要和半闭眼的对准。


4.接下来做眉毛,在22帧处眉毛要往下移(幅度自定)。

5.至此一个半眨眼算是完成了,接下来就是复制一下半闭眼和睁开眼的关键帧就行。
有一点要注意,闭眼的时间通常一拍二两帧就够了,眉毛也要从闭眼那一帧开始上挑(眉毛的最低处要对应闭眼的两帧)。
复制完关键帧后做补间动画(眨眼的时间长短这个视情况而定)。注意眼珠是不用做补间的。

完成图:


总结:同理我们可以做出另一只眼睛,方法是一样的,当然我做的也不完美,这里面还有很多可以发挥的地方,比如眨眼的节奏,情绪变换等都可以细调的,任何形状的眼睛都可以采用这种方法去制作,要学会举一反三,触类旁通,相比较直接去挤压整个眼睛做的眨眼,这种的明显丰富多了。


+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++

接下来是口型的制作方法:

1.口型的制作就显得简单多了,也是闭嘴,半开,全开三种动作,第三个口型是第二个放大版的,把2放大120%就是3,这就是最简单有效的方法,口型的制作时一拍三, 1 2 3 2 3。

2.口型新建到一个图形元件里做循环,实际制作角色动画时根据需要去控制口型的开始停止。

3. 比较省事的方法就是所有口型都用这个模板,包括不同情绪的口型,只要遵循12323这种方法就可以了,同理,这种大白嘴里面还可以添加口腔颜色牙齿什么的,细节发挥靠自己了。


本帖全程原创。
有不懂的朋友们可以跟帖提问,也希望同行们多多分享经验与技巧。
后续的我会继续发布一些实用的小技巧小资料,咱水平不高但是如何砍瓜切菜还是教得起的!

TKCB 发表于 2018-1-3 15:36:58

图片都裂开了~

落花生 发表于 2018-1-3 15:41:06

TKCB 发表于 2018-1-3 15:36
图片都裂开了~

擦,百度真会骗人,我看着没事,换个浏览器有看不到了。。重发

落花生 发表于 2018-1-3 16:13:46

TKCB 发表于 2018-1-3 15:36
图片都裂开了~

附件有个数限制么?插图片提示我今日附件已达上限,不能传图了,后面还好几张呢:dizzy:

TKCB 发表于 2018-1-3 18:01:58

落花生 发表于 2018-1-3 16:13
附件有个数限制么?插图片提示我今日附件已达上限,不能传图了,后面还好几张呢 ...

貌似有的

TKCB 发表于 2018-1-3 18:05:28

落花生 发表于 2018-1-3 16:13
附件有个数限制么?插图片提示我今日附件已达上限,不能传图了,后面还好几张呢 ...

已经提高了上线到30个了!!

落花生 发表于 2018-1-4 09:37:31

TKCB 发表于 2018-1-3 18:05
已经提高了上线到30个了!!

已经传完啦:victory:

niauwu 发表于 2018-1-6 23:50:44

感謝分享乾貨

ant 发表于 2018-3-13 10:29:14

感谢分享               

馨儿xiner 发表于 2019-4-3 01:08:49

感谢分享#:D
页: [1] 2
查看完整版本: 【教程&技术】如何在flash里制作眨眼和口型动画

感谢所有支持论坛的朋友:下面展示最新的5位赞助和充值的朋友……更多赞助和充值朋友的信息,请查看:永远的感谢名单

SGlW(66139)、 anghuo(841)、 whdsyes(255)、 longxia(60904)、 囫囵吞澡(58054)

下面展示总排行榜的前3名(T1-T3)和今年排行榜的前3名的朋友(C1-C3)……更多信息,请查看:总排行榜今年排行榜

T1. fhqu1462(969)、 T2. lwlpluto(14232)、 T3. 1367926921(962)  |  C1. anghuo(147)、 C2. fdisker(27945)、 C3. 囫囵吞澡(58054)