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

pixel32 编译  | 教你画像素画 出品 应该使用什么软件？可以使用自己熟悉的绘画软件或者学习一个新软件。 有些软件功能强大，有些则不然。最后，不需要担心技术。 即便用微软画图也可以画像素画。像素画有什么特别的地方？ 像素画可以完全控制每一粒像素。像素画无法使用软件自动抗锯齿，会使作品看起来棱角分明。 虽然像素画不需要这些工具，但是学习必要的技巧还是必须的，技巧可以作品更好，还可以提高工作效率。你可以控制像素，那些工具就无法控制你这不意味着要像搭积木一样，一粒一粒像素的去画画。 别担心。像素画是由于限制而诞生的这是为什么很多技巧在今天依然使用的原因。…

pixel32 编译  | 教你画像素画 出品 像素画线稿是游戏精灵的基础。即使不使用线稿，直接以形状来画，在绘画过程的某些时候还是要考虑线稿。 保持作品中主要线条粗细一致，可以提高作品的可读性和可识别性。如果喜欢用厚重的线条，请务必使线条保持干净，某些内部的线条也可以比较细。 较细的线更适合面积小的精灵。 像素画游戏的精灵通常都比较小，大部分像素画都使用1像素的线条。 直线和曲线即使知道使用1像素的线条来画线稿，还是会比较难获得圆滑的线条。这是由于像素的本质是方块，因此在排列的时候难免会出现锯齿形状（jaggy）。 那么要如何避免锯齿感产生呢？按照以下的步骤来做，就可以画出好看的像素线条。…

pixel32 编译  | 教你画像素画 出品轮廓线轮廓线决定像素画精灵的风格。像素画和其他造型艺术一样有众多的风格和样式。 以下是不同风格轮廓线的分类： 没有轮廓线没有轮廓线的像素画对画家的要求更高，画家需要以颜色和明暗来暗示体积和结构，即使没有轮廓线，玩家依然可以轻易识别出角色。虽然没有线，但是上色，画明暗的时候还是需要注意避免锯齿感。 黑色轮廓线黑色轮廓线是指角色的内外轮廓线都使用黑色。这种风格在性能受限制的NES时代非常流行，但是今天看来就有一点老旧。 黑色轮廓线的主要问题在于黑色会降低小尺寸精灵的颜色亮度，还会使角色模糊。 黑色外轮廓只有外轮廓线是黑色的，内部的线条和形状都是有颜色的，这样使角色在场景中非常显眼，看起来很干净。 这种风格现在依然非常流行，多见于手机游戏。注意：轮廓线可粗可细，但是越粗的轮廓需要的AA（手工抗锯齿）也越多。…

pixel32 编译  | 教你画像素画 出品 寻找合适的参考素材在画像素画前，请尽量寻找合适的参考素材。观察素材，将所要画的对象形状，颜色等有大致的了解。 南瓜头是一个椭圆形状，颜色是橙色的。 用笔画出基本形状新建32X32像素文件，画出大致形状，不需要扣细节。 清理线条将线条清理成1像素线条，需要遵循像素画阶梯规则。需要注意的是嘴角的2个像素，加上以后会嘴角更尖，效果更好。 填充固有色根据参考素材填充颜色。建议选择比较中性的颜色，亮度和饱和度都不要太高，简单的说就是不要选太刺眼的颜色。 处理轮廓线将黑色轮廓线替换成褐色线条。替换之后，明显比黑色轮廓线高大上了。…

pixel32 编译  | 教你画像素画 出品一图胜千言，接下来的教程看图吧！ 通过添加过渡颜色，手工抗锯齿技术（以下简称为AA）可以最大限度消除像素画的锯齿感。 仔细观察下面图片中过渡颜色放置的位置，通常放在两个颜色交界的地方。 To be or not…

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

pixel32 编译  | 教你画像素画 出品前一篇： 手工抗锯齿技术什么情况下需要使用AA下面我会教你一些技巧，帮助你理解哪里需要添加AA。1、平滑曲线下面是一些平滑曲线的例子，多出现在一些大尺寸的角色中。 像素的阶梯越长，需要的AA也越长。 虽然位图不是像素画，但是它们在技术上也是由屏幕上的像素组成。 其技术术语是光栅图形或简单的英文：“像素网格上的图像”。让我们放大一个非常水平的曲线。 然后将其与对角线进行比较。 概要…

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

摘要：像素画画好以后，需要对图像进行一切修改和移动，这个时候就需要用到选区工具以及复制剪切和粘贴，还有图像到裁切，最后完成动画后需要导出。pixel32 原创  | 教你画像素画 出品图像复制粘贴和剪切使用选区工具，选中需要进行编辑的图像，然后按快捷键Ctrl+C是复制，Ctrl+V是粘贴，Ctrl+X是剪切。 注意Aseprite也有魔棒工具，用法和Photoshop一样。其实Aseprite很多工具都和Photoshop差不多。 图像裁切同样的图像裁切也是先用选区工具选中需要进行编辑的图像，然后执行菜单命令Sprite-Crop。 图像导出完成角色的动画后就需要导出啦。 导出之前需要清掉透明和空白区域。Aseprite提供的菜单命令Sprite-Trim，一键清理所有帧上的透明和空白区域。 太赞了有没有，我记得以前只有gameloft的欧若拉编辑器可以自动处理和编排SpriteSheet。 导出SpriteSheet，程序就可以调用啦。…