Posted in 抖动与递色

像素画绘画技法:抖动Dithering教程

像素画绘画技法系列:抖动Dithering教程作者:三二图:patorjk[1]抖动有什么用?抖动Dithering(以下简称抖动)是计算机性能受限制时期诞生的技术。 抖动可以在不增加颜色的情况下,通过像素方块的交错排列,使一种颜色到另一种颜色的过度更自然;还可以创建纹理,增加像素画的表现力。比如上面的男人图片由4种颜色组成,但是经过像素方块的交错排列,产生了远远超过4种以上的不同灰度颜色。 观众一眼就能识别出这些像素代表的含义-一个戴眼镜的欧美小伙子。抖动是什么? 抖动的本质是利用人眼的视错觉,通过混合两种颜色的像素来产生新的颜色。只有黑色和白色2种颜色,如何在不增加颜色的情况下,变出更多的灰色? 使用抖动就可以,用不同的像素交错排列方法就可以制造出更多的灰色。这样从黑色到白色的过度渐变就更加自然了。 上面图片中通过抖动产生的灰色一共有6种。将上面竖条的像素纹理复制排列,就可以得到6种不同的灰色。 抖动怎么用?最常见的应用是用抖动来处理颜色的渐变。 像素画有颜色限制,因此在处理较大面积的颜色渐变或者想使渐变更自然时,像素画家就会使用抖动。抖动使用过多,会使画面马赛克感觉更强,可能会使画面更加凌乱。 NES《超级马里奥兄弟》游戏中的水管上就使用了抖动,抖动交错排列浅绿和深绿,产生了新的“中绿”色,使得水管的曲面的颜色过度更自然。NES《坦克大战》场景地图中的绿色草地,同样使用了抖动创建从亮到暗的颜色渐变,不仅如此还产生了植物叶子纹理的效果。 看完中古时代NES的例子,再看看GBA《口袋妖怪》的例子。你会发现GBA的颜色多了很多,画家在这里使用抖动更加节制,只能在帽子上发现一点点。…

Continue Reading... 像素画绘画技法:抖动Dithering教程
Posted in 抖动与递色

笨办法学像素画:像素画技巧抖动使用指南

“ 摘要:笨办法学像素画:像素画技巧抖动使用指南”教你画像素画原创教程抖动,英文dithering,是一种古老的技术,主要为早期性能和颜色受限制的计算机和主机游戏增加更多的颜色层次。在实际应用的过程中,艺术家们还发现抖动也可以表现质感。 抖动原理—抖动的原理是颜色混合和视错觉。当两种颜色交叉混合的时候,眯起眼睛或者用余光去看,就会看到混合以后的颜色。 下面图片中只有黑白2种颜色,通过棋盘(国际象棋)图案交叉黑白两色,获得第3种视觉颜色-灰色。抖动可以用在哪里? —抖动主要用在面积较大的区域(场景),表现质感,增加层次。尺寸太小的话,根本没有多余的空间分配给抖动。 下图是NES版恶魔城游戏画面,艺术家使用抖动很好的表现出城堡的阴森恐怖,围墙的破败,以及地面的凹凸不平。注意哦铁门和围墙一共只用了4个颜色,如果不使用抖动是无法表现出场景的气氛和氛围。 抖动的图案不局限于棋盘,也可以使用其他形状。下图是NES版松鼠大决战游戏截图。 艺术家使用抖动图案,很好的画出了树皮的斑驳手感。NES版蝙蝠侠,抖动用来表现砖块和地面的质感,增加明暗层次。 NES版魂斗罗,抖动使山脉可以渐渐隐没在夜色中(为什么是夜晚?为了省颜色…),山峰的积雪也可以有合理的渐变。 抖动增加了地面草丛的质感。抖动可以用在角色上吗? —像素画游戏角色都比较小,这是为了节约开发成本。但是立绘以及尺寸较大的角色,就可以使用抖动来大块填满画面。…

Continue Reading... 笨办法学像素画:像素画技巧抖动使用指南
Posted in 抖动与递色

笨办法学像素画第十课:抖动实例分析

摘要:笨办法学像素画第十课:抖动实例分析抖动是计算机性能受限制时代的产物,当时的像素画家们使用抖动来对抗颜色限制,创造出更多的调子。抖动原理抖动的原理就是通过棋盘网状的图案来增加颜色层次。 原来只有黑白2个颜色,通过棋盘网状图案就可以增加一种灰色。需要眯起眼睛看下面的图片(已经放大1000%),才能看到灰色。 使用不同的棋盘网格实现不同层次的灰色,现在计算机性能强大,对像素画而言不需要刻意的使用抖动节省颜色。原则是尽量以最少的颜色实现最好的效果。 小尺寸角色不需要抖动下面这个马里奥角色高度只有32X32像素,左边是原始版本,右边添加了抖动。可以发现当像素画尺寸较小的时候,有限的空间本来就不够用,所以强行加入抖动效果反而不好。 尺寸越小的情况下,像素画更应该以整块的形状来表现角色。如果有很多琐碎的点,视觉效果是很糟糕的。 Mario & Luigi Superstar Saga对于尺寸极小的极简像素画也不应该加入抖动。需要颜色?…

Continue Reading... 笨办法学像素画第十课:抖动实例分析
Posted in 抖动与递色

【手机游戏像素画美术教程】跟Tsugumo学像素画系列–抖动1

哦,我的上帝!这是什么? 这是最终幻想1:“这个教程是关于如何画好像素的,那在这为什么放8位游戏的截图?他们只使用16色,不是吗? ”是的,我的朋友,这才是重点!想一想在过去,那时候的美术没有256色可以使用,无法绘制令人惊叹的渐变色调,而且颜色也少的可怜。 现在你有无数的颜色可以使用。正因为如此,过去的游戏才对我们非常有用。 观察地砖tile,因为颜色的限制(Final Fantasy 1只有16色),只使用了2种颜色(灰色和黑色)!如果你只有两种颜色,首先是地砖图块……观察整个画面你可以找到很多“栅格”,这是第一代游戏无法避免……总之你知道这是地面,还是石头材质的。 图块只使用了2个颜色。如果你有一个亮色和一个暗色,你怎样才能得到更多的颜色? 这是我们要学习的重要技术-抖动。抖动是你通过混合两个不同的颜色得到第三个颜色。 等一会儿我会向你展示抖动如何实现,你将学会如何使用他………

Continue Reading... 【手机游戏像素画美术教程】跟Tsugumo学像素画系列–抖动1
Posted in 抖动与递色

【手机游戏像素画美术教程】跟Tsugumo学像素画系列–抖动2

我们把图放大观察: 这里我们的焦点是岩石,上面和左边的岩石上你可以看到抖动……首先从黑色到橙色,然后从橙色到奶白色。在靠近地面的岩石上你可以看到橙色到黑色的过度,这表现岩石的阴影。 还有下面的岩石上表示高光的奶白色更少。我们从这里学到如何表现阴影。 下面有一个我用很短时间画的岩石地面: 我想使岩石给人以古老的黑暗的感觉。但是并不如此,是不是哪出了问题? 我使用了三个不同明度的绿色,并用明度最低的绿色填充背景。这样做没有带来预期的效果,反而看起来有点平……哪出了错么? 在以前的游戏中,颜色数受限制,黑色被经常使用。黑色是一个关键的颜色。 使用黑色可以反衬其他颜色,使之突出画面。如果你知道如何使用黑色,它将是一个很好的工具。 举例子说在白色的纸上画画,人们用的最多的就是铅笔,而铅笔是黑色的。除了互补色,还有明度对比、纯度对比等等,所有这些基础的色彩知识在你画像素的时候都可以给你帮助。 所以在这里我把背景色换成黑色并且把其他的绿色各降低一个明度。现在看看效果:…

Continue Reading... 【手机游戏像素画美术教程】跟Tsugumo学像素画系列–抖动2
Posted in 抖动与递色

像素画理论4-抖动

原文:Helm翻译:pixel32大多数像素画家画的抖动有点像过渡调子。抖动是像素块,用来平滑其他像素块的部分末端。 我们来看看下面的几种形式: 第一种形式是1位像素簇,即单色像素块。这是一个油性的笔触。 如果艺术家只有两种颜色,又想要的形状逐渐减少或消失,他们就可以采用抖动这种技术来实现。看看抖动如何强调像素块的流动,最重要的是看看抖动如何不影响像素块。 如果有很多抖动属于一个块,或半透明的颜色,则抖动本身会变成一个块。这是使用抖动的必要功能,特别是艺术家可能仅用非常少的颜色来传达具有很多调子的环境中。 中间的形式是一个略有不同的命题。这里使用了更多的色调。 艺术家已经使用它们将笔触划分成更小的像素块。注意观察,中间和下面的形式是非常相似的。 Dithering抖动 =缓冲。然而,在将像素块分割成更小的块时,艺术家有机会使用颜色之间的抖动在像素块内进一步平滑锯齿感。 再次,艺术家应该记住像素块的流动,包括附属于大块像素的小块。在大多数情况下,像素艺术家将不会使用这样的大像素块。…

Continue Reading... 像素画理论4-抖动
Posted in 抖动与递色

Sprite Art像素画教程-抖动基础

Sprite Art像素画教程-线条抖动基础抖动基础图案回到16色,4色甚至2种颜色,颜色受限制的时代,艺术家不得不使用混合两个颜色的方法,以“伪造”不同的颜色。因为在一个像素点(x,y)位置不能存在两种颜色,所以使用交替颜色的图案来产生这种效果。 由于像素点非常小,人的眼睛将融合彼此相邻的两个像素点颜色。使用交替颜色产生额外颜色的技巧称为“ 抖动 ”。 让我们来看一些抖动的最基本和常用的模式,并尝试创建一个完整的渐变。让我们选择在亮度值上有很大差异的两种颜色。 为了这个演示,我们将把这个32×32像素的区域分成两半。下面的图片中左右分别为不同的颜色。 接下来要做的事情就是不增加颜色数量,使这两种颜色可以平滑过渡。 沿着中分线,依次画出类似国际象棋棋盘的网格图案。 这种交叉的像素图案就是最基础的抖动技术。通过它,原本格格不入的两种颜色,现在已经通过中间的灰调子融合到了一起。…

Continue Reading... Sprite Art像素画教程-抖动基础
Posted in 抖动与递色 软件与工具

像画CG那样画像素画

像素画的尺寸越大,绘画的难度越大,耗费的时间越长。我在这介绍一下像素画家Dan Fessler提供的解决方案。 我觉得非常酷。先看下效果,下图左是CG绘画,右边是处理后的效果。 堪称完美。因为软件自动生成的,精细度明显不及手工画的像素画。 使用这种方法就可以画较大或者特大尺寸的像素画了! 那么这种方法能做什么呢? 几乎无所不能,就是你可以像画CG那样画像素画,仅限大尺寸的。可以用画笔画画 抖动自动生成,可调节可控 抖动可以用吸管吸 自定义抖动图案…

Continue Reading... 像画CG那样画像素画
Posted in 抖动与递色

PixelLogic系列-什么时候需要使用抖动?

摘要:介绍了抖动以及需要使用抖动的场合。pixel32 编译  | 教你画像素画 出品AA和抖动使用AA(手工抗锯齿技术)可以提高像素画的可读性。 不过对于尺寸较小的角色,不要用太多的AA,效果反而会变差。使用大块的颜色来表现形体效果会更好。 对于小尺寸的角色,抖动是无用的。抖动只适合大尺寸的角色、场景或插画。 虽然抖动的用处有其局限性,但是在颜色数受限制的情况,抖动就是必不可少的。如何识别可读性问题? 1、使用缩略图预览在画像素画的时候经常会放大画布,因此有一个100%预览窗口是很有必要的。大多数像素画软件以及Photoshop都提供实时预览窗口。 2、图片模糊像素画角色或场景在不同的设备上呈现可能会模糊,视力较差的玩家或观众看到的像素画也会比较模糊。为了保证像素画模糊之后也有不错的效果,可以使用模糊滤镜或眯起眼睛观看作品。 发现问题以后再回到像素级别修改。…

Continue Reading... PixelLogic系列-什么时候需要使用抖动?
Posted in 抖动与递色

PixelLogic系列-方格抖动和曲线抖动

摘要:简要介绍了方格抖动和曲线抖动的注意事项。pixel32 编译  | 教你画像素画 出品方格抖动棋盘状的方格抖动是最常见,也是最多样的。 方格抖动计划可以创作出非常多的调子,而且非常好记忆。 记住这些东西:跳棋,十字架,方块,钻石等,就可以快速的回忆起怎样画方格抖动。 根据实际需要来决定2个不同颜色之间需要多少种渐变调子。调子越多所需要的长度也越长。 如果需要在一大片区域画方格抖动,可以自由改变像素的排列,但是一定要注意像素不能连接在一起,必须彼此独立。 曲线抖动在曲线上画抖动,会导致双行像素,这个时候不需要重画,只需要滑动使像素错开。 还需要随时关注预览窗口的效果变化。…

Continue Reading... PixelLogic系列-方格抖动和曲线抖动