Category: foundation
西村将由像素画教科书:AA手工抗锯齿
摘要:西村将由像素画教科书:AA手工抗锯齿 关键词:日本,西村将由,像素画,新手教程,AA,手工抗锯齿 西村将由像素画教科书,这套系列教程是偏新手向的基础课程,适合0基础和新人入门。由于编写的年代比较早,使用的软件是Windows画图。 像素画AA手工锯齿像素画是由像素方块组成,不可避免的会产生许多缺口。像素画家使用中间颜色来过渡,就可以在视觉上产生抗锯齿效果。 下图左边版本没有AA,右边版本增加AA。加AA的版本会更圆滑。 AA手工锯齿原理为了说明AA原理,我们来看下面的线条(像素阶梯为2,1,2,1,2,1…),图片左上角为黑色到白色到渐变颜色。我们使用中间色3,替换阶梯2中与阶梯1对角连接的像素,并且在阶梯1与阶梯2对角连接的地方增加1个中间色3的像素。 这样就给线条(像素阶梯为2,1,2,1,2,1…)增加了AA手工抗锯齿。一般AA只添加1个中间色即可,当然也可以继续添加。 不过AA加太多,会使像素画变得不清晰,新手请谨慎添加AA。什么是中间色中间色可以目测也可以计算颜色值得出,中间色是统称,即两个颜色之间的过渡颜色。 下图中第二行左1颜色RGB值为0,0,225;右1颜色RGB值为255,0,0;那么中间色RGB值为122,0,122。由于抗锯齿发生在2个像素方块之间,因此只要有2个颜色,就可以通过计算得出AA中间色的色值。 方便理解的AA辅助线可以使用AA辅助线帮助你理解AA原理。1、新建一个网格画布,,然后在画布上画一根红线2、从上到下:观察绿格子和左右两边的网格第1个绿格子:红线完全在中间的网格,填充100%黑色;第2个绿格子:红线在1、2中有一部分,绿格子和左边的格子填充50%黑色;第3个绿格子:红线主要在中间的网格,绿格子填充75%黑色,左边的格子填充25%黑色。…
西村将由像素画教科书:像素画线条基础
摘要:西村将由像素画教科书:像素画线条基础 关键词:日本,西村将由,像素画,新手教程,线条 题图:CAPCOM街机游戏《异形大战铁血战士》西村将由像素画教科书,这套系列教程是偏新手向的基础课程,适合0基础和新人入门。由于编写的年代比较早,使用的软件是Windows画图。 干净的像素画像素画的特点和基本要求在于干净。干净的像素画,观众可以看清楚每一个像素方块的颜色和位置,这种视觉感官上的掌控感会使人感觉到舒适。 一幅像素画可以在观众眼前完全敞开,没有秘密。草图和干净的像素画而其他画种则无法做到完全敞开。 且不说学习绘画价格高昂,还把画画当作天赋,让很多人望而却步。其他画种如数码插画、水彩和油画都会隐藏笔触,显露笔触被认为是初学者,即便是画速写和素描的画家也会尽量隐藏自己的笔触。 反观像素画,自学是免费的,网上有大量的文字和视频教程,像素画的每一个像素方块的颜色和位置也是一目了然,清晰可见。因此当你用1像素铅笔工具画好草图之后,需要清理像素,让你的像素画作品变成干净的像素画。 正方形像素画学习从形状开始,首先是正方形。要画出正方形,需要竖线和横线。 像素画竖线和横线非常好画,在画图软件中按住shift即可画出直线。比较难的是不同角度的正方形。 下面图片中例举了最常见的3种正方形。1、规矩的正方形2、45度正方形,由1像素角线连接而成。…
PixelLogic像素画教程:次级像素运动方向
作者:PixelLogic教你画像素画编译出品有没有观察过关闭AA抗锯齿的3D动画?使用3D渲染的光栅图形,可以轻松观察像素曲线的动画效果。 注意:当角色向下移动时,头部的尖端会缩小。为什么会这样呢? 这是因为线条在移动时,遵循抛物线规律。精通数学的人可以使用公式f(x):x2 + n来表示抛物线运动。 当曲线向下移动时,尖端会扩展。每行的像素都会向两侧移动。 在某一点,曲线产生新行,然后循环继续。在动画中,锯齿感不再是问题,因为观众只能在一瞬间看到。 但是,当曲线弹出新行或缩小到较低行时,应该避免过渡到单个像素。弹出形状和线条时,至少应为2-3个像素次级像素化动画制作方法:1、复制一个帧,稍微编辑它;2、在帧之间来回切换,检查像素是如何移动的! 下面是次级像素动画的一般规则。次级像素的方向遵循线条的方向,而不管动画的方向。 观察斗篷轮廓线的次级像素动画,虽然斗篷上下移动,但有时也会有左右运动的次级像素。如果你感到难以咧,可以手比出下图中的样子,拇指是动画运动的方向,不受线条和次级像素的英雄,另外两个手指(线条和次级像素)通常方向一致。…
像素画基础教程:如何将原画或位图转画为像素画?
图片作者:DYA Games教你画像素画原创教程。摘要:如何将原画或位图转画为像素画? DYA Games使用的软件是idraw3,非常适合创作Tile以及小尺寸的像素画角色和动画。准备工作在开始画之前,先准备好需要的素材和 参考资料。DYA Games将一张45度回合制游戏截图作为角色斜向站立的透视参考,要勇者斗恶龙8的主角,所以找了一张主角的背面设定图,最后像素画角色使用街头霸王的风格(线条,明暗,色调等),所以有一张春丽的像素画图片。 万事俱备,就可以开始画了!形状优先我在教程里反复强调很多次,就是形状优先,因为人类的眼睛大脑会优先自动识别形状。 因此首先用大笔触画出角色的身体即可,椭圆代表头部,再画一个代表身体,不规则的形状分别代表四肢。形状调整,明暗上色首先使用固有颜色画出特定的部分,比如头巾。 为了表现立体感,会画出至少2个颜色,1个代表中间调,1个代表亮部。不断调整形状用不同的颜色来区分不同的部位,不断调整形状。 想一次画准形状,对像素画来说是不太可能的,准确传神的形状是经过多次尝试和修改之后完成的。宝剑和盾牌这样的道具可以在角色大致形状完成之后添加。…
鲭戸昭史像素画教程:像素画AA手工抗锯齿技术
摘要:鲭戸昭史像素画教程:像素画AA手工抗锯齿技术 关键词:日本,像素画,AA,手工抗锯齿 本文共736个字,阅读大约需要3分钟。题图:Lik像素画的特点像素画是由方块组成的,这使像素画拥有极高的辨识度,但同时也带来强烈的锯齿感。 (马赛克感觉)随着电脑性能不断提示,位图、矢量、3D开始大规模应用,像素画使用范围越来越窄。其中一个最明显的例子就是电脑系统图标越来越高清和华丽。 比1像素更细的线新问题来了,能不能画出比1像素更细的线?像素画最小单位就是1像素(方块),有1/2像素吗? 没有。那怎么才能画出比1像素更细的线? 通过颜色渐变就可以画出比1像素更细的线。用渐变颜色去画1像素直线,就会在视觉上产生线条越来越细的感觉,这实际上利用了人眼比颜色的视错觉。 眼睛和大脑会认为较亮的颜色面积比较大会膨胀;而较暗的颜色面积小会收缩。利用这个原理,比较胖的女生穿深色衣服可以使自己看起来比较瘦;脸大的女生可以留长发,可以使脸看起来变小。 即使不用渐变,只要改变线条的颜色,就会使线条粗细在视觉上发生改变。你学会了吗? 怎样消除像素画锯齿感?像素画形状都会有台阶一样的锯齿,怎么消除锯齿感?…
鲭戸昭史像素画教程:像素画线条使用规则和分析
摘要:鲭戸昭史像素画教程:像素画线条使用规则和分析 关键词:像素画,线条,规则,分析 本文共946个字,阅读大约需要3分钟。 像素画线条其实是像素方块的边缘,因为像素画最小单位是1像素方块,方块本身就有4条边线。 如果要画1像素的轮廓线,会占用很大的空间。因此绝大多数小尺寸像素画都是没有轮廓线的。 但是像素画清理线条的时候,必须要了解像素画线条的使用规则。对像素画线条还不能熟练使用的朋友,请耐心看下去吧。 像素画常用线条像素画线条,按字面意思理解就是由像素组成的线条。最常用的有垂直线,水平线,45度斜线。 这些线画起来没有难度,新人也可以1秒钟掌握。像素画不规则线条使用规则比较难掌握的是不规则像素画线条,但是不规则线都是有规则的。 遵循规则的不规则线看起来也比较舒服。具体规则如下图所示。 第一个线条完全没有规则,看起来线条就会显得歪歪扭扭。第二个线条以红框内的像素画形状为基本单位,按顺序连接,线条看起来就会直很多。…
PixelLogic像素画教程次级像素应用:选择性勾边
作者:PixelLogic教你画像素画编译出品选择性勾边经常被误认为是边缘有AA的明暗勾边。本质上确实如此,但是它们有不同的用处。 为什么要打破轮廓线?因为打破轮廓的选择性勾边可以使物体与环境更好地融合。 像素画创作和游戏中,经常会出现一个物体叠加在另一个物体上的情况,精心放置的AA可以使边缘过渡更平滑。选择性勾边仅用于具有透明背景的图层。 如果物体在中性色环境中重叠,则选择性轮廓看起来更平滑。这完全取决于背景。 这些虚线通常在深色背景上效果不错。在明亮的背景下,它们看起来会有锯齿感。 如果对象仅出现在深色背景上,就可以安全地使用选择性勾边。事实上,这也是最佳策略! 选择性勾边可以使角色在任何颜色的背景上清晰呈现。单色勾边和明暗勾边无法做到这一点。 怎样避免错误?选择性勾边时,尽可能少的分割轮廓线;完全避免全部使用选择性勾边,要混合使用其他勾边;勾边的同时使用AA。 依据不同的背景,可以给角色添加更亮或更暗的选择性勾边。如果角色通常出现在黑暗的场景中,就可以使用更暗的选择性勾边。 用次级像素来强化选择性勾边是非常有用的。待续…
Pedro Medeiros 像素画如何表现木头纹理呢?
作者:Pedro Medeiros教你画像素画编译出品摘要:详细而全面的介绍了各种木头的画法树根 从填充了固有色的基础形状开始画木头 顺着木头的结构添加阴影 使用明暗反差大的颜色画出年轮 使用深色画出纹理的边界线 然后根据每个部位的受光情况提亮纹理块 添加额外的细节, 比如小草,巨大的裂纹等等木板 从木板的整体形状入手,注意木板是有厚度的…
像素画技巧AA手工抗锯齿教程
像素画技巧AA手工抗锯齿教程AA手工抗锯齿是像素画家解决像素画锯齿感的秘密武器。早期的计算机性能很差,像素画家没有条件画尺寸较大颜色较多的作品,因此像素画的锯齿感都很强烈。 随着计算机性能的飞速发展,像素画家在尺寸和颜色上的限制越来越少,但是为了提高效率和降低成本,像素画的尺寸和颜色使用都非常节制(像素画尺寸越大颜色越多,生产的成本就越高)。颜色不受限,AA手工抗锯齿这个技术就登上了历史舞台。 AA手工抗锯齿实际例子完美像素是指直线和45度像素线,这样的线条不需要加AA。2像素阶梯理论上也可以不加AA,但是2像素阶梯已经有明显的锯齿感,可以加1像素过度颜色AA,使阶梯更圆润平滑。 仔细观察下面这个例子,就可以知道AA手工抗锯齿实际上就是添加白色阶梯和深灰色背景之间过度颜色。AA有内外之分,即向内过度和向外过度。 拉一条红色辅助线,可以看到红色辅助线和白色阶梯之间形成了很多直角三角形,直角三角形直角的那个角落很空,正是这个很空的角落导致锯齿产生,作为过度颜色AA的那个像素填满这个角落之后,就间接消除了锯齿感。下面这个例子看小图,会很容易发现锯齿和突兀的感觉。 应该怎样添加AA消除锯齿感呢?经验丰富的像素画家肉眼观察就可以开始画了。 新手可以借助辅助线。一画辅助线,哪里需要加AA一目了然。 曲线或圆怎么办?辅助线依然有效哦。 画一个圆,就可以看到1的位置比较空,2的位置比较满。因此1的位置需要添加AA(向外过度),而2的区域需要用AA来代替原来的白色像素(向内过度)。 这样就能获得比较圆润的像素圆。新手绝对不能依赖辅助线,而应该训练自己的眼睛和眼力。…
imonk像素画教程:Selout选择性勾边
imonk像素画教程:Selout选择性勾边摘要:imonk像素画教程:Selout选择性勾边关键词:imonk,像素画,教程,Selout,选择性勾边Selout选择性勾边今天想谈一谈选择性勾边或 “selout”。什么是选择性勾边? 这个定义可能有点复杂,简单的理解方法是把它看成是一个有明暗的轮廓线。kxUpMe因此,通常像素画有3种轮廓线样式。 (A) 不画轮廓线。(B) 黑色轮廓线。 (C) Selout:有明暗的轮廓线。新手如果想学会Selout,从黑色轮廓线开始画会比较简单。 看下面这个像素画苹果,有一圈黑色外轮廓线。现在用Selout取代黑色轮廓线。 要做到这一点,需要确定光源的位置。将光源放在4个苹果的中心,被光线照射到的轮廓线颜色就会亮一些,见下图。…