Author: PixelBear
提高像素画工作效率的5种方法
原文:Joson Perry我曾开发过好几款手机游戏,一个人负责所有的美术资源,在开发项目的过程中积累了很多经验。现在我要将这些方法告诉大家,帮助你节约时间,最大限度的提高工作效率。 eboy作品1、了解你使用的工具一件称手的工具可以极大的提高工作效率。市场上有非常多可以画像素画的软件,我个人主要使用Photoshop CS6(简称PS)。 为什么用PS?因为我最了解的是PS。 所以选择你用起来最称手的软件画像素画!如果你是新人,那么请尽量把每一款能找到的像素画软件都玩一下。 然后查看软件的帮助文档,上在线社区看别人总结的软件操作指南,观看在线教学视频,了解每一个版本新增的功能。PS适合我,但不一定适合你。 最好的办法就是实际用软件画一个角色,然后制作一个角色动画,再导出png序列帧或者gif动画。如果整个流程使用起来非常流畅,那么这款软件就是合格的。 然后再在合格的软件里选择一款你最喜欢的。2、可以重复使用的素材请务必保存你工作时候的每一个图层,也许以后的项目中可以继续使用。 最常见的就是素体重复使用了。使用素体制作一套基本动作,然后角色都套用基本动作。…
像素动画技巧2-立体旋转动画
原作者:シガタケ(SHIGATAKE)翻译:pixel32 接上期平面旋转动画,今天讲解立体动画的制作方法。首先将正方形如上图放置,然后隔行擦除,然后接起来就变成45度的正方形了。 这样做是为了更好说明平面和立体之间的关系,为之后复杂的立体动画打好基础。利用像素规则,画矩形还是很简单的。 使用同样的方法,将其他3帧(2,3,4)也画出来,4帧动画就做好了。 然后就好办了。 复制一份移动到下面,加上垂直线,再添上颜色。完美的立方体动画做好了! 就这么简单有木有?! 使用同样的方法可以做出旋转的星星。 想一想还可以玩出什么花样……错位。 三角体。…
像素动画技巧3-物体摆动动画
原作者:シガタケ(SHIGATAKE)翻译:pixel32 为了便于理解,我将圆形画成3种大小不一的珠子。 模拟时钟的摆动动画。 首先以顶点的圆心画出蓝色辅助线,这是每一个珠子的运动轨迹。红色直线内区域是珠子摆动的范围。 这样简单移动珠子就可以变成3帧了。圆或球体在移动时本身外形是没有变化的。 用1-2-3-2 的顺序就得到了下面的摆动动画。看起来不太流畅吧。 很多初学者到这一步就算完成了。请继续跟着我往下做更好的效果。 使用前一篇的方法,取到中点,然后增加过渡帧。这样就有5帧了。 按照1-2-3-4-5-4-3-2的顺序,就得到了下面的动画。看起来不错,但是有点假。…
动画技巧4-人物动画
原作者:シガタケ(SHIGATAKE)翻译:pixel32本篇是动画技巧系列最后一篇啦。 首先画出草稿,然后转画成像素稿。 第二步就是拆块了。将需要制作动画的部件单独拆分出来。 如果之前画的时候,你分层了,那么恭喜你,这一步就省事了!在这里将妹子拆成头部,身体,腿。 不要看到复杂的动画就害怕,其实呢复杂的动画都是由简单的动画组合而成的!化繁为简,这是任何一个画家必须具备的能力。 身体需要制作手臂动画。我将手臂摆动的幅度用红蓝小方块标记出来了。 就是这么简单哈。熟练的小伙伴这一步可以在脑袋里完成。 然后画出手臂动画就好了!还记得上一篇画摆动动画的方法吗? 然后呢再来画腿的动画。我将腿运动的曲线用红蓝小方块标记出来了。 迈腿收腿哈,就是这么简单!恩,这一次小人已经跑起来了。…
怎样画出可爱的天使妹子?像素画草图到完成稿范例
图片: パラ犬文字:pixel32首先需要画出草图。这种团子头最可爱了。 然后将草图缩小到64X64像素。然后新建图层,用1像素的画笔描出轮廓线。 用橡皮擦擦掉胖像素,把轮廓线精简到1像素宽。 修干净以后就好多啦。 接下来就是细修了!仔细观察像素线稿和草图,修改某些看起来不顺眼的地方。 比如翅膀的末端。 头部是非常重要的,需要重点照顾。 发现头部轮廓不够圆润。 首先填平,然后修改两端,尽量使头部圆润!…
像素画RPG游戏拿剑战士范例
图片: 春疾风文字:pixel32 软件:PS时间:线稿1小时;上色2小时首先搜集足够多的参考材料,然后在脑海中构思角色,最后开始动笔画草图。使用1像素铅笔(颜色设置为40%黑色),画出角色的大概姿势就,加上武器。 草图OK以后,用黑色1像素铅笔画出细致的线稿。 我习惯优先画眼睛,可以给脸填一个颜色。 画线稿的时候,随时将图片水平翻转,看看有什么别扭的地方。 完成线稿后,将草图隐藏掉。 接下去就要上色了。 用油漆桶填充固有色。 确定好光源(左上),先刻画皮肤。…
极简像素画角色设计动画详细步骤
整理翻译:pixel32 这个例子中角色的腿太短了,跑的动作也不是太明显。所以我打算重做一个比较规范的版本,好让大家了解角色设计和动画设计的全过程。 第一步是设计你的角色,用草图剪影来激发你的创意吧。使用单色画出角色的形状。 然后填上颜色,点出眼睛。衣服裤子鞋子都用最简单的款式。 因为角色特别小,所以点出光源,亮部也很小哈。这样看起来太普通了。 怎样让他显得不一样呢?有个性一点? 换个发型,来一副墨镜,加装一个洛克人那样的手臂。是不是比刚才好多了? 把眼镜改成防风镜,夹克再合拢一点,加上护膝,手臂再优化一下。 继续修改下发型,OK。 我们的角色完成了。市场上的游戏太多了,所以请尽量保证你的主角有足够的个性,可以让玩家一眼就识别出来。…
极简像素画挥手动画范例
配图:pixelsmil 极简像素动画,应该做起来挺简单的。因为特别小,画起来比较省事。 首先你需要一个角色,才能制作动画。第一步画出角色的剪影。 观众能否仅看剪影就识别出角色,是设计合格的评判标准之一。 然后上色,加上服装(红色的帽子,绿色的T恤,短裤,运动鞋),这就是一个顽皮的小孩了。 根据已经完成的角色设计,画出待机帧。 然后做一个挥手的动画。 可以自己抬起手挥一挥,感受一下。或者找朋友把挥手的视频录下来。 研究完可以发现,手臂以肩膀为轴心,先举起来,然后再以肘部为轴心挥动。恩,到这里就知道挥手动作该怎么画了。 只要是支持图层的绘画软件,都可以方便的画出动画帧。通过调节图层的透明度,很方便的就可以画出抬起的手臂了。…
像素画颜色基础知识和选择方法
原文:pixelsmil色彩基础知识计算机常用的色彩模式是RGB,打开Photoshop默认的就是RGB色彩模式。RGB拆开就是Red红色,Greeen绿色,Blue蓝色。 RGB每个颜色的值范围是0-255。我更喜欢HSL(或HSB),在Photoshop中切换颜色模式为HSB。 分别观察HSB的3个颜色值。H是色相,是每个颜色本来的样子。 S是饱和度,值越低颜色越灰暗。B是亮度,值越低越接近黑色。 下面来看一个实际的例子。这是一个绿色的豆子? 很多新手画好线稿填上固有色后,会通过调节亮度值获得暗部和高光区域的颜色。画出来就是下面这个样子了。 但是这样就没有考虑色相,颜色是会随着温度互相转换的。观察色相条可以发现,提高绿色的温度就会变成黄色,降低的话就会变成蓝色。 这是更加符合自然的用色之道。另外只要是光源比如太阳,默认就会带一点白色和黄色。 光的颜色也会一定程度影响物体高光区域的固有色。 在考虑了色相变化的前提下,对使用的颜色进行修改如下。…
横版角色攻击动画详解
攻击是强关键帧动画。(关键帧较多)。 从左到右依次是待机,蓄力,发力,惯性,回收。 1、待机:在开始攻击之前需要有准备动作。 打架之前先摆好姿势哈。2、蓄力:站直身体,高举武器,因为自上而下劈砍会更有力量。 3、发力:劈砍画上刀光更显气势,同时单腿迈出,打击范围和杀伤力都会大增。4、惯性:力量发出后会有惯性,加一帧不亏。 5、回收:力量用老就该回收啦,返回待机动作,准备下一次攻击。 下面是一个不太理想的范例: 关键帧的变化较小,力度欠缺……虽然看起来不错,但不是太理想。 在5帧的基础就可以根据实际需要扩展为8-10帧版本,更加流畅。 不同种类武器范例,武器不同,攻击方式也不同。