Posted in Uncategorized

【中级】RPGMaker官方像素画教程连载八:动画基础

动画基础对动画完全没有概念的人怎么做动画?首先从动画是什么开始吧。 动画的原理,为什么动画会动?动画片还有电视、电影会动,是不是很神奇不可思议? 实际上那是很多很多张图片练习播放造成的视错觉。如果图片连续播放的速度接近或超过每秒24张,人的眼睛和大脑就会认为这些图片是动态的。 为了表现动作,我们需要原画(原画也叫关键帧),原画就是动画中静止的图片,比如一个角色坐在椅子上,然后站起来。坐在椅子上和站着是2张原画,那么中间从坐着变成站着就需要制作动画,动画也叫中间画。 即2张原画之间的过渡画。下图中红色框框内的就是中间画了,中间画也叫中间帧。 动画的路径 类似上图的圆球动画(小球下落,弹起撞到墙后再下落,构成循环),是简单的位移动画。位移动画需要位移的路径。 直线路径最简单,比较复杂有曲线运动,还有类似蝴蝶飞这种不规则运动,还有人的动作等等。所以制作动作之前,先想好动作运动路径哦。 人的动作比较复杂,同一个动作可能有多种实现方式。比如举手。 所以再设计角色动作的时候要画出动作线,如果中间帧是由其他人制作的话。动画速度调整假设帧速为每秒60张,那么一张画的显示时间为0.01秒。…

Continue Reading... 【中级】RPGMaker官方像素画教程连载八:动画基础
Posted in Uncategorized

像素独立游戏美术指南-使用素材制作动画

学会画单张画以后,我们制作一个简单的动画。让这个恐龙活起来。 首先恐龙是2足生物,就是用两条腿跑步的,所以先找一个人类跑步的分解图。然后再找找恐龙跑步的图。 还有原先这只恐龙的图也摆出来。 这里你仔细观察,会发现恐龙跑起来和人略有不同,恐龙的脚似乎比人多出一段,这样我们把恐龙最末的一段当作脚掌,这样就可以和人的下肢匹配上了。 下面人跑的这一帧刚好对应这张恐龙图。只不过人的左右腿要互换一下。 你能看出来吗? 好,现在就可以开始画啦。 当然你也可以直接缩小这个恐龙参考图然后执行阀值命令获取轮廓。不过我还是建议你将上次画好的恐龙填黑,然后做一点处理。 可以发现恐龙跑的时候上半身是抬起的,所以呢用选区工具选中上半身旋转一下,记得模式选邻近。好了,然后呢,把原来的腿擦去,恩,这里最好新建2个图层,比对着参考图分别画恐龙的前后两条腿。 好了,画好第一帧,继续画后面的帧,这里有一点难度,就是需要参考人的跑步帧画出恐龙的跑步帧。另外经过观察你可以发现跑步循环的时候,前后腿的动作是一样的,所以呢,这个第一帧可以复制2份。…

Continue Reading... 像素独立游戏美术指南-使用素材制作动画
Posted in Uncategorized

像素角色表情动画

通常游戏主角只需要眨眼就够了。如果是RPG游戏,涉及对话,就需要头像或半身,乃至全身像,这个时候如果有生动的表情动画,效果是不是更好呢? 请根据游戏的实际情况来决定。上回制作眨眼动画的方法,在制作角色表情动画的时候依然有效。 人类表情最生动的但是眼睛。灵魂的窗口啊,哈哈哈。 眉毛对于表现神情也是很重要的。另外口型动画,我了解不多,不过市场上有更多成熟的动画片,找一个参考就可以了。 先说下口型动画。其实很简单,嘴巴闭上,嘴巴张开,再闭上,是一个完整的循环。 下面我画了3帧,只有嘴巴有变化。注意因为是说话,不是吵架,口形不要过大。 1、闭嘴2、微张3、大张按照1232的顺序排列,帧速0.1秒。看看效果。 这样有点单调。再加一个循环。 之前是水平展开,现在改成垂直方向。注意如果要更加逼真,可以画出下巴的变化。 好,知道了方法。现在给最前面的帅哥加一个说话。…

Continue Reading... 像素角色表情动画
Posted in Uncategorized

像素动画技巧2-立体旋转动画

原作者:シガタケ(SHIGATAKE)翻译:pixel32 接上期平面旋转动画,今天讲解立体动画的制作方法。首先将正方形如上图放置,然后隔行擦除,然后接起来就变成45度的正方形了。 这样做是为了更好说明平面和立体之间的关系,为之后复杂的立体动画打好基础。利用像素规则,画矩形还是很简单的。 使用同样的方法,将其他3帧(2,3,4)也画出来,4帧动画就做好了。 然后就好办了。 复制一份移动到下面,加上垂直线,再添上颜色。完美的立方体动画做好了! 就这么简单有木有?! 使用同样的方法可以做出旋转的星星。 想一想还可以玩出什么花样……错位。 三角体。…

Continue Reading... 像素动画技巧2-立体旋转动画
Posted in Uncategorized

动画技巧4-人物动画

原作者:シガタケ(SHIGATAKE)翻译:pixel32本篇是动画技巧系列最后一篇啦。 首先画出草稿,然后转画成像素稿。 第二步就是拆块了。将需要制作动画的部件单独拆分出来。 如果之前画的时候,你分层了,那么恭喜你,这一步就省事了!在这里将妹子拆成头部,身体,腿。 不要看到复杂的动画就害怕,其实呢复杂的动画都是由简单的动画组合而成的!化繁为简,这是任何一个画家必须具备的能力。 身体需要制作手臂动画。我将手臂摆动的幅度用红蓝小方块标记出来了。 就是这么简单哈。熟练的小伙伴这一步可以在脑袋里完成。 然后画出手臂动画就好了!还记得上一篇画摆动动画的方法吗? 然后呢再来画腿的动画。我将腿运动的曲线用红蓝小方块标记出来了。 迈腿收腿哈,就是这么简单!恩,这一次小人已经跑起来了。…

Continue Reading... 动画技巧4-人物动画
Posted in Uncategorized

横版角色攻击动画详解

攻击是强关键帧动画。(关键帧较多)。 从左到右依次是待机,蓄力,发力,惯性,回收。 1、待机:在开始攻击之前需要有准备动作。 打架之前先摆好姿势哈。2、蓄力:站直身体,高举武器,因为自上而下劈砍会更有力量。 3、发力:劈砍画上刀光更显气势,同时单腿迈出,打击范围和杀伤力都会大增。4、惯性:力量发出后会有惯性,加一帧不亏。 5、回收:力量用老就该回收啦,返回待机动作,准备下一次攻击。 下面是一个不太理想的范例: 关键帧的变化较小,力度欠缺……虽然看起来不错,但不是太理想。 在5帧的基础就可以根据实际需要扩展为8-10帧版本,更加流畅。 不同种类武器范例,武器不同,攻击方式也不同。

Continue Reading... 横版角色攻击动画详解
Posted in Uncategorized

像素角色眨眼动画

眨眼动画不难,但要做的出彩就需要一点耐心。眼睛睁开,然后闭上,再睁开。 这样是一个完整的眨眼循环动画。一般像素画角色的眨眼都可以参考本教程来制作。 角色在已经设计完成的情况下,眨眼第一帧是不需要画的。首先画出闭眼帧,只要将眼睛涂上皮肤色,略微修饰就行。 还需要注意的是,闭眼后,眉毛的位置会下降一些,还有眼睫毛会下移闭合接缝处。 按照1-2-1的顺序,闭眼帧速设为0.1秒,睁眼设为1妙。 最简单的眨眼就完成了。动画新手可以先学会做这个简单的眨眼动画。 在此基础上增加2帧过渡帧,前后重复使用。因为眼睛闭上后睁开也需要加过渡,2帧过渡帧可以重复使用。 3:过渡帧1,眼皮略下移。 4:过渡帧2,眼皮下移接近闭眼。 按照1-3-4-2-4-3-1的顺序,睁眼设为1秒,其他设为0.1秒。…

Continue Reading... 像素角色眨眼动画
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... 横版游戏角色跑步详细制作教程