您的位置: 首页 > 艺术设计 > 像素设计 > [像素画]第十一章:基本攻击的动画化
像素设计——蚊子教你画像素头像 回到列表 [像素画]第十章:让角色呼吸起来
 [像素画]第十一章:基本攻击的动画化

作者:imick 时间: 2008-02-26 文档类型:翻译 来自:像素交流/网络末端

第 1 页 第十一章:基本攻击的动画化 [1]
第 2 页 第十一章:基本攻击的动画化 [2]
第 3 页 第十一章:基本攻击的动画化 [3]
第 4 页 第十一章:基本攻击的动画化 [4]

对于这种动作,基本的制作流程是先画出分解动作然后用像素笔触来描出线稿。因为这个教程是为了个人制作角色(一个人包揽所有工作)而写的,我想重复申明的一点是不要做无用功。当然,你可以摧残你自己,将每一桢里的人物的表情都画出来,但其实你清楚的知道``在这个动画序列里脸部是保持不变的'',这些就是无用功了。对桢的处理上也是类似的,你知道第五桢里手稍微动那么一下,这种情况下完全没有必要重画第五桢,只需在前一桢的基础上稍做改变就可。但如果你是大公司的老板,手下有一帮子做原画和做像素的人,那么也许你有必要要求原画画出所有的桢,因为描图的人未必会了解到设计人的意图,他们并不知道怎么填充中间桢。下面给出一些Capcom公司的手绘桢图,来自少年街霸3代。

桢数不少吧。上面那个例子还不错,但下面那个却在一个及其细微的动作上花了好多功夫,最后那三桢几乎是一样的,直接在像素级别下修改会高效很多。但就如我上面所讲,Capcom是一家大公司,同一个项目上有很多人手,每个任务都变得巨细无遗。如果你看过少年街霸3代的动画(我手头上没有,也许你得上大机上或其他收集这个系列的动画的网站上去观摩一下,另外也可以参考Capcom对SNK这个游戏的动画),你就知道他们将动作分解得如此细致的原因了。但对于我们个人的练习,我们可以将上面的桢数的奇数桢省略掉,而成品仍然是很流畅的。当然画更多的过渡桢动画会更圆滑,但却不是必须的,因为人脑会自动修补上中间桢。因为这个的原因,你画出拳这个动作就不需要将拳头每次移动一个像素,你可以一下跳过几个像素,人脑会自动翻译中间的过渡部分。但要控制好``度''的问题,如果省略过多的桢又或移动过多的距离,动画是不可能自然的。

达到以最少的桢数来表现足够自然的动作这种程度是需要不断磨练的。这个跟画画一样是没有捷径的。利用一下动画片,在播放器里逐桢播放来学习怎么控制动作的桢数。日式动画是很好的教材,因为里面的播放桢率比较低,只画出比较重要的桢数。而Disney动画里那些超高的播放桢率会对学习造成麻烦。如果观察一下李小龙或成龙的动作,你会发现这些动作通常只有两三桢。日式动画就是这样处理动作的,动作是比较干脆型的。但对于Disney动画爱好者来说,我并不是说我不喜欢Disney的动画,而是说日式动画相对于Disney动画来说,它里面的干脆感是学习像素角色动画的窍门。

现在你已经知道了,太多的桢数反而会破坏动作的流畅性,这就是为什么有时候有的3D动画看起来怪怪的原因。其中过渡的桢数太多,桢间的转变又过于圆滑以至于缺少了一种动作感。这也是某些3D动画艺术家在制作动画时执着于添加中间桢的误区。请记着那句真理---``少即是多''。再看回上面凯琳Karin的前踢动作,踢法非常干脆,帅劲十足。但其实从她起脚,抬膝,收腿,整个动作只有三桢。这里只表现了关键桢,而事实上如果添加了中间桢,反而会影响效果。当然,少年街霸3代和Campcom VS SNK里的人物动画有很多是有大量桢的,不过那些都是比较慢的动作。像上面Capcom的手绘图,你可以看到那个动作的完成花掉了不少桢。很抱歉例图里将另外一半切掉了,但我可以告诉你这个人物最后会转180度的身(最后他的左手会摆到前面来)。有这么多桢来表现这个动作,动作一定会是圆滑流畅的,但Capcom这些高手是很清楚当要表现快速感时是需要减少桢数的。这个就是需要我们修炼才达到的境界了。我建议去租一点日式动画电影(譬如街霸的动画),然后逐桢逐桢的学习那些动作场景。

之前的章节我解释了怎么制作一个单独桢的过程,在这里我就不再重复介绍了,有疑问的请回到之前的章节复习。好,来讲讲接下来制作的动画吧,我的计划是做一个踢腿的动作的动画,选择了踢腿而不是出拳是因为踢腿动作会比较大,更适合于展示动画制作的技巧。我最后选择了一个好像上面泰王Sagat的半侧身高踢动作,先来看看我为此制作的草图:

出处:像素交流/网络末端
责任编辑:bluehearts

上一页 第十一章:基本攻击的动画化 [1] 下一页 第十一章:基本攻击的动画化 [3]

相关文章 更多相关链接
CSS像素图制作攻略
PS加强网页设计中像素化细节的技巧
纯手工打造CSS像素画
[像素画]第十章:让角色呼吸起来
[像素画]第九章:精灵教程进阶
作者文章
[像素画]第十章:让角色呼吸起来
[像素画]第一章:草地图块
关键字搜索 常规搜索 推荐文档
热门搜索:CSS Fireworks 设计比赛 网页制作 web标准 用户体验 UE photoshop Dreamweaver Studio8 Flash 手绘 CG
站点最新 站点最新列表
周大福“敬•自然”设计大赛开启
国际体验设计大会7月将在京举行
中国国防科技信息中心标志征集
云计算如何让安全问题可控
云计算是多数企业唯一拥抱互联网的机会
阿里行云
云手机年终巨献,送礼标配299起
阿里巴巴CTO王坚的"云和互联网观"
1499元买真八核 云OS双蛋大促
首届COCO桌面手机主题设计大赛
栏目最新 栏目最新列表
国外创意名片设计欣赏
情感化界面
线下项目工作流程(归纳篇)
线下项目工作流程(分析篇)
简约而不简单-Practise平面设计
培养用户的使用习惯
优秀名片设计
专题头图的秘密武器
别让UED忽悠你(2):多少钱一斤
别让UED忽悠你(1):天生的矛盾
>> 分页 首页 前页 后页 尾页 页次:2/41个记录/页 转到 页 共4个记录

蓝色理想版权申明:除部分特别声明不要转载,或者授权我站独家播发的文章外,大家可以自由转载我站点的原创文章,但原作者和来自我站的链接必须保留(非我站原创的,按照原来自一节,自行链接)。文章版权归我站和作者共有。

转载要求:转载之图片、文件,链接请不要盗链到本站,且不准打上各自站点的水印,亦不能抹去我站点水印。

特别注意:本站所提供的摄影照片,插画,设计作品,如需使用,请与原作者联系,版权归原作者所有,文章若有侵犯作者版权,请与我们联系,我们将立即删除修改。

您的评论
用户名:  口令:
说明:输入正确的用户名和密码才能参与评论。如果您不是本站会员,你可以注册 为本站会员。
注意:文章中的链接、内容等需要修改的错误,请用报告错误,以利文档及时修改。
不评分 1 2 3 4 5
注意:请不要在评论中含与内容无关的广告链接,违者封ID
请您注意:
·不良评论请用报告管理员,以利管理员及时删除。
·尊重网上道德,遵守中华人民共和国的各项有关法律法规
·承担一切因您的行为而直接或间接导致的民事或刑事法律责任
·本站评论管理人员有权保留或删除其管辖评论中的任意内容
·您在本站发表的作品,本站有权在网站内转载或引用
·参与本评论即表明您已经阅读并接受上述条款
推荐文档 | 打印文档 | 评论文档 | 报告错误  
专业书推荐 更多内容
网站可用性测试及优化指南
《写给大家看的色彩书1》
《跟我去香港》
众妙之门—网站UI 设计之道
《Flex 4.0 RIA开发宝典》
《赢在设计》
犀利开发—jQuery内核详解与实践
作品集 更多内容

杂⑦杂⑧ Gold NORMANA V2