Category: 抗锯齿AA
手工抗锯齿(AA):何时使用、怎么画、逆向AA与常见错误。
Suguru.T像素画教程:像素画AA手工抗锯齿
摘要:Suguru.T像素画教程:像素画AA手工抗锯齿 关键词:Suguru.T,像素画教程,AA,手工抗锯齿 本文共806个字,阅读大约需要2分钟。来自日本的像素画家Suguru.T,主要使用Windows画图软件画像素画。 Suguru.T工作的时代还没有Aseprite,我建议大家使用Aseprite画像素画。注意:AA仅适合已经入门像素画的朋友;不建议0基础新手画AA,因为即使不画AA,也一样可以画出好看的像素画。 选择性勾边Selout继续深入刻画,就需要处理黑色轮廓线。我们将轮廓线也按照明暗规律来处理,就是Selout选择性勾边。 简单的说,就是使用深浅不一的颜色来替代黑色轮廓线。这样做的好处是可以大大降低,黑色轮廓线对整体画面的黑化影响,使颜色更丰富细腻。 具体效果如下图:AA手工抗锯齿紧接着,我要介绍有经验的像素画家常用的AA手工抗锯齿技巧。为什么要使用AA? 观看下图可见,小狗嘴角的线条慢慢变细,使用通常的像素画线条是无法表现这种线条渐渐变细的感觉。使用AA技巧,就可以暗示出嘴角线条变细的视觉效果。 具体的方法就是:改变像素方块的颜色,嘴巴线条上的像素方块颜色越浅,在视觉效果上就会越细。下图中左边是正常的像素画嘴巴线条,右边是使用了AA技巧的像素画嘴巴线条。 AA原理AA的原理很简单,就是通过增加中间色过渡,达到软化锯齿的效果。在下面的图片中,分别在绿色圆圈的内部和外部都添加了AA,内部添加了深绿色过渡,外部添加了灰色过渡。…
像素画家AA手工抗锯齿基础
摘要:像素画家AA手工抗锯齿基础 关键词:像素画,AA,手工抗锯齿,基础 本文共2118个字,阅读大约需要5分钟。 像素是什么? 像素是数字显示器显示介质的最小单位。这些像素的排列创造一种叫做“网格”,它被隐含的垂直线和水平线划分各个正方形像素。 抗锯齿什么?抗锯齿是一种用于颠覆网格限制并创建平滑形式和混色的视错觉技术。 在数码艺术中,默认情况下几乎总是对笔触进行抗锯齿处理,以模拟传统绘画的平滑效果。手工抗锯齿是什么? 根据定义,像素画不使用抗锯齿工具,因此被认为是锯齿。尽管它看起来似乎违反直觉,但抗锯齿(在像素画世界中通常称为“AA”)可能会应用于像素画,但必须谨慎地手工应用。 从左到右:自动抗锯齿,无抗锯齿,手工置抗锯齿。正确使用AA为了正确使用AA,您必须了解明度(有时也称为亮度),这意味着每种颜色都有明暗度度量。 当颜色相邻放置时,我们的大脑会下意识地解释像素的相对值,从像素中获取有关其组成的形式,位置和亮度信息。AA利用像素感知值的细微变化来创建“破坏网格”的错觉,以便传达该网格内技术上无法实现的形式和细节。…
西村将由像素画教科书: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%黑色。…
鲭戸昭史像素画教程:像素画AA手工抗锯齿技术
摘要:鲭戸昭史像素画教程:像素画AA手工抗锯齿技术 关键词:日本,像素画,AA,手工抗锯齿 本文共736个字,阅读大约需要3分钟。题图:Lik像素画的特点像素画是由方块组成的,这使像素画拥有极高的辨识度,但同时也带来强烈的锯齿感。 (马赛克感觉)随着电脑性能不断提示,位图、矢量、3D开始大规模应用,像素画使用范围越来越窄。其中一个最明显的例子就是电脑系统图标越来越高清和华丽。 比1像素更细的线新问题来了,能不能画出比1像素更细的线?像素画最小单位就是1像素(方块),有1/2像素吗? 没有。那怎么才能画出比1像素更细的线? 通过颜色渐变就可以画出比1像素更细的线。用渐变颜色去画1像素直线,就会在视觉上产生线条越来越细的感觉,这实际上利用了人眼比颜色的视错觉。 眼睛和大脑会认为较亮的颜色面积比较大会膨胀;而较暗的颜色面积小会收缩。利用这个原理,比较胖的女生穿深色衣服可以使自己看起来比较瘦;脸大的女生可以留长发,可以使脸看起来变小。 即使不用渐变,只要改变线条的颜色,就会使线条粗细在视觉上发生改变。你学会了吗? 怎样消除像素画锯齿感?像素画形状都会有台阶一样的锯齿,怎么消除锯齿感?…
像素画技巧AA手工抗锯齿教程
像素画技巧AA手工抗锯齿教程AA手工抗锯齿是像素画家解决像素画锯齿感的秘密武器。早期的计算机性能很差,像素画家没有条件画尺寸较大颜色较多的作品,因此像素画的锯齿感都很强烈。 随着计算机性能的飞速发展,像素画家在尺寸和颜色上的限制越来越少,但是为了提高效率和降低成本,像素画的尺寸和颜色使用都非常节制(像素画尺寸越大颜色越多,生产的成本就越高)。颜色不受限,AA手工抗锯齿这个技术就登上了历史舞台。 AA手工抗锯齿实际例子完美像素是指直线和45度像素线,这样的线条不需要加AA。2像素阶梯理论上也可以不加AA,但是2像素阶梯已经有明显的锯齿感,可以加1像素过度颜色AA,使阶梯更圆润平滑。 仔细观察下面这个例子,就可以知道AA手工抗锯齿实际上就是添加白色阶梯和深灰色背景之间过度颜色。AA有内外之分,即向内过度和向外过度。 拉一条红色辅助线,可以看到红色辅助线和白色阶梯之间形成了很多直角三角形,直角三角形直角的那个角落很空,正是这个很空的角落导致锯齿产生,作为过度颜色AA的那个像素填满这个角落之后,就间接消除了锯齿感。下面这个例子看小图,会很容易发现锯齿和突兀的感觉。 应该怎样添加AA消除锯齿感呢?经验丰富的像素画家肉眼观察就可以开始画了。 新手可以借助辅助线。一画辅助线,哪里需要加AA一目了然。 曲线或圆怎么办?辅助线依然有效哦。 画一个圆,就可以看到1的位置比较空,2的位置比较满。因此1的位置需要添加AA(向外过度),而2的区域需要用AA来代替原来的白色像素(向内过度)。 这样就能获得比较圆润的像素圆。新手绝对不能依赖辅助线,而应该训练自己的眼睛和眼力。…
Luke像素画教程:像素画AA手工抗锯齿指南
Luke像素画教程:像素画AA手工抗锯齿指南作者:Luke asa[1]编译 | 三二 (转载请注明出处)。如果你是0基础的像素画爱好者,不知道如何开始学像素画,可以考虑跟着Luke的教程来学习像素画。 像素画AA手工抗锯齿像素画AA手工抗锯齿是一个难度很大的技巧,但是这个技术可以大大提高像素画的表现力。简单的说,AA就是使用渐变颜色填充像素线条之间的台阶空当,来减弱像素画的锯齿感。 下图的圆圈,左边没有AA,右边添加了AA,右边比左边更圆滑。过度使用AA会导致像素画变模糊,得不偿失。 使用渐变色画出AA在需要添加AA的颜色和背景色之间,挑选出渐变色,使用渐变色画出AA。AA渐变颜色建议1-2个像素1像素的阶梯可以不加AA;AA不宜超过3种颜色,通常情况1-2个颜色的AA就可以满足需求。 简易AA添加步骤首先画出需要添加AA的颜色和背景色之间的渐变颜色1-4个。然后根据像素阶梯的台阶宽度添加AA,1像素台阶可以不加,2像素台阶加1AA,3像素及以上加2AA。 你还可以使用AA修改轮廓线,这样有助于减少模糊。…
AA高级教程:如何开始制作像素画#4
“ 摘要:AA高级教程:如何开始制作像素画#4”作者:Pedro Medeiros教你画像素画编译出品Pedro Medeiros在Medium更新的像素画系列教程,这是新系列的第4篇。人们为什么讨厌锯齿/马赛克? —人们不喜欢马赛克和低分辨率的原因在于,马赛克使图片不容易被识别。通俗的讲就是模糊,看不清楚,看不到细节! 像素画通过AA手工抗锯齿技术来对抗锯齿感,提高像素画的清晰度。如下图所示,第一张图有锋利的边缘,特别是在火焰周围。 在某些区域很难理解发生了什么。这是因为像素画是低分辨率数码艺术。 需要将“线条”与实际像素分开。像素画的绘画过程就是将线条转换为低分辨率,并决定填充哪些像素。 有些像素位于线条内部,因此它们会被填满,有些像素在线条外面,所以它们不需要画出来。问题是有些像素一半在线条内。 消除锯齿就是在1/2像素所在的位置填充一些颜色合适的像素,用来形成更柔和的过渡。怎样画出AA? —以线条为例。理论上,中间色像素在缩小时计为1/2像素。…
笨办法学像素画:AA手工抗锯齿使用指南
“ 摘要:笨办法学像素画:AA手工抗锯齿使用指南”教你画像素画原创教程AA,英文anti-aliasing,抗锯齿的意思。像素画家需要控制每一个像素的位置和颜色,抗锯齿当然也必须手工完成。 软件程序算法生成的AA,被禁止用在像素画里面。最早的FC游戏像素画是没有AA的,原因是颜色不够。 因为增加AA意味着增加颜色。在SFC超级任天堂主机的游戏中,比较容易找到AA的使用痕迹,16位主机颜色数量增加,游戏美术质量得以大幅度提升。 熟练使用AA的前提是掌握明暗画法。AA原理—AA的原理和抖动差不多。 主要依赖于人眼的颜色混合。某种程度上可以将AA理解为一种明暗层次。 下图是SFC版最终幻想,女主举起宝剑时的特效光芒,像素画家使用白色和不同层次的灰色来表现光芒的衰减。这是因为浅颜色像素在视觉上比较细,深颜色像素在视觉上比较粗。 所以虽然都是方块像素,但是在视觉上给人一种光芒四射的感觉,光束到末尾逐渐消失。AA就是通过添加过渡颜色像素,以达到在视觉上平滑的效果。 SFC版最终幻想的人设是天野喜孝做的,非常唯美,要想在40X40像素的空间里画出天野喜孝的感觉,不用AA恐怕是不行的。越是偏写实的像素画,必然需要使用AA。 这也是我建议新手一开始画极简像素画的原因,不需要考虑明暗和AA。注意人物的眼睛,使用AA。 不使用AA。AA用在哪里?…
MortMort系列教程:AA手工抗锯齿指南
“ 摘要:AA手工抗锯齿指南”作者:MortMort教你画像素画编译出品AA手工锯齿到底是啥?简单的理解就是过渡颜色。 AA的主要用处有3个:掩盖瑕疵弯曲线条软化边缘少即是多—AA的原则少即是多,能不用尽量不用。因为增加1个AA即增加1个颜色,AA用的越多则颜色越多,越模糊。 添加AA的原理:像素线条是以方块像素连接的,因此只要像素线条角度大于0度,就会产生缝隙。用比线条颜色更淡的中间色去填补这些空隙,由于视觉混合现象,看起来就好像这些空隙被填满了,因此线条也会看起来更加圆滑,锯齿感被减弱。 游戏角色的识别度—AA还可以增强游戏角色的识别度。游戏角色会在各种不同颜色场景中活动,因此早期的大多数游戏角色都会勾上黑边。 然后在角色内部使用AA,和明暗一起搭配使用,增强角色的立体感。线条AA—线条也可以使用AA,需要选择正确的过渡颜色。 角色AA范例—AA常见的地方:线条拐角处需要表现线条变细区分不同部位的分割线完。
像素画高级教程:AA手工抗锯齿
作者:RHLPixels教你画像素画编译出品摘要:在开始讲解AA(手工抗锯齿)之前,我想说这不是必需品。如果你有简洁的线条,能够处理好形状和边缘,那么你也可以不使用AA,使用AA是个人选择和偏好。 像我之前说的AA是将两种颜色混合,所以我们的目标是将颜色放在圆和背景颜色之间,使圆融合到背景中去。大多数时候,少即是多。 一个像素的AA就可以了。如果要保持简单,你只需要在3个像素以上的线条上使用AA。 因为2像素看起来很干净,除非有特殊的目的。另外1像素也不需要AA,添加AA会使线条模糊。 如果一定要给2像素线加AA,会使线条变模糊且融合到背景中去。那么线条多于3像素怎么办呢? 这就需要加入更多的AA像素。添加2像素的AA可以更好的融合物体到背景中去。 线条也同样可以添加1-2像素的AA。一种颜色意味着稍微粗的线条,使用2种颜色意味着更细的线条。 线条的像素阶梯也可以通过AA来连接。记住,AA是线条的延伸。 如何知道该使用什么颜色来画AA呢?你的颜色将是要混合颜色之间的一种色调。 在决定AA的颜色时,还有很多事情需要考虑。注意图片A和B中白色箭头所指的位置。…