摘要：像素画新手教程：Aseprite像素画转换教程 关键词：像素画，新手教程，Aseprite，像素画转换，教程 本文共961个字，阅读大约需要3分钟。虽然类似的教程我写过很多，但是呢实际效果并没有想象的那么好。 对我来说很简单的事情，可能对于新手来说确是千难万难。因为每个人实际情况不同，文字教程也不可能写全所有可能出现的问题。 因此我觉得老师和学生其实是互相成全，共同进步。学像素画最快的方法是什么？ 学像素画最快的方法就是你把学会的东西写成教程或者录成视频，回馈给像素画社区，帮助比你更新手的人。这样你学像素画的效率就会突飞猛进。 Aseprite像素画转换使用Aseprite就可以实现像素画转换，新手可以在几分钟之内就学会。这次我从像素画简化的特点来演示像素画转换的方法和步骤，帮助大家更快的入门像素画以及掌握像素画这种绘画语言。 示范图我挑选了难度比较大的小猫。1、尺寸缩小像素画第一步简化是尺寸缩小。 打开Aseprite调整Sprite Size，宽度Width修改为48像素。（我试过更小的32，看不清猫的五官，所以需要放大到48）缩小后的效果如下。…

从2002年开始我通过网上找到的像素画教程学习像素画,一眨眼就是24年. 像素画陪伴我度过了美好的时光, 还有职业生涯. 虽然现在我的主要工作已经不是画像素画,但是我仍然关注像素画,热爱像素画. 从2002年起到现在,我对像素画的痛点依然存在,网上的像素画教程很难找到,所以我开启了这个项目 希望可以让优秀的像素画教程更容易被爱好者发现. catpixelart.com 这个网站完全免费,会不定期更新新教程,所有人工审核的教程不带auto标签🏷️ Enjoy~

首先像素画是可以被印刷的。和其他平面设计印前工作是类似的。 你需要将RGB色彩模式转换到CMYK，如果你是Windows操作系统需要进行校色。还有在打印或印刷前，跟印厂的人沟通，明确要求保留像素的硬边效果即可。 其次像素画只可以放大，不可以缩小。放大的方法就是：使用Photoshop放大。 像素画不论放大缩小还是旋转，图像插值请选择邻近。你可以在编辑>>首选项>>设置 也可以Ctrl+T 自由变换的时候设置。 仅支持CS4以上版本。 然后按100%的倍率就可以无损放大 比如你画了一张200×200像素的建筑物像素画，想把它打印成海报，海报的尺寸是1Mx1M。 有两种操作步骤：…

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

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

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

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

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

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

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