Posted in Uncategorized

PixelLogic像素画教程次级像素应用:选择性勾边

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

Continue Reading... PixelLogic像素画教程次级像素应用:选择性勾边
Posted in Uncategorized

PixelLogic像素画教程:次级像素运动方向

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

Continue Reading... PixelLogic像素画教程:次级像素运动方向
Posted in Uncategorized

独立游戏开发:不懂人体结构如何设计Q版游戏角色?

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

Continue Reading... 独立游戏开发:不懂人体结构如何设计Q版游戏角色?
Posted in Uncategorized

PixelLogic像素画教程:次级像素运动

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

Continue Reading... PixelLogic像素画教程:次级像素运动
Posted in Uncategorized

PixelLogic像素画教程:次级像素可读性

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

Continue Reading... PixelLogic像素画教程:次级像素可读性
Posted in Uncategorized

PixelLogic像素画教程:高级像素位移

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

Continue Reading... PixelLogic像素画教程:高级像素位移
Posted in Uncategorized

Pedro Medeiros系列:独立游戏像素画角色跳跃动画教程

作者:Pedro Medeiros翻译:教你画像素画像素画游戏角色简单的跳跃动作有2种。1种是原地垂直跳跃;1种是向前跳跃。 向前跳跃加速度需要大于0。为跳跃动画增加烟雾特效,效果会更好。 现在来完整到分析跳跃动画。1、角色在起跳之前需要蓄力,具体动作可以是角色下蹲,适当夸张一些(即角色下蹲时会拉宽)效果会更好。 2、蓄力结束就可以起跳了。起跳到时候角色可以拉长一些,这也是夸张。 3、跳跃动作可以拆分为2部分,第1部分起跳上升到最高点;第2部分力尽开始下落到地面。这里需要注意,角色下落到时候,双手会举高。 通过手臂到不同姿势来区分跳起和下落。4、下落阶段,手臂举高,眼睛看下面;头发,衣服等较轻的物体可以随风晃动。 5、接触地面,角色会受到地面的反作用力,因此在恢复为站姿之前需要先下蹲泄力。现实中如果你从高处往下跳,身体也会不自觉下蹲弯曲膝盖,不然腿可能会断。 完。 像素画也是设计和开发乐高玩具图纸的必备技术。像素画制作简单,上手容易,任何人都可以在短时间内学会。…

Continue Reading... Pedro Medeiros系列:独立游戏像素画角色跳跃动画教程
Posted in Uncategorized

怎样画像素画第7篇:像素画线条

译 | 三二 (转载请注明出处)。你无法在现实世界中看到线条,但线条有助于我们划分空间,创造纹理并描述物体的体积和方向。 下面是Phil的线条作用示意图。线条可以区分形状;表现立体感;区分颜色;表现纹理。 在像素画中,尺寸小空间有限。由于每一个像素都很重要,因此使用线条会很奢侈(大多数时间可以直接用形状来画像素画)。 因此,如果作品的分辨率非常低,就不建议使用线条。如果要保持像素画的干净Clean,最大限度地减少线条数量是一个好主意。 下面图片中从左到右不断减少线条。用阴影或颜色对比替换不必要的线条。 将线条与阴影合并也可以使作品看起来更加统一和自然。像素杂点使用Aseprite画像素线条时,会出现无意义的杂点,你可以自己清理也可以勾选完美像素选项来解决。 完美像素并不总是完美的,你仍然需要知道如何手工清理干净线条。有一个简易的检查方法:每当你看到一个角落(3或4个像素形成一个方形)时,问问自己这是否真的是一个角落。…

Continue Reading... 怎样画像素画第7篇:像素画线条
Posted in Uncategorized

PixelLogic像素画教程:像素画动画运动模糊

文 | 三二 (转载请注明出处)。通常使用运动模糊的动画速度都很快。 在格斗游戏角色动作中有大量使用。倍数帧这种技巧是运动模糊的替代版本。 如果动作是快速循环进行的,就可以使用倍数帧。比如街霸里面春丽的无影脚,隆的旋风腿。 使用抖动模糊的游戏现在几乎看不到了,因为这种技术仅适用于CRT显示器,而在目前的显示器和手机屏幕上效果很差。超调超调是指角色攻击到最高点,再往前一点点,这有点像弹簧。 比如下面Karin在打出勾拳到最高点后略微下降了一点高度,下降的原因在于增加了超调帧。我觉得反回来理解会更容易,即每次画完角色攻击帧,再略微缩回一点。 这个回调动作非常细微,可能玩家看不到它,但是可以感觉到。回调可以和运动模糊一起使用,效果更佳。 使用夸张的拉伸,角色本身也会出现回调。回调不局限于平面,3D透视角度下也适用。…

Continue Reading... PixelLogic像素画教程:像素画动画运动模糊
Posted in Uncategorized

网友问答:乔丹标志怎么画?Aseprite快速画像素画方法

文 | 三二 (转载请注明出处)。你可以将现有的照片或图片转画为像素画(Trace),可以将自己画的图案转画为像素画(创作),也可以将参考图片放在一边,然后直接画像素画。 因此像素画不管是临摹还是创作都不难哦。准备好图片Get Ready画像素画之前需要准备好图片或图案,类似乔丹标志这样颜色单一的图案非常好画。 跟我一起来画吧。缩小图片Resize Image使用Aseprite打开图片,缩小图片。 使用菜单命令Sprite-Trim,软件会自动裁切图片,获得白色小人部分。使用菜单命令Sprite-Sprite Size,设置Width宽为40像素,因为A5手绘像素画的尺寸大约为40X27像素,最宽的边尽量不要超过40像素。…

Continue Reading... 网友问答:乔丹标志怎么画?Aseprite快速画像素画方法