Recent Posts

Posted in Uncategorized

极简像素跳跃动画

首先还是需要一个设计好的角色。然后开始制作动画。 除了行走,跳跃动画也是游戏角色不可或缺的技能之一。如何制作跳跃动画呢? 首先你需要了解跳跃,可以试着自己跳一下看看。让我分解一下跳跃的动作过程。 首先要预备,然后身体微微下降,积蓄力量以后一跃而起,力量用尽受地球引力影响开始下落,下落后膝盖会弯曲避震,回复到站立姿势。更简单快捷的是找一张跳跃动作的分解图。 上图中依次动作为: 站立准备–蓄力–起跳(过渡)–跳起–下落–缓冲避震–站立准备。知道方法和动作姿势以后,匹配画好的小人,画出相应的帧。 实际画的时候,基本不动的脑袋和身体可以直接复制,只要画出有变化的四肢即可。另外需要注意的是角色的高低起伏变化。 略微修改了落地后的衣服。 看看效果吧

Continue Reading... 极简像素跳跃动画
Posted in Uncategorized

ARPG角色动画制作

Pixel Princess Blitz: Sandbox Roguelike Action RPG是一款沙盒类角色扮演ARPG。目前正在众筹,其中公开了一些角色动画制作的方法。 角色设计好之后,美术绘制了很多角色的动作,然后像素化。从中我们可以学到在角色设计阶段,可以用纸笔或者画笔来设计角色,最后定稿的时候再画成像素即可。 在设计动作的时候也一样。上图是攻击动画的演示,那个矩形代表敌人。 动画效果OK以后再转画成像素。…

Continue Reading... ARPG角色动画制作
Posted in Uncategorized

横版游戏角色跑步详细制作教程

跑步有4个关键帧。按上图的顺序依次为: 1:落地帧:一腿着地,一腿后踢; 2:下落帧(因屈膝是整个动画循环中位置最低的帧):一腿屈膝,一腿跟随; 3:起跳帧(高度与落地帧相同):一腿抬起,一腿准备离地; 4:腾空帧:双腿腾空。 (区分是走路还是跑步就在于看是否有腾空帧。) 将画好的4帧复制一份,替换左右腿,就变成8帧循环了。 这里需要注意的是,在复制替换左右腿时,不要完全一样,应该略微修改。比图像上图那样,调整双腿间的距离。 如果完全一样,动画播放的时候会比较怪异。加上手臂,注意不要画反了(如果左臂前摆,则右腿往前迈出;反之亦然。 )。重复的4帧略微修改手臂使之不完全一样。…

Continue Reading... 横版游戏角色跑步详细制作教程
Posted in Uncategorized

动画的力度和真实感

很多动画新手做出来的动画会缺少力度。力度是什么呢? 如何表现力度和真实感呢?来看一个具体的例子:黑色线从垂直状态顺时针下落到水平状态。 中间用了平分取帧的方法,画了5帧,加上首尾2帧,一共是7帧。 效果如下: 动画缺乏力度。 因为用力平均。怎样使动画有力度? 或者换个角度思考,怎样使动画更真实?上面的例子,假如黑色线段有质量,会怎样呢? 首先下落刚开始的时候会比较慢,有质量就有摩擦力,下落开始以后就会越来越快,最后落地。 从分解图可以看出,在到达中点45度之前用了4帧,从45度到落地只用了1帧。 这个例子可能不太明显。来看一个拳击动作。…

Continue Reading... 动画的力度和真实感
Posted in Uncategorized

恐龙跑步动画制作步骤解析

图源:GA-semi在制作一个动画之前,请尽可能多的收集素材。比如现在要制作的恐龙,那么不仅要收集恐龙的图片,动画或视频,还需要收集恐龙的生活背景,习性等背景知识,还有恐龙的解剖知识等。 多多益善。只要是两条腿跑的生物,都与人类跑步的运动规律类似。 下面这个动画,可以很明显看出来是参考的人类跑步。图源:网络行走和跑步是双腿交替的循环动画,所以只要画出一边的动作,另一边复制后替换左右腿就可以了。 按照这个思路我们来画跑步的关键帧。1、预备帧:单腿抬起,准备起跳 2、腾空帧:双腿分开,跳起,按照惯性前肢会往下摆。 3、落地帧:单腿着地,落地后尾巴要改变方向了,然后前肢要向上举 4、缓冲帧:落地屈膝,另一条腿准备抬起 这样4帧完成后,复制一份,变成8帧循环。 还可以吧,腾空好像不太明显,可以增加1帧放在腾空帧和落地帧之前。 这样就好多了。在剪影动画OK以后再上色。…

Continue Reading... 恐龙跑步动画制作步骤解析
Posted in Uncategorized

横版游戏角色行走动画详解

图片作者:Sandy Gordon首先画出草图,两腿分开接触地面。先不画手臂,将注意力放在腿的循环动画上。 然后复制一份,将左右腿交换位置,两腿的位置微微往里面缩一点。修改站立帧,将一条腿抬起,准备迈出腿。 然后复制一份,将左右腿交换位置,两腿的位置微微往里面缩一点。腿的基本循环已经有了,填上颜色。 接下来需要增加高低的起伏。 用刚才修改的站立帧作为基础,复制2帧。 高帧:1帧将身体往上移1像素,将腿抬更高; 低帧:1帧将身体往下移1像素,支撑的腿微屈,另一条抬起。 画完以后,复制1份,和前面一样替换左右腿,两腿的位置微微往里面缩一点。 这样完成8帧循环了!…

Continue Reading... 横版游戏角色行走动画详解
Posted in Uncategorized

横版游戏角色愤怒行走动画

这次的行走需要表现角色的情绪,如愤怒,生气等。画之前可先收集一些参考资料,比如迪斯尼的动画片。 还可以想象人生气的时候会有哪些举动?比如表情狰狞,撸起袖子,低头猫腰,想要打架的姿势。 有了大概想法后就可以开始画了。在制作动画前,游戏角色一般已经设定好了。 可以直接修改侧面站立帧,开始制作动画。首先从核心关键帧迈步和站立开始。 表情改成生气的。接下来只需改腿就可以了。 图片:Sandy Gordon,下略。使用上次的方法,复制1份,交换左右腿。 添加中间过渡帧。即低帧:迈出腿后落地屈膝帧; 高帧:抬腿到最高点; 复制1份,交换左右腿。…

Continue Reading... 横版游戏角色愤怒行走动画
Posted in Uncategorized

横版角色动画添加肢体语言

完成基本动画后,可以通过添加表情和肢体语言赋予角色更丰富的表现力和个性。小小的修改,巨大的品质提升。 最佳的参考资料仍然是迪斯尼和皮克斯的动画电影。有很多的拟人角色可以参考和借鉴。 如果想创造独一无二,栩栩如生的游戏角色,完全可以先从模仿开始。绘画本身就是模仿大自然的光影。 图片:Sandy Gordon ,下略在正常行走的基础上修改为愤怒的行走,这是上一篇的内容。 复制这10帧,然后修改手臂,20帧的行走……我觉得这种帧超级多的动作,用处不是很大……比较适合制作RPG游戏的过场动画。 悲伤,10帧。修改眉毛为八字眉,眼睛看着地面,耳朵耷拉着,头微微向下,双臂下垂,迈步间距变小。 心高气傲的,20帧。前10帧如下,后10帧复制,加了眨眼闪光特效。 蹑手蹑脚,20帧。

Continue Reading... 横版角色动画添加肢体语言
Posted in Uncategorized

0基础像素画-你可以画出立体感

古埃及的壁画是平面的。平面的壁画装饰性很强。 早期的电子游戏受性能限制,游戏里的角色颜色有限,自然只能是平面的。比如马里奥。 平面是二维的,立体感是三维的。早期传统绘画就是在二维的纸或画布上,画出三维立体的感觉,模拟真实生活。 像素画作为数码绘画,同样有这样的需要。能够画出准确的形状和线条,是画立体感的基础。 以下我列出画出立体感的几种方法。真的不难,相信我。 只要理解并运用正确的方法,你就可以画出立体感。1、用线条表现立体感 这是Eboy画的一辆车。 看起来立体的原因是使用线条画出了车的结构。可以找一张相同的角度车的照片对比一下。 是不是很像呢?用线条表现立体感的原理在于,每一条线都交代了车的结构,可以把结构理解为骨架。 我在下面分别用红色和黑色画出了车的骨架。可以比较不受干扰的看出车是由一个矩形盒子嵌套类一个梯形物体加上4个轮子组成。…

Continue Reading... 0基础像素画-你可以画出立体感
Posted in Uncategorized

像素画场景-简单岩石Tiles教程

原文:Nauris Amatnieks翻译:Pixel32 首先压着Tile相邻的边缘画出岩石的形状,然后在补上中间的岩石,这样画有利于实现无缝拼接。 不要孤立的去画石头,而是用分组来考虑它们,岩石与岩石会互相层叠,这样更有层次感和立体感。 确定光源的方向(一般都是左上或右上),然后画出3个调子,分别是高光,亮部,暗部。 仅使用现有的颜色,进行AA处理,并填充空隙。 新增一个高光颜色,提亮Tile的上半部分。 修改不相邻的Tile,制作出边缘Tile。 不要复制,需要根据光源画2个不同的Tile。 然后使用同样的方法画出其余的Tile。…

Continue Reading... 像素画场景-简单岩石Tiles教程