Category: 抗锯齿AA
手工抗锯齿(AA):何时使用、怎么画、逆向AA与常见错误。
笨办法学像素画: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用在哪里?…
RPGMaker官方像素画教程连载三:基础技术手工抗锯齿(AA)
像素画绘制的曲线带有锯齿感,如何消除锯齿感?手工抗锯齿(AA)就是为解决这个问题诞生的基础技术。 基本使用方法。AA实际上就是弱化像素曲线的锯齿感,使线条融入到背景色中。 使用AA,需要事先了解颜色的渐变效果。假设线条是黑色,背景是白色,那么越接近白色则越相融。 假如背景色变化,渐变色相应的变化,相同的原理同样适用。这里有一组效果的对比。 越靠右的线条下端越与背景相融。过量使用或错误的AA会使图片模糊。 用描边的方法进行AA是错误的。 使用相邻两个颜色来绘制AA。 基本规则:使用与相邻颜色相融的颜色。比如在这里与白色相邻的灰色比与黑色相邻的灰色更亮。 第2圈边线用同样的方法处理。 最后一圈,使用1个颜色即可。…
像素画基础技法AA白话详解
AA其实很简单,像素画都是方块,为了使画看起来圆滑,所以有了AA。AA就是手工抗锯齿,就是用渐变颜色造出一种圆滑假象。 AA是伴随游戏硬件发展而来,同屏颜色数增加,AA才有用武之地。美术就可以绘制更细腻的图片。 AA的主要作用,就是使2种颜色圆滑过渡。具体使用AA的场合根据实际需要由画家本人决定。 现在我们就来画一画AA。首先在白底上画2个黑圈,手工消除锯齿感。 然后再试试黑底上画2个白圈,手工消除锯齿感。 Tips: 画的时候只考虑有锯齿感部分的相邻像素即可; 另外如果你的作品尺寸特别小,用1个颜色也可以做AA,看下面的例子: 演示视频 6分钟。
Sprite Art像素画教程-AA抗锯齿基础
Sprite Art像素画教程-线条Sprite Art像素画教程-抖动基础AA的本质:增加颜色过渡让我教你像素艺术最重要的基础技术“ AA ”。当你使用Photoshop的画笔工具画画时,Photoshop就会使用算法来对所画的区域进行抗锯齿计算。 为了平滑一个对象,需要创建一个颜色到另一个颜色的渐变。从暗到亮让我们画一个简单的圆。 放大后的圆就会出现像素画的锯齿。AA的任务是使这个圆看起来“光滑”,我们将通过在锯齿状边缘依次放置过渡颜色像素来做到这一点。 在这里需要增加由深蓝色到白色的渐变颜色像素。使用比较亮的蓝色加在圆周的锯齿处,有了过渡色以后,看起来就会平滑。 但是如果加的太多,就会使图形模糊。一般AA,1-2个颜色的过渡就可以了。 需要注意的是,千万不要像下面这样来画AA。…
Sprite Art像素画教程-逆向AA
Sprite Art像素画教程-线条Sprite Art像素画教程-抖动基础Sprite Art像素画教程-AA抗锯齿基础AA是将两种颜色混合在一起,或者将对象融合到背景中。逆向AA是将对象从环境中分离出来的技术。 在开发游戏的时候,角色所在的背景颜色是千变万化的,所以用AA的思路去处理角色是不可取的了。因为背景颜色太多了,不可能去适配背景色画出AA。 无论角色在什么背景之上,我们希望角色的辨识度和外观都保持不变。解决方案就是在角色轮廓和背景色之间制造对比。 最简单的方式给角色画一个黑色轮廓线。 单纯的黑色轮廓线其实效果是很差的,会导致角色看起来黑糊糊的。 所以一定要加也只加外轮廓,内轮廓线不用黑色。 反过来添加黑色到蓝色的渐变像素。…
像素画基本功手工抗锯齿练习方法
学习方法还记得初学汉字时临摹的字帖吗?学习像素画基本功之一的AA(手工抗锯齿),也可以用类似的方法。 AA可以提高线条的平滑度和可读性。使用下面我发现的方法,任何人都可以快速的理解并掌握AA这一技术。 打开Photoshop或GIMP,输入大约9或10P的文本。目标是使所有的字母尽可能清晰可读,只能使用黑色,白色和50%的灰色(即1个抗锯齿颜色)。 字体应该是弯曲和简单的,可以是手写或其他脚本字体。下面是不同难度等级的练习。 初学者关闭抗锯齿选项,然后输入文字。尝试使用灰色平滑线条。 注意不要用太多灰色。画完可以眯起眼睛看看,能发现不少问题。 中级这个挑战是反向的AA,需要把模糊的字母改画成清晰的像素字。通过此练习,可以学会怎样使线条简洁。 高级找一个难以阅读的字体,并尝试初级和中级的练习。此练习可以提高概括力和想象力。 大师级输入文本,并旋转30度。识别非正常角度的文字,并用像素画出来。 让大脑习惯特殊的情况。这将使你有自信可以画出以前从未见过的人物或物体。…
pixel-logic像素画教程:手工抗锯齿技术
pixel32 编译 | 教你画像素画 出品一图胜千言,接下来的教程看图吧! 通过添加过渡颜色,手工抗锯齿技术(以下简称为AA)可以最大限度消除像素画的锯齿感。 仔细观察下面图片中过渡颜色放置的位置,通常放在两个颜色交界的地方。 To be or not…
pixel-logic像素画教程:什么情况下需要使用AA
pixel32 编译 | 教你画像素画 出品前一篇: 手工抗锯齿技术什么情况下需要使用AA下面我会教你一些技巧,帮助你理解哪里需要添加AA。1、平滑曲线下面是一些平滑曲线的例子,多出现在一些大尺寸的角色中。 像素的阶梯越长,需要的AA也越长。 虽然位图不是像素画,但是它们在技术上也是由屏幕上的像素组成。 其技术术语是光栅图形或简单的英文:“像素网格上的图像”。让我们放大一个非常水平的曲线。 然后将其与对角线进行比较。 概要…
像素画教程AA篇:像素块基础
摘要:像素画教程AA篇:像素块基础 关键词:像素画,像素图,马赛克画,AA,手工抗锯齿,理论,像素块 像素块是什么?像素块是由多个像素(方块)组成的有意义的形状。 通常代表游戏角色或场景的某个细节。像素块之间的关系首先看下NES游戏角色Samson。 依次用蓝色显示脸,发带和头发的像素块。NES只允许游戏角色有4种颜色(3个颜色+1个透明色)。 如果改变这些代表角色各种细节的像素快,会发生什么改变?注意不同像素块(脸、眼睛、耳朵)之间的关系是如何变化的。 NES(小霸王游戏机/任天堂红白机/8位机)游戏是学习像素画非常有用的工具,它使像素画初学者发现和了解像素块的力量,并尝试画出理想的像素块形状。AA是什么? 现在我们来看当代更复杂的像素画,像素块的案例。作者:Kenneth Fejer请观察用红色标记的像素块(头发下面阴影区域)。 在它周围有介于亮部浅绿和暗部深绿之间的中绿色。这个中绿色像素平滑了我们正在观察的像素块(头发下面阴影区域)。…
像素画学院:手工抗锯齿AA
题图摘要:某个大佬在Kickstarter众筹成功,制作了一套像素画教程 ……关键词:像素画教程,手工抗锯齿,AA网上有很多关于抗锯齿像素画教程,告诉你如何做到这一点(将中间色像素放置在对角线的边缘),但很少有人解释能解释清楚。手工抗锯齿的要点:与几何形状和分辨率有关。 为什么会出现锯齿?这是因为当分辨率变小,有效空间内的像素不足以描述原来的形状,导致信息丢失,就产生了锯齿感。 下面的图片中给出了窗户的矢量图和像素图的对比效果。随着计算机性能的提升,抗锯齿其实是算法标配的功能,但是由于算法自带的抗锯齿太强了,会自动产生无数的颜色,所以像素画想要获得较好的效果,又保持较少的颜色数量,就需要画家本人进行手工抗锯齿。 有趣的是,AA是一种会使像素画变模糊的技术。AA用的越多,像素画就会变得越模糊。 这是可以理解的。它是在像素画还不是一种风格而只是事物本来样子的时候开发出来的。 抗锯齿是向更逼真、更流畅、高清视觉效果迈进的一步。但今天像素画只是一种风格,你可以使用AA也可以不使用。