ET动画学堂夸张表情动画制作no.2
<P align=center>本篇是该教程的第二部分，仍然是主要针对于会一些动画软件的基本操作的朋友，继续由简入深讲解制作优秀逐帧动画的通用原理。不熟悉软件操作的朋友，请至互联网搜索软件使用教程，另外，火神资讯频道也会联合亿动能工作室推出动画软件普及使用教程，请有兴趣的朋友多多关注。 </P>
+y)_|1X p8H
<P></P>
ALe^ wW(N
<P>作者：夏逝（亿动能品牌总监、火神培训中心顾问） </P>
G"m f){3i*}
<P>硬件环境：AMD Athlon 64 3000＋内存1G </P>
.f3xK{m?z,? I
<P>制作工具：Flash8.0 ＋Wacom贵凡数位板 </P>
{*o8g&@ _6^ OU
<P>制作时间：3小时 </P>
Kv c$G1L:S
<P></P>
"`8l2km&Oj K
<P>接上一节（夸张表情动画的制作no.1）： </P>
kVsb c L(D`
<P></P>
6_+t B [Xy.x;e+Z
<P>上一篇文章里，我们从最基础上了解了人物的常用表情，并且知道了怎样制作最概括的圆脸儿表情，现在，我们来看一下怎样更细腻的运用他。 </P>
ze#@5t#d3J5vQ
<P></P>
^ u(u#v
t
<P>·把圆圈替换成更详细、可爱的脸 </P>
.N9c_'Z QvA
E,v
<P></P>
"ZaZe0i.uy
<P>在这一步里，上一节中讲到的的动画原理同样适用。当然，要想画出夸张的人物表情，除了了解表情规律外，也要增加一些符合角色性格的内容以及角色的习惯性动作。</P>
x8L ];rSp
<P>[attach]55842[/attach]</P>
UX6zO6J3? w"e!o0~
<P>[attach]55843[/attach]</P>
nZG Y%\c7Ki3D6h
<P>[attach]55844[/attach]</P>
c `&s']?sCt
<P>[attach]55845[/attach]</P>
#\`.e1h2i^8@
<P>图06、07、08、09 附加到角色面部的表情 </P>
T Ch I,E9J
<P>上面四个人物，都是出自亿动能工作室原创无纸动画《et学院大乱斗—王子之吻》中的3个主要人物，看过原作的人就会比较深切的体会到这几个人物的个性了。猫王（左蒙）的狡诈和恶作剧心态，狗（夏逝）的背后抢便宜未果后被迫亲吻猫爪子时的战战兢兢，熊猫（番薯）面对惊吓和惊喜时的瞬间反应，都是通过最符合人物个性的表情来表现出来的，这些细节已经不止于眉目的造型变化来表现，还可以通过“五官衍生品”（眼泪、鼻涕）和“拟物化”的五官来表现，图09熊猫（番薯）的这种表情处理方式就是欧美动画中经常采用的五官“拟物化”手段。 </P>
*KB)I([ F4\
<P></P>
N/fEEc w {|)u
<P>另一些例图： </P>
Ca#FX ^#Y+_
<P>[attach]55846[/attach]</P>
q#S$hj+S!d4XhO
<P>同样的小杠杠，用在熊猫脸上和河马脸上效果完全不一样，不同的夸张度裂嘴造型表现不同的人物性格。</P>
.JG6e~,gq
<P>[attach]55847[/attach]</P>
h"v T'j5p {|#f,X
<P>[attach]55848[/attach]</P>
hHAe
|4{-@
<P>[attach]55849[/attach]</P>
Q!m2t:s R2\
<P>以上例图来自《et学院大乱斗——王子之吻》 [亿动能工作室2006年6月出品] </P>
]D2@ ex ^p_Qx
<P>[attach]55850[/attach]</P>
5Xn8kDa V9pq;B
<P>通过五官的夸张设计，泼猴的性格一览无余。</P>
i Dc;U)Y8Qj/p0xvK"~
<P>[attach]55851[/attach]</P>
aU2@7Rk8`S
<P>图来自《S号圣诞行动》 [火神培训中心一期学员作品2005年12月] </P>
1FX qn jo F
<P>（二） 小表情之间的切换 </P>
6`
uB;qo
<P></P>
j:T R#s+T_2a
<P>单个孤立的表情是不够的，我们在上一刻还很快乐，下一刻可能显得很悲伤，这就涉及到表情的一种状态过渡到另一种状态。 </P>
w7h;Y;lq4I8B M
<P></P>
dcnLV^ L
<P>·以“乐”过渡到“哀”为例 </P>
} \!p cTYT
<P></P>
2^/T?%|L"G8t
<P>首先，我们不能从“乐”直接跳转到“哀”的表情，因为动画也要讲求“合理性”，试想一个人前面还是欢天喜地，后面突然又开始哭，这种行为大概够格直接拖送到非正常人研究中心了。所以，在“乐”与“哀”之间，要让它们的转变合理，最常见的可能性是插入一个“惊”，这样一来就解释通啦：本来正高兴着呢，突然听到一件很糟糕的事，于是变得很悲伤。 </P>
|To
Zia\ r
<P></P>
.oH)Q!T!F,R)] m.g
<P>除了用“惊”，中间还可插入“疑”、“呆”等表情，不过 “惊”表现得足够夸张。 </P>
}+jC9BmOU
<P></P>
5C
KKl
M"[@s
<P>我们先把最关键的三个表情画出来：乐、惊、哀。这三个最重要、最关键的状态就是关键帧，或称之为<A title="" href="http://comic.qq.com/pic/comicyuanhua0201.shtml" target=_blank><U><FONT color=#333333 size=2>原画</FONT></U></A>，它们界定了这段动画表演的动作和情绪的主要方向，是这段动画表演的灵魂所在。 </P>
5F {!C#E8[$kX*u|
<P>[attach]55851[/attach]</P>
4MML W/Dv
<P>图10 表情的关键帧 </P>
oUeJ:S Ai$Y(Fw
<P>意识问题解决了，其次才到这段动画究竟怎样做的问题。 </P>
#fx&i&r$M)D a
<P></P>
2|$q0]2^$tD%}Hj(q
<P>A.时间长度： </P>
D&x8o-le%H8s2i5x8N!em
<P>一定要让观众充分留意到各个表情，所以为它们分别留出的表演时间一定要足够。我们假定第一个表情“乐”笑上1秒钟，然后用1秒时间表演“惊”，最后用1秒时间表演“哀”；再加上中间的反应时间，整个动画长度在4秒左右。 </P>
f
z#O T @,Z m;H9s&G
<P></P>
e(M/N5W m7l X W
<P>B.表情的停留： </P>
qu+T c:K&j
M8{U2G\4v
<P>既然三个表情分别有1秒钟停留时间，它们在停留时就应该各有所表演。原理仍然与圆圈上的简易表情相同：“乐”的时候人笑得抖动，现在把它深入一点，在上下抖动的同时，让脸部整个仰起，加入透视的变化： </P>
vl+oaDP/nRX
<P>[attach]55852[/attach]</P>
\5Ld J{C
S
<P>关于辅助线，大家可能注意到了，我们的表情制作例图里面都会加入2条辅助线，这是你制作任何动画都需要养成的一个好习惯，辅助线会帮助你直观和精确的定位形象位置，以免你制作一个动画时因为记不清前面的动作而手忙脚乱，以至于浪费时间，降低效率。 </P>
8CM P5M9FI%P
<P></P>
,X2a-X fhzQ
<P>好，下一节里，我们会更详细的讲述表情之间的切换秘诀，告诉你怎样让动作更顺畅和更有节奏。 </P>
*|6@*J,]0h+t-gf
<P></P>
s8l'F1io3Q(yx
<P></P>
(tX+I3K6Q'Y
<P>亿动能（EasyToon工作室）科技有限公司是专门制作优秀动画产品的专业动画公司，以数码动画产品为主要产品形式。公司的服务的客户包括腾讯、NOKIA等知名公司，该公司同时为国内领先的火神培训中心提供无纸动画的教学及人才选拔。公司的理念是：Easy阅读、Easy创作、All easytoon。本文即来自『火神无纸动画培训』的部分课程内容。 </P>
q\3R+| ][p
<P>[attach]55853[/attach]</P>
:F+qt Aw ~J2q:p
<SCRIPT type=text/javascript>
`t"TI5]N2z3~U
function ImgZoom(Id)//重新设置图片大小 防止撑破表格
i-kDK6DC |
{
"^@%V#|3{+Jf'H)o
var w = $(Id).width;
H,A2P vd7G9L+} a
var m = 550;
dm,B)m d#iy(vE
y
if(w < m)
8}+|,h;p q1Cu!HO"w
{
W zX H y~v
return;
D0b m}N |E v
}
$[1lmy7r5N t Y'J
else
9R+Y;d z0T6B:{W-a
{
m
GB:hU Po Q?!b
var h = $(Id).height;
xgP{9H3q
$(Id).height = parseInt(h*m/w);
aS+D;N y [ m
$(Id).width = m;
T9~3S} HsR(U8B
}
J{:ghfE3M,F
f A9O2Xz
}
i)P
H D_ l
k | a^:^
window.onload = function()
@
L$T:R&V2f5{
{
PhHb%K#]9t
var Imgs = $("content").getElementsByTagName("img");
M
~RT(M5eV(I
jC
var i=0;
O(\7j N\f*]2J
for(;i<Imgs.length;i++)
7?8k/G,p {
{
;CQ:h/] TZ@ k+G7C [.[
ImgZoom(Imgs[i]);
W;m/g&q.V4Z Jd!m!d
}
&vH{ R\0I%`3jn
}
3YO9k7Bh
</SCRIPT>