Posted in animation

笨办法学像素画:像素画游戏动画解决方案

摘要:像素画游戏动画解决方案游戏中的绝大多数东西都是可动和可交互的,这些东西实际上都是小动画(为了方便理解,可以将小动画想像成可以无限循环的gif动画)。一个游戏中动画工作量最大的一般都是主角。 洛克人4帧奔跑像素画游戏动画解决方案一:序列帧早期的电脑游戏动画资源大多为序列帧,这是由早期计算机性能受限,游戏的分辨率很低且颜色数受限制,作为游戏美术资源的像素画同样尺寸小,颜色少。因此当时不管是电脑游戏还是家用机游戏,游戏动画都采用序列帧的形式。 冒险岛4主角动画序列帧随着计算机性能的不断提升,游戏的画面分辨率不断提升,市场主流游戏开始使用高清位图代替像素画。位图序列帧会导致图片资源巨大无敌,占用内存过高等问题,最主要的是序列帧修改麻烦,无法处理复杂的动画,开发成本高。 仙剑奇侠传98柔情版,dos游戏。大尺寸的像素画电脑游戏。 传奇怪物序列帧像素画游戏动画解决方案二:动画编辑器简单的游戏无法获得玩家的青睐,游戏开发商开始制作和开发复杂的游戏,自研引擎和编辑器开始增加,但是自研的成本不是小厂商可以承受的。因此大多数游戏开发商都会使用成熟的免费引擎和编辑器。 目前市场上最流行的编辑器是Spine。可以说如果你想成为游戏美术开发游戏,就必须学会使用Spine。 Spine可以处理位图动画也可以处理像素图动画。动画编辑器的原理将原本的序列帧相通的部分都拆出来,相同的部分可以重复使用,可以大大减少图片的容量和大小。 比如下面Spine自带的范例,将小男孩的每一个部分都拆出来,就可以拼搭出各种动画。类似这样侧面的角色,做出站立,行走,奔跑,攻击,挨打,死亡等游戏常用的动作完全没问题。 将帧拆碎之后,怎样将分散的块重组成角色?已经有PS的Spine插件,支持一键导出,美术只需要在PS中分层画好角色即可。 这样Spine打开导出的文件之后就和在PS中看到的一样,美术只要继续做动画即可。Spine的初级使用和Flash类似,是基于元件的补间动画。…

Continue Reading... 笨办法学像素画:像素画游戏动画解决方案
Posted in 特效动画

Nick N像素画动画教程:武器攻击特效画法

作者:Nick N编译 | 三二 (转载请注明出处)。直线特效角色使用武器攻击时会产生运动轨迹线,武器特效应当和运动轨迹保持一致。 比如挥动武器时是抛物线型的曲线轨迹特效,画成直线就会很奇怪。曲线特效符合武器运动轨迹的曲线特效。 折线特效如果一定要使用直线也不是不可以,你可以试试折线特效。渐变消失在正确画出运动轨迹的基础上,加上特效形状渐变消失的动画。 完。

Continue Reading... Nick N像素画动画教程:武器攻击特效画法
Posted in animation

Luke像素画教程:弓箭手射击动画

Luke像素画教程:弓箭手射击动画作者:Luke[1]题图:Fily[2]弓箭手射击动画怎么制作?在做任何动画之前都需要先分析简化,想清楚以后再画。 分析动画弓箭手射击动画可以拆分为3段动画,简便起见本教程中省略角色的动画:1、拉弓射击;2、弓箭飞行;3、命中目标。1、拉弓射击需要画出弓被拉开然后回收。 弓从静止状态到拉开,关键帧只有2帧,从拉开再回到静止,由于存在惯性,因此需要2-3帧来表现弓弦的回弹。2、弓箭飞行弓箭只需要画1帧,弓箭会以直线或抛物线向前飞行,在游戏中一般由代码控制。 3、命中目标命中不同的目标,需要播放不同的动画,本教程以命中墙壁为例。弓箭比较轻,命中以后会受到墙壁的反作用力,弓箭会晃动。 完成动画最后查看完整动画效果,做好以后就可以切序列帧给程序调用了。 参考资料[1]tutorial-bow: https://www.patreon.com/posts/tutorial-bow-and-19521936[2]Fily: http://pixeljoint.com/pixelart/105209.htm完。

Continue Reading... Luke像素画教程:弓箭手射击动画
Posted in animation

人人都是动画师:角色动画帧怎样保持一致?

文 | 三二 (转载请注明出处)。早期的迪士尼动画都是动画师手绘而成,每位动画师都有自己的绘画风格,通过多视图模板可以保证所有动画师绘制的都是同一个角色。 像素画游戏通常由1人或多人(小于5人)完成,如果原画师设定角色,然后由像素画美术完成动画,就需要角色多视图模板作为规范,这样就可以保证角色动画每一帧都与设定保持一致。角色多视图模板怎么画? 1、保持立体思维角色多视图模板应该包括角色正面,背面,侧面,3/4侧面,一共4个视图。这些视图有助于动画师理解角色的构造和比例。 同时画出这些视图意味着角色可以360转动,将角色分解成球体、圆柱体等最简单等几何形体,可以大大降低设计和绘画难度。画好这样的基础形体角色之后,再逐步添加细节;在制作角色动画的时候也可以使用这种方法,可以大大减少反复修改的时间(没有细节修改很方便,关注整体感觉动作更细腻)。 Tips:头部始终在躯干的前部。2、头部细节比例眼睛在眼线的上方,鼻子在眼线的下方。 具体五官比例可以参考传统绘画的三庭五眼。中国的传统审美观念对人的面部美特别重视,三庭五眼是古代画家根据成年人的面部五官位置和比例归纳出来的一种人物面部的普遍规律,它阐明人体面部正面观的纵向和横向的比例关系。 三庭是指将人面部正面横向分为三个等分,即从发际至眉线为一庭、眉线至鼻底为一庭、鼻底至颏底线为一庭。五眼是指将面部正面纵向分为五等分,以一个眼长为一等分,即两眼之间距离为一个眼的距离,从外眼角垂线至外耳孔垂线之间为一个眼的距离,整个面部正面纵向分为五个眼之距离。…

Continue Reading... 人人都是动画师:角色动画帧怎样保持一致?
Posted in animation

极简游戏角色行走动画制作方法

教你画像素画原创视频行走和待机动画是游戏角色动画的基础,扎实的掌握和学会这两种动画的制作方法,就可以方便的应用到其他所有角色动画中,这也是大多数像素画角色动画教程用这两个主题的原因。分析问题观察原动画的缺点有以下几点:人物跳帧,原因是人物的重心线错位。 动作别扭不流畅,原因是动作循环缺帧,手臂和腿的摆动失调。解决问题在一开始就画出重心线,每一帧都是在复制前一帧的基础上修改,避免人物跳帧。 规范动画帧的顺序,站立-迈腿-站立-迈腿,以这样的顺序来安排动画帧,并在此基础上增加帧。迈左腿,伸右手;迈右腿,伸左手,避免手臂和腿的摆动失调。 先制作4帧行走,然后在此基础上扩充成6帧或更多。完。

Continue Reading... 极简游戏角色行走动画制作方法
Posted in animation

Pedro Medeiros 剑的画法&攻击动画指南

作者:Pedro Medeiros教你画像素画编译出品摘要:详细介绍了剑以及角色使用剑攻击动画的画法。剑的结构剑的种类非常多,不可能在这篇文章里穷举。 我只能选择一些我本人喜欢的剑来讲解。1、维京时代的剑从左到右依次:剑首,剑柄,剑格,剑槽,剑刃,剑尖。 长剑从左到右依次:剑首,剑柄,剑格,防水革,剑槽,剑刃,中脊,剑尖。西洋剑护手比较大。 军刀/马刀日本武士刀拿剑姿势攻击动画剑的攻击动画可以分解成3段。分别是蓄力-发力(攻击)-回收。 蓄力在角色攻击之前,需要先后退蓄力。图片中示范的动作比较适合npc或小怪。 发力(攻击)为了表现攻击的速度和力度,攻击只有1帧。如果攻击有很多帧,速度会变慢,力度会降低。 画出剑的轨迹线变现运动模糊。回收完成攻击以后,手臂和剑都需要归位。 在格斗游戏中,回收帧也被称为攻击硬直。一般怪物或角色发出的招越大威力越强,硬直时间也越长。 完。

Continue Reading... Pedro Medeiros 剑的画法&攻击动画指南
Posted in 特效动画

PixelLogic像素画教程:像素画动画运动模糊

文 | 三二 (转载请注明出处)。通常使用运动模糊的动画速度都很快。 在格斗游戏角色动作中有大量使用。倍数帧这种技巧是运动模糊的替代版本。 如果动作是快速循环进行的,就可以使用倍数帧。比如街霸里面春丽的无影脚,隆的旋风腿。 使用抖动模糊的游戏现在几乎看不到了,因为这种技术仅适用于CRT显示器,而在目前的显示器和手机屏幕上效果很差。超调超调是指角色攻击到最高点,再往前一点点,这有点像弹簧。 比如下面Karin在打出勾拳到最高点后略微下降了一点高度,下降的原因在于增加了超调帧。我觉得反回来理解会更容易,即每次画完角色攻击帧,再略微缩回一点。 这个回调动作非常细微,可能玩家看不到它,但是可以感觉到。回调可以和运动模糊一起使用,效果更佳。 使用夸张的拉伸,角色本身也会出现回调。回调不局限于平面,3D透视角度下也适用。…

Continue Reading... PixelLogic像素画教程:像素画动画运动模糊
Posted in animation

Skazdal像素画教程:枪械射击动画

Skazdal像素画教程:枪械射击动画本文共335个字,阅读大约需要2分钟。本文首发于教你画像素画。 题图:Kennethfejer摘要:Skazdal像素画教程:枪械射击动画关键词:像素画,动画,Skazdal,枪械法国像素画家Skazdal正在使用Gamemaker开发自己的独立游戏《LOST-FORTRESS》。这是一款横版冒险游戏,主角可以使用武器或枪械进行攻击。 枪械射击动画和其他游戏角色动作射击一样,可以使用同样的方法来完成。1、线:火柴人动画2、形状:不同颜色区分3、细节:明暗上色4、装饰/配件为了降低难度,角色装饰/配件或武器,可以稍后添加(分层来画)。 在很多游戏中,武器可以替换(有的服装也可以替换),有分层后续修改和替换就很方便了。5、辫子比较复杂的装饰/配件,可以再走一遍前3步。 1、线2、形状+明暗3、武器6、特效最后添加烘托气氛的特效:射击以后的光影,地上的飞扬的尘土。完。

Continue Reading... Skazdal像素画教程:枪械射击动画
Posted in animation

Luke像素画教程:下落的叶子

Luke像素画教程:下落的叶子作者:Luke[1]题图:tar64k[2]运动轨迹下落的叶子比小球难,因为叶子很轻,会受到气流的影响。因此下落的叶子会以之字形慢慢飘落到地上。 另外干湿不同的叶子,下落的动画也会不同。可以先画出之字形的轨迹线,然后再画出叶子。 风风是看不见的,但是我们可以通过叶子来间接表现风。编程实现如果有非常多的叶子,可以考虑让程序来实现动画,美术只需要画几片不同的叶子,这样可以节省非常多的时间。 参考资料[1]tutorial-falling: https://www.patreon.com/posts/tutorial-falling-19415265[2]tar64k: http://pixeljoint.com/pixelart/128884.htm完。

Continue Reading... Luke像素画教程:下落的叶子
Posted in animation

Nick N像素画动画教程:怎样做出更有力度的角色攻击动画?

作者:Nick N编译 | 三二 (转载请注明出处)。夸张在攻击帧,我们可以使放大物体进行适度的夸张,使攻击动作更加清晰和明显。 比如在下面角色的踢腿动画中,放大了攻击帧中的腿。如果没有使用夸张,则踢腿动作不太容易被玩家察觉。 Overshoot原则overshoot,不知道怎么翻译。它的意思是当攻击帧发出时,不应该马上收回,而应该回退或停留1-2帧。 比较简单的可以将overshoot理解为攻击惯性,即攻击发出后,由于惯性的原因会回退1-2帧。通常来说惯性越大,速度越快力度越大;反之惯性越小,速度越慢力度越小。 为了表现攻击的力度,overshoot原则很有必要使用。比如下面的角色勾拳攻击,使用了夸张(放大攻击帧的拳头),使用了overshoot,攻击帧到达最高点后继续回退了1-2帧。 如果没有使用夸张,也没有使用overshoot,则勾拳攻击很难被注意到,同时缺乏力度。完。

Continue Reading... Nick N像素画动画教程:怎样做出更有力度的角色攻击动画?