作者：Pedro Medeiros翻译：教你画像素画介绍风、龙卷风以及风系特效的像素画表现方法。龙卷风使用折线形状的明暗来画龙卷风。 龙卷风是非常快速的。可以把龙卷风简化成多个旋转的圆饼叠加在一起，记住所有圆饼旋转的方向要一致。 龙卷风的底部会有灰尘向两边散开。 风系特效使用2个颜色就可以表现特效的明暗，使用多个快速转动的轨迹来表现风的运行。 如果你不是很确定，可以用一个指环形状来做参考。 风我们无法看见空气，但是可以看到被风吹动的物体，比如各种树叶或垃圾还有其他小颗粒。 使用它们来间接的画出风。 当风撞击到地面会形成波浪，看起来会有点像盾牌。 消失的时候也是以旋转的方式消失。…

小尺寸像素画角色如何制作流畅的动画？对于小尺寸的角色来说，1像素等于眼睛。 移动1像素就是一段很长的距离。就像下面这个洛克人Boss的待机动作。 是否有办法可以使小尺寸的像素画角色也拥有流畅平滑的动画呢？我在小尺寸的视频中获得了灵感。 在视频中，尺寸非常小的动作也可以轻易识别。关键就在于颜色，，不需要移动角色本身，只需要移动颜色就可以达到目的。 上面的照片中，人物的高度不到50像素，可以看出他在深呼吸。实际上发生了什么呢？ 1、明暗颜色发生了变化，2、人物没有轮廓线，边缘是和背景融合在一起的。那么把颜色减少到16色看看。 即使降低到6个颜色，也依然可以识别出人物的动作。人物本身没有什么移动，仅仅通过颜色的移动和变化就实现了流畅细腻的动画。 要制作流畅的小尺寸像素角色动画，就需要将这个技术和有限的颜色结合起来。合金弹头就是值得学习和借鉴的典范之作。 人物本身没有移动，移动的光影配合头发和头巾制造出呼吸的动画。 通过明暗位移使动画更流畅。…

教你画像素画 出品 | 公众号 pixelart Cuphead，开发了7年的独立游戏，据说全部手绘的游戏图片……老外的这种执着我很佩服。截止10月9日steam销量44万份。 我看了游戏的试玩视频就想，像素画能不能做的这么细腻呢？我觉得是完全可以的。 像素动画本来就是手绘的，细腻什么的也没问题啊，每一颗像素都有意义啊。用Aseprite简单画了一下，就是下面这个效果了。 细腻程度略微差一点。总体还行吧。 那么这样的待机动画是怎么做出来的呢？首先定尺寸，画出剪影这个角色有四肢，需要做出各种动作，所以32X32像素比较合适。 用不同的颜色画出角色的各个部分。整个角色当然比较复杂，还记得以前我教过的分拆吗？…

pixel32 编译  | 教你画像素画 出品 物体材质决定其重量，花瓣是轻飘飘的，陶瓷的碎片就比较硬。不同材质的物体在破裂后的表现显然是不一样的。 下面这个图展示了不同物体（花瓣，陶瓷碎片）受力爆裂时的节奏和运动轨迹。 制作物体的受损和破裂特效不难，但是非常耗费时间。 因为动画师需要处理每一个破裂分解的碎片。破裂动画的设计步骤1、物品是完好无损的，但是会出现一些裂缝或异常 2、开始爆炸并破裂，出现烟雾，火花或其他效果 3、爆裂，碎片四射，至少保留一块能使玩家识别这件东西的部件。…

游戏的角色都是以上面这种循环小动画的形式出现的。无论是角色的待机，行走，跳跃，还是攻击，受伤，死亡等等，都是循环小动画。 设计角色做动画之前需要有原型，按照像素画绘画步骤画出原型，一般情况下都是站立姿势。1、查找参考资料：画的是自己特别熟悉的形象，就不需要找参考资料了。 2、画出大致的线稿：2头身比例。 制作动画原型画好之后就可以制作动画了。 这是一个简单的待机动画，一共有4帧，其中有2帧重复使用，还有2帧只有略微变化，实际上只有2帧。 第1帧、首先将原型还原到站立姿势。 第2帧、然后将膝盖以上的身体向下移动1像素，将左右腿分别向两边移动1像素，将手臂上举。移动眼睛和嘴巴往左边一点，嘴巴画大一些好像张嘴说话一样。 到这里这个简单待机动画的2帧关键帧已经完成了。 第3帧，将第1帧复制过来。 第4帧，将第2帧复制过来，然后水平翻转眼睛和嘴巴即可。导出和保存动画…

摘要：以小球动画为例讲解时间轴窗口图层和帧的使用。新建图层，复制图层，删除图层，合并图层；新建帧，复制帧，移动帧，帧tag；洋葱皮视图。 pixel32 原创  | 教你画像素画 出品图层Aseprite的图层与photoshop相似，只有细微差别。常用的命令，新建，复制，删除，合并，向下合并都在菜单Layer下面。 Aseprite支持设置图层叠加模式和透明度，在Properties属性菜单里设置，快捷键是Shift+P。初学者不追求速度，只要记住在什么菜单可以执行什么命令就可以了。 操作的多了自然就记住了，菜单右边就是快捷键，比如New Layer新建图层的快捷键就是Shift+N。另外所有的快捷键都可以自定义，在Edit-KeyboardShortcuts修改。 帧Aseprite的帧和Flash非常相似，是以点来组织的，空白就是空白帧，实心点就是关键帧。因为是像素画，所有中间帧都要手动完成，哈哈哈。 动画动画就是由一张张画连续播放而成的视觉假象。…

pixel32 编译  | 教你画像素画 出品 洛克人的跑步只有4帧，但是效果拔群。为什么？ 是因为精准的关键帧！伸出手臂，迈开双腿，扭动身体。 跟我一起来完成下面的角色跑步动画吧。 关键帧是动画开始的地方，必须有一个好的姿势。 先从腿开始画，这不仅是跑步动画中最难的一部分，还是影响到身体其他部分的关键。最重要的是脊柱，后面会解释这一点。 关键帧1:迈出腿。使用简单的线条画出腿的姿势，然后再画完整。…

pixel32 编译  | 教你画像素画 出品模块化动画模块化动画特别适合大尺寸的游戏角色或怪物，记住一定要分层来画。模块的意思就是将角色或怪物拆分成不同部分，比如头部，胸部，四肢，武器等等，然后通过位移或旋转的方式来制作游戏角色或怪物所需要的各种动作。 模块化动画步骤 首先画出草图； 然后分别画出角色或怪物的每一个部分，这些拆分出来的部分就是模块； 注意不要忘记漏掉被遮挡的部分； 利用缩放和旋转模块来制作动画； 有些模块仍然需要使用逐帧动画。技巧模块化动画也可以用在较小的角色或怪物中，虽然它不是很有用。…

摘要：结合实际案例，详细讲解角色死亡和挨打动画的设计过程。pixel32 编译  | 教你画像素画 出品角色死亡动画死亡动画实例。 1、挨打帧，第1帧是角色挨打或者受攻击帧，角色最大幅度偏离站立帧。并且需要有打击效果。 2、接下来需要慢慢的返回站立帧，之前的打击效果需要慢慢消失。到这里其实可以作为独立的挨打动画。 一般游戏中为了不单调，会做2个以上的挨打动画随机调用。 怪物死亡动画某些小怪物可以用直接消失的特效来表现死亡。 第一帧是异常帧，将待机帧放大或变形。 然后是恢复帧，再接着加上爆炸特效就可以啦。…

摘要：比较详细的介绍了借墙跳跃动画的制作方法。复杂动画拆分成简单动画这种动画一般都是武林高手或者忍者才会有的动作。 这个复杂的动画可以拆分成3段小动画。按先后顺序分别是：1、跳到墙上角色跳到墙上会有冲击力，为了表现这个力，可以通过挤压和伸缩人体，夸张的表现出来。 2、在墙上受到重力下滑这个下滑动画角色其实没有动，是通过抖动明暗来实现的。这种处理手法叫像素次级位移。 动画中加了灰尘，效果更好。如果角色有长头发或者衣服，围巾什么的，还可以通过动画表现出风吹的感觉。 3、借力跳离墙壁借力跳离墙壁时，人体的重心会前移，同时四肢也要跟随躯干。动画练习可以使用几何形作为角色完。