作者：PixelLogic教你画像素画编译出品1、次级像素是什么？你可能听说过像素画，那什么是次级像素？ 次级像素经常出现在游戏角色待机动画和微妙的角色动画中。许多8bit游戏使用了次级像素技术，这些作品激发了像素画家的灵感。 像素是计算机显示分辨率的最小单位。1个像素不能变的更小，也不能在两个方格之间分割像素。 所以必须并找到一种模拟1/2像素的方法。这是1个方格，代表1像素这是1/2个方格，代表次级像素，是不可能的这也是不可能的，1个像素不能被分割。 次级像素就是制造出小于1像素的错觉。次级像素就是表示“在1像素以下”或“小于1像素”。 次级像素是一种先进和复杂技巧。如果你遇到麻烦，请不要担心。 它并不是必需的，但这是一个有趣的挑战，可以磨练和提高你的像素画动画水平。下面的蘑菇人，左边是次级像素版本，右边是普通版本，仔细观察两者之间的区别。 2、次级像素何时使用？怎样使用？ 对于静态像素画，次级像素就是AA抗锯齿和像素线条的粗细。对于动画，它被称为次级像素动画。 两者都依赖相同的技术创造视错觉：抗锯齿。通常，次级像素Sub…

作者：PixelLogic教你画像素画编译出品1、像素移位是什么？像素就像一杯一杯的水。 我们可以将一些水倒入下一杯，水均匀的分布在2个像素杯里，但整体仍然是1像素杯水。这是次级像素的像素移位原理。 像素杯中的水量=颜色的明度。将像素向前移动1/2 像素，就会使下一个像素杯子变的更暗或更亮。 制作次级像素动画时，色相和明度会同时转移到下一个像素杯。像上面例子中那样的单个像素移位很少发生。 实际案例中，像素总是被其他形状，轮廓或背景所包围。经常遇到的情况如下图。 也不是每1个像素都需要移位。有时也可以正常移动整个像素！ 移动画布上的每1个像素，可能会产生条纹像素。某些细节可以保持不变，因为动画的流畅性和可读性优先级更高。 观察下面索尼克的例子，有一些像素没有做移位处理。2、像素移位使用案例像素移位是次级像素的基本原理。 以下是一些案例，帮助你理解这种技术。如果不用像素水杯来理解像素移位，可以将次级像素看作有色液体混合在1个杯子，比如牛奶+咖啡！…

作者：PixelLogic教你画像素画编译出品1、像素线条粗细如果像素画游戏要移植到次世代主机，制作高清版本通常需要使用AA手工抗锯齿。为了提高像素画清晰度和降低锯齿感而使用的次级像素，就是AA。 次级像素可以实现不同等级的像素线条的粗细，如下图所示。左起1：使用次级像素模拟不同线条的宽度；2:使用次级像素模拟线条逐渐变细；3：使用次级像素模拟线条中间变细；3：使用次级像素模拟更复杂的线；上面的例子表明，我们可以通过使线条变窄和变亮，来缩小线条。 当物体的明暗从亮到暗渐变时，线条才会变得更亮。反过来则正好相反。 下面图片中的特效和十字星，如果想让特效和星星的末端变细，就需要使用较深的颜色。在浅色背景，越深的线条越粗，越亮的线条越细；在深色背景，越亮的线条越粗，越深的线条越细。 2、应用案例下面是一些使用不同粗细像素线条的应用案例，特别留意AA的颜色。这块岩石中较浅的裂缝用稍浅的颜色来画，较深的裂缝用较深的颜色。 虽然使用次级像素实现不同的线条粗细，很像明暗上色，但它们是不一样的。3、案例说明注意观察上面图片中角色眼镜的不同画法，X版本的眼镜看起来比Y版本更大。 1、左眼上方：Y版本使用了较亮的AA，使得眼镜边框看起来比X版本更细。2、右眼上方：Y版本的次级像素颜色更浅，使得眼镜边框看起来比X版本更细。 3、左眼下方：Y版本的次级像素颜色更浅，使得眼镜边框看起来比X版本更细。4、右眼下方：Y版本的深色次级像素更短，使得眼镜边框看起来比X版本更细。 每一个像素都有意义。提亮或加深AA所产生的次级像素变化，可以使作品产生更佳细腻的变化。 你能看出来上面图片中眼睛的不同之处吗？待续…

作者：PixelLogic教你画像素画编译出品1、次级像素分割次级像素可以模拟分布在2个像素块上的不可能像素。这样的像素实际上是不可能存在的，因此这个像素的颜色值被平均分成2个像素，每个像素的亮度为50％。 次级像素分割的使用案例。观察下面图片中角色的鼻子和嘴巴。 左起图2:高清嘴巴；图3:理想的像素形状；图4:实际的像素形状。将高清图缩小到1:1像素时，效果几乎相同！ 这证明了次级像素对表现微妙的细节非常重要。使用次级像素分割可以获得更好的像素线条！ 塞尔达角色从正面变成侧面的时候，将AA和次级像素混合使用。有很多地方可以使用次级像素分割来获得微妙的曲线效果。 观察下面口袋妖怪的眼睛拐角区域，分别使用了浅绿色和灰色来实现次级像素分割效果。2、像素分割技巧下面这些技巧都非常微妙，可以欺骗人类的眼睛。 1、弯曲形状这根绿色的藤蔓，AA放置的位置不同产生的效果也不同，虽然藤蔓的轮廓线完全一样。2、形状倾斜AA的方向和位置可以扭曲形状。 它可以在动画中提供额外的细微变化。3、细化形状通过添加更亮或更暗的颜色，可以使线条的粗线发生变化，虽然还是1像素，但是有粗线变化。 待续 像素画还被应用于装饰画，墙贴，家具、箱包、床品等文创产品设计。像素画也是设计和开发乐高玩具图纸的必备技术。…

作者：PixelLogic教你画像素画编译出品选择性勾边经常被误认为是边缘有AA的明暗勾边。本质上确实如此，但是它们有不同的用处。 为什么要打破轮廓线？因为打破轮廓的选择性勾边可以使物体与环境更好地融合。 像素画创作和游戏中，经常会出现一个物体叠加在另一个物体上的情况，精心放置的AA可以使边缘过渡更平滑。选择性勾边仅用于具有透明背景的图层。 如果物体在中性色环境中重叠，则选择性轮廓看起来更平滑。这完全取决于背景。 这些虚线通常在深色背景上效果不错。在明亮的背景下，它们看起来会有锯齿感。 如果对象仅出现在深色背景上，就可以安全地使用选择性勾边。事实上，这也是最佳策略！ 选择性勾边可以使角色在任何颜色的背景上清晰呈现。单色勾边和明暗勾边无法做到这一点。 怎样避免错误？选择性勾边时，尽可能少的分割轮廓线；完全避免全部使用选择性勾边，要混合使用其他勾边；勾边的同时使用AA。 依据不同的背景，可以给角色添加更亮或更暗的选择性勾边。如果角色通常出现在黑暗的场景中，就可以使用更暗的选择性勾边。 用次级像素来强化选择性勾边是非常有用的。待续…

作者：PixelLogic教你画像素画编译出品有没有观察过关闭AA抗锯齿的3D动画？使用3D渲染的光栅图形，可以轻松观察像素曲线的动画效果。 注意：当角色向下移动时，头部的尖端会缩小。为什么会这样呢？ 这是因为线条在移动时，遵循抛物线规律。精通数学的人可以使用公式f(x):x2 + n来表示抛物线运动。 当曲线向下移动时，尖端会扩展。每行的像素都会向两侧移动。 在某一点，曲线产生新行，然后循环继续。在动画中，锯齿感不再是问题，因为观众只能在一瞬间看到。 但是，当曲线弹出新行或缩小到较低行时，应该避免过渡到单个像素。弹出形状和线条时，至少应为2-3个像素次级像素化动画制作方法：1、复制一个帧，稍微编辑它；2、在帧之间来回切换，检查像素是如何移动的！ 下面是次级像素动画的一般规则。次级像素的方向遵循线条的方向，而不管动画的方向。 观察斗篷轮廓线的次级像素动画，虽然斗篷上下移动，但有时也会有左右运动的次级像素。如果你感到难以咧，可以手比出下图中的样子，拇指是动画运动的方向，不受线条和次级像素的英雄，另外两个手指（线条和次级像素）通常方向一致。…

传统学画的最终目标是创作多人+场景。对于独立游戏开发者可以有更加短平快的方式来画游戏角色，仅限于2-3头身，也就是Q版游戏角色。 原因在于Q版游戏角色的重点在于角色五官和发型，只要画好发型和脸型，配上合适的五官表情，角色塑造就成功了一半。7头身的写实比例，对游戏美术的要求更高，游戏开发的成本也加倍。 对于绝大多数轻游戏和休闲游戏，Q版的美术风格更加适合。1、Q版游戏角色头像头像可以简化为球体来画，五官可以简化为1像素线条，首先画出头像素体，有需要的话可以画多方向。 如果直接画这样的都很苦手，那可以在网上找免费的素体用，或者修改已有的素体，比如rpgmaker的素体。然后再根据开发需要添加发型和细化五官，就可以获得不同的角色。 像素画新手角色设计师，一个很好的练习是在素体的基础上画出N个不同的角色。2、Q版游戏角色身体Q版游戏角色身体可以和头部一样处理成稍小的椭球体。 可以直接复制头部，擦去五官，新建图层放到脑袋下面即可。为了突出胸部，可以将下半部分涂上暗部颜色。 3、Q版游戏角色四肢四肢可以简化为较小的圆柱体，方便制作动画。Q版游戏角色手可以简化为圆球，或者只保留大拇指，类似米老鼠的处理方式。 4、Q版游戏角色动画制作动画的时候，可以以关节点为轴心旋转。具体方法如下：制作动画之前需要将角色身体拆分到不同的图层。 以下图片作者均为シガタケ（SHIGATAKE）以关节为轴心旋转或摆动。为了降低难度，可以依次来制作动画，比如制作角色奔跑动画，可以先做手臂的摆动，再做腿的摆动。 再制作头发的摆动。最后合成，制作整个身体的上下起伏。…

教你画像素画编译出品AA会被应用在像素画动画的每一帧，像素动画中的AA就是次级像素的一种。次级像素动画，也就是滑动的AA可以模拟出物体运动错觉。 下面是没有次级像素的史莱姆待机动画，效果是不是差好多？这个蓝色史莱姆有一个选择性勾边，内部有AA。 当它上下起伏时，轮廓线会随着上升而伸展，导致出现新的像素行。没有AA的轮廓线可以直接移动。 当引入新颜色时，就需要根据颜色渐变添加次级像素。这只大象动画非常生动！ 为了便于学习，我们将仔细研究大象的耳朵动画。为了便于查看，我会减少耳朵动画的颜色和帧数。 全彩色 –  5帧动画，其中耳朵向左移动。减少颜色 – 白色箭头显示次级像素的运动方向对于次级像素的AA，建议使用尽可能少的颜色渐变。…

教你画像素画编译出品玩家或观众大多数会关注角色的脸部和眼睛。因此最好避免对脸部添加次级像素。 当角色仅移动1个像素时，仍然可以使用次级像素来增加动画帧数，但中间帧看起来会非常模糊 – 即使在比较快速的帧速率下也是如此。应用次级像素的中间帧动画细腻，非常时髦，毕竟，这些帧只会出现一瞬间。 你不会希望这些有下次的帧停留太长时间。无论使用何种技术，都可以通过复制帧来制作次级像素。 一个好的解决方案是让中间帧尽可能的与关键帧保持一致。保持一致性的简单方法是：有多个帧，其中面部五官在2个位置之间移动（五官不添加次级像素），但是头部，身体和它周围的一切增加次级像素移动。 如果五官添加次级像素，会降低可读性。待续 像素画是独立游戏开发首选美术风格，深受小众玩家欢迎。像素画还被应用于装饰画，墙贴，家具、箱包、床品等文创产品设计。 像素画也是设计和开发乐高玩具图纸的必备技术。像素画制作简单，上手容易，任何人都可以在短时间内学会。 我们以不限于文字，图片，视频的方式免费教你画像素画。▼点击阅读原文搜索更多教程

1、曲线次级像素这是阿拉丁投掷苹果动画的第7帧和第8帧。第7帧过渡到具有次级像素的第8帧。 将AA同时沿垂直和水平方向移动，就可以实现45度方向的动画。在视觉上就实现了手臂弯曲的效果。 上面角色的头发动画一共有6帧，是一个完整的圆周运动。但是我们都知道像素画都是方块，方块只能垂直或水平移动。 2、强烈的次级像素位移通过研究3D渲染的角色，可以更好地理解高级次级像素。3D渲染角色的像素都是计算机自动生成的。 某些2D角色的待机动画，看起来非常复杂，几乎不能手工进行次级像素化。但是他们仍然值得学习。 找出动画开始和停止的关键帧。剩余的中间帧就是次级像素应用的舞台。 3、次级像素微移次级像素微移，所有的运动都发生在角色内部。这种效果只是移动的像素颜色。 最精细的次级像素对振动效果非常有用，例如：当颜色很少的时候，无法使用AA（次级像素）。相反，在角色内部也可以移动像素，原理与移动次级像素相同。 移动像素之外，也可以使用AA，但请使用角色中已有的颜色。除非绝对必要，否则不要增加新颜色。 待续…