西西河

主题:【文摘】像素初步 -- Ambrossi

共:💬6 🌺19 新:
全看分页树展 · 主题 跟帖
家园 【文摘】二. Pattern法教程

首先让我们来探索一下pattern法本身。

假设我们现在只有纯黑色和纯白色,我们要用它们来调出灰色来:

(红框里的是基本的pattern形,小黑块乃是1像素*1像素,这里只是放大了而已)

点看全图

外链图片需谨慎,可能会被源头改
点看全图
外链图片需谨慎,可能会被源头改
点看全图
外链图片需谨慎,可能会被源头改

以上三种很简单的pattern就可以组成三种不同灰度的灰色(分别是25%,50%,和75%),来看看成果:

点看全图

外链图片需谨慎,可能会被源头改
点看全图
外链图片需谨慎,可能会被源头改

25%

点看全图

外链图片需谨慎,可能会被源头改
点看全图
外链图片需谨慎,可能会被源头改

50%

点看全图

外链图片需谨慎,可能会被源头改
点看全图
外链图片需谨慎,可能会被源头改

75%

现在我们从100%(黑)->75%->50%->25%->0%(白)来排列,可以得到一个从深到浅的色阶,而其实我们只是用了2种颜色(看起来很象漫画的网点)。

点看全图

外链图片需谨慎,可能会被源头改
点看全图
外链图片需谨慎,可能会被源头改

运用这个方法,可以让颜色过渡看起来比整个色块的过渡自然一些。我个人爱好50%的pattern,因为这种格子是我的最爱(vans!vans!),所以我用这个用得最多,其余的pattern大家也可以尝试着去画,找到自己最喜欢的。

分析一下实例:

点看全图

外链图片需谨慎,可能会被源头改
点看全图
外链图片需谨慎,可能会被源头改

我的过渡只用了50%,如果有精力和有耐心,可以做上25%和75%的,一个建议就是过渡越多,画面越光滑,同时像素特殊的鲜明感也会减弱,也就是我们常说的画面开始糊起来了,所以过渡需要适可而止,不要过而不及。

回到刚才那个灰色过渡图,我们发现颜色过渡其实还很生硬,那是因为颜色过渡时取的都是直线,我们想点办法,把过渡线弄成折线,那么或许效果更自然些。

点看全图

外链图片需谨慎,可能会被源头改
点看全图
外链图片需谨慎,可能会被源头改

大家可能已经发现了,pattern就是说一个图案在重复运用,所以它本身并没有既定的模式,大家完全可以自创出一套属于自己的pattern。

全看分页树展 · 主题 跟帖


有趣有益,互惠互利;开阔视野,博采众长。
虚拟的网络,真实的人。天南地北客,相逢皆朋友

Copyright © cchere 西西河