抗锯齿_西村将由像素画教科书:AA手工抗锯齿

这篇教程介绍了日本艺术家西村将由的像素画教科书,适合新手入门。教程中讲解了如何使用手工抗锯齿技术来改善像素画的边缘效果,通过添加中间色来实现视觉上的平滑过渡。文中还提供了AA辅助线的使用方法,帮助理解抗锯齿原理,并提醒在不同背景下处理AA的注意事项。
摘要由CSDN通过智能技术生成

摘要:西村将由像素画教科书:AA手工抗锯齿

关键词:日本,西村将由,像素画,新手教程,AA,手工抗锯齿

西村将由像素画教科书,这套系列教程是偏新手向的基础课程,适合0基础和新人入门。由于编写的年代比较早,使用的软件是Windows画图。

像素画AA手工锯齿

像素画是由像素方块组成,不可避免的会产生许多缺口。像素画家使用中间颜色来过渡,就可以在视觉上产生抗锯齿效果。

下图左边版本没有AA,右边版本增加AA。加AA的版本会更圆滑。

d68a9524e092ee41d2d9a1804182d108.png

AA手工锯齿原理

为了说明AA原理,我们来看下面的线条(像素阶梯为2,1,2,1,2,1...),图片左上角为黑色到白色到渐变颜色。

82f6f2a5ada8d915b41715ef42bc5781.png

我们使用中间色3,替换阶梯2中与阶梯1对角连接的像素,并且在阶梯1与阶梯2对角连接的地方增加1个中间色3的像素。

ae40ae48048235d7ca4cdb9f45acb230.png

这样就给线条(像素阶梯为2,1,2,1,2,1...)增加了AA手工抗锯齿。

a120aaf0f016fee3b9ba422414efdaa4.png

一般AA只添加1个中间色即可,当然也可以继续添加。不过AA加太多,会使像素画变得不清晰,新手请谨慎添加AA。

1a3f9f68e42cf67097e1445e5d1eda78.png

什么是中间色

中间色可以目测也可以计算颜色值得出,中间色是统称,即两个颜色之间的过渡颜色。

下图中第二行左1颜色RGB值为0,0,225;右1颜色RGB值为255,0,0;那么中间色RGB值为122,0,122。

由于抗锯齿发生在2个像素方块之间,因此只要有2个颜色,就可以通过计算得出AA中间色的色值。

0249c155ea3dc04dfbcae5e486963671.png

方便理解的AA辅助线

可以使用AA辅助线帮助你理解AA原理。

1、新建一个网格画布,,然后在画布上画一根红线

2、从上到下:观察绿格子和左右两边的网格

第1个绿格子:红线完全在中间的网格,填充100%黑色;

第2个绿格子:红线在1、2中有一部分,绿格子和左边的格子填充50%黑色;

第3个绿格子:红线主要在中间的网格,绿格子填充75%黑色,左边的格子填充25%黑色。

AA就是通过将颜色值拆分来实现小于1像素的视觉效果。

fc3e5569e23473458e092434ad5bb95d.png

1像素线条颜色越淡,则在视觉上感觉越细。

24582b7b7c49cc4a5fb313277a0b58c5.png

AA注意事项

把前面在白色背景上添加了AA的角色放到蓝色背景,就会出现很多不和谐的杂点。因此在给角色添加AA时,应该添加在角色内部。

4ec7530dcf43813af757aa416f5bd6e1.png

完。

b9358cad99f18e86c44661abfd7bad3e.png

1009bcab41efaa7cf1fb9441115d7ce9.png

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值