[原创][教程]Pattern法教程插画中国 - 中画网 - 中画论坛

[原创][教程]Pattern法教程插画中国 - 中画网 - 中画论坛 - 职业插画师社区

	中画网 - 绘画社区
» 您尚未登录注册找密码 \| 插画作品 \| 银行 \| 精华区 \| 论坛首页 \| 插画培训 \| 转贴工具 \| 帮助 \| 简洁版

插画作品 - 插画中国首页 - 插画论坛 - 插画网课 - 插画培训 - 插画招聘征稿 - 插画师信息 - 插画技法交流金画奖大赛 - 插画教程 - 商业插画- 插画欣赏 - 最新更新

奇幻插画 - 概念插画 - 儿童插画 - 时尚插画 - 新锐潮流 - 写实/唯美 - 漫画卡通绘本 - 涂鸦 - 3d - 像素画 - 周边 - 中秋插画 - 七夕插画

插画中国 -> 像素画教程、像素论坛 -> [原创][教程]Pattern法教程

XML

RSS 2.0

WAP

<< 1 2 3 4 5 >> Pages: ( 8 total )

--> 本页主题: [原创][教程]Pattern法教程

加为IE收藏 | 收藏主题 | 上一主题 | 下一主题

imick

imick插画画廊
uid: 7934
级别: 贵宾
精华: 18
发帖: 434
威望: 340 点
积分: 72 分
推广值: 1 点
注册时间:2004-07-09
最后登陆:2022-10-07

[原创][教程]Pattern法教程

(因为存储图片的网站过期，造成这边的图片看不见了，大家请到http://imicky.googlepages.com/pixel观看文字和图片)

我根据自己方便命名为pattern法，更专业的应该叫dithering。

Part One

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

假设我们现在只有纯黑色和纯白色，我们要用它们来调出灰色来：
（红框里的是基本的pattern形，小黑块乃是1像素*1像素，这里只是放大了而已）

插画中国原创插画 http://bbs.chahua.org

以上三种很简单的pattern就可以组成三种不同灰度的灰色（分别是25%，50%，和75%），来看看成果：

插画中国原创插画 http://bbs.chahua.org

25%

50%

75%

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

插画中国原创插画 http://bbs.chahua.org

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

插画中国原创插画 http://bbs.chahua.org

我的过渡只用了50%，如果有精力和有耐心，可以做上25%和75%的，一个建议就是过渡越多，画面越光滑，同时像素特殊的鲜明感也会减弱，也就是我们常说的画面开始糊起来了，所以过渡需要适可而止，不要过而不及。
回到刚才那个灰色过渡图，我们发现颜色过渡其实还很生硬，那是因为颜色过渡时取的都是直线，我们想点办法，把过渡线弄成折线，那么或许效果更自然些。

插画中国原创插画 http://bbs.chahua.org

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

Part Two

Pattern法可以有效的节省用色数量，而仍保持一定的画面质素。

有人问为什么要节省用色呢，本来像素所属的GIF就已经限定了有限的256色，还要节省啊？原因有2：

1是真的为了节省。最大量运用像素图的应该是游戏业，或者手机，在这些行业画面并不是说要想多精细就搞多精细，更多时候要兼顾到性能和硬件的表现能力。出于这个考虑，游戏的画面严格控制用色数量，节省下资源为游戏的其他部分所用。

2是为了整体的画面风格。仔细想想就可以知道，你用1个1个像素描画出来的主体人物，因为用色精练而风格鲜明，背景却用了几十到上百种颜色营造了写实的风格，当两种风格合起来的时候一定会有些不和谐的感觉。

所以就算我们画像素不是为了做游戏，如果我们有意训练自己减少颜色的用量，也会对自己的绘画风格有帮助的，毕竟像素较提倡鲜明、高度概括、比较卡通化的风格。

我们刚才说到背景的制作，这回就以这个为例子吧。我们现在来做一个蓝天的背景。
新开一个文件，50*50。选定渐变工具，前景色挑一个深点的蓝色，后景色挑一个浅一点的，在画布上从上到下铺上。

插画中国原创插画 http://bbs.chahua.org

然后我们点选菜单中“存储为web所用格式”，进入下面的界面。

请留意红色框住的内容：

插画中国原创插画 http://bbs.chahua.org

因为是像素图，记得存为GIF格式，下面的那个框选定为“图案”，待会的渐进变化就会用有规律的图案变化来过渡，如果选了“扩散”，过渡则会是从规律到无规律，选了“杂色”，过渡就会是完全无序，你的选择完全取决于你要达到的效果。我是pattern拥护者，所以选了“图案”（pattern）。然后到最后一个红框，来玩我们的戏法吧：

1．一狠心从256色调成2色，看看效果：

插画中国原创插画 http://bbs.chahua.org

2．仁慈点给个4色：

插画中国原创插画 http://bbs.chahua.org

3．再试试8色：

大概这样就可以了。

(因为存储图片的网站过期，造成这边的图片看不见了，大家请到http://imicky.googlepages.com/pixel观看文字和图片)

[ 此贴被imick在2006-06-07 03:27重新编辑 ]

查看个人作品

imick的插画画廊: http://chahua.com/u/7934

imick插画画廊 http://chahua.com/u/7934
http://cg.chahua.org 中国插画画廊-插画师作品展示中心
零
[url=http://my.opera.com/imick/blog/](￫ܫ￩の)～[/url]

[楼主] | Posted:2005-03-29 01:25|

tkvg

tkvg插画画廊
uid: 19779
级别: 特别会员
精华: 0
发帖: 52
威望: 87 点
积分: 177 分
推广值: 0 点
注册时间:2005-02-20
最后登陆:2008-04-01

好帜子，我本来是常客，但是最近上班时间不敢做相素了，只好回家做了，55555
以后要慢点传来了

查看个人作品

tkvg的插画画廊: http://chahua.com/u/19779

tkvg插画画廊 http://chahua.com/u/19779
http://cg.chahua.org 中国插画画廊-插画师作品展示中心

[1 楼] | Posted:2005-03-29 10:14|

雾雾小鬼

雾雾小鬼插画画廊
uid: 20416
级别: 特别会员
精华: 0
发帖: 37
威望: 50 点
积分: 94 分
推广值: 0 点
注册时间:2005-03-04
最后登陆:2009-11-12

支持~~ [s:5] 好帖子~~

查看个人作品

雾雾小鬼的插画画廊: http://chahua.com/u/20416

雾雾小鬼插画画廊 http://chahua.com/u/20416
http://cg.chahua.org 中国插画画廊-插画师作品展示中心

[2 楼] | Posted:2005-03-29 12:18|

hexiaolei

hexiaolei插画画廊
uid: 9554
级别: 新手上路
精华: 1
发帖: 52
威望: 36 点
积分: 74 分
推广值: 0 点
注册时间:2004-08-04
最后登陆:2008-10-24

谢谢楼主分享！！！ [s:2] [s:2]

查看个人作品

hexiaolei的插画画廊: http://chahua.com/u/9554

hexiaolei插画画廊 http://chahua.com/u/9554
http://cg.chahua.org 中国插画画廊-插画师作品展示中心

[3 楼] | Posted:2005-03-31 10:23|

gkboytrue

gkboytrue插画画廊
uid: 22565
级别: 新手上路
精华: 0
发帖: 29
威望: 19 点
积分: 45 分
推广值: 0 点
注册时间:2005-04-02
最后登陆:2008-04-24

谢谢，不过这种方法实在是非常累人的吧！

查看个人作品

gkboytrue的插画画廊: http://chahua.com/u/22565

gkboytrue插画画廊 http://chahua.com/u/22565
http://cg.chahua.org 中国插画画廊-插画师作品展示中心

[4 楼] | Posted:2005-04-02 18:24|

自由

自由插画画廊
uid: 88
级别: 论坛版主
精华: 15
发帖: 2415
威望: 214748364 点
积分: 1847483786 分
推广值: 5 点
注册时间:2003-10-31
最后登陆:2012-05-24

[s:5] 好专业！
高手就是高手！

查看个人作品

自由的插画画廊: http://chahua.com/u/88

自由插画画廊 http://chahua.com/u/88
http://cg.chahua.org 中国插画画廊-插画师作品展示中心
只要有梦想！！开心就好！！
QQ:248017632
华泰工作室的插画生涯！！

[5 楼] | Posted:2005-04-02 18:35|

jlyjacky

jlyjacky插画画廊
uid: 17173
级别: 一星会员
精华: 0
发帖: 172
威望: 134 点
积分: 305 分
推广值: 0 点
注册时间:2004-12-22
最后登陆:2007-03-30

非常感谢,强烈支持!

[ 此贴被jlyjacky在2005-04-20 13:57重新编辑 ]

查看个人作品

jlyjacky的插画画廊: http://chahua.com/u/17173

jlyjacky插画画廊 http://chahua.com/u/17173
http://cg.chahua.org 中国插画画廊-插画师作品展示中心
really?!

[6 楼] | Posted:2005-04-20 11:36|

imick

imick插画画廊
uid: 7934
级别: 贵宾
精华: 18
发帖: 434
威望: 340 点
积分: 72 分
推广值: 1 点
注册时间:2004-07-09
最后登陆:2022-10-07

嗯，对我来说，我是一个一个点的，因为实际上的运用不像上面那样这么有规律，通常是围绕在颜色过渡区里，这个区域不可能都是有一定规律的，所以通常还是得自己点，如果能发现简易的方法，那就太棒了。画大点的像素图的确会累死人的。

查看个人作品

imick的插画画廊: http://chahua.com/u/7934

imick插画画廊 http://chahua.com/u/7934
http://cg.chahua.org 中国插画画廊-插画师作品展示中心
零
[url=http://my.opera.com/imick/blog/](￫ܫ￩の)～[/url]

[7 楼] | Posted:2005-04-20 12:19|

一啊一

一啊一插画画廊
uid: 18723
级别: 一星会员
精华: 0
发帖: 259
威望: 126 点
积分: 298 分
推广值: 0 点
注册时间:2005-01-23
最后登陆:2009-03-14

谢谢楼主了 [s:2]
点这个真的哈累人啊 [s:8]

查看个人作品

一啊一的插画画廊: http://chahua.com/u/18723

一啊一插画画廊 http://chahua.com/u/18723
http://cg.chahua.org 中国插画画廊-插画师作品展示中心

[8 楼] | Posted:2005-04-20 13:06|

jlyjacky

jlyjacky插画画廊
uid: 17173
级别: 一星会员
精华: 0
发帖: 172
威望: 134 点
积分: 305 分
推广值: 0 点
注册时间:2004-12-22
最后登陆:2007-03-30

定义笔刷啦,能方便一点
为对楼主的奉献精神表示感谢,我再就第二种方法补充一下,存GIF是很不错,不过你要再保存打开一次,如果希望不存储,可直接在PS中新建文件,默认是GRB,填上渐变颜色,后选择--图像--模式--索引颜色----------也能达到这种效果,之后再转回来即可,不过它的颜色要比GIF的多一些,否则..........

相关图片:

插画中国原创插画 http://bbs.chahua.org

查看个人作品

jlyjacky的插画画廊: http://chahua.com/u/17173

jlyjacky插画画廊 http://chahua.com/u/17173
http://cg.chahua.org 中国插画画廊-插画师作品展示中心
really?!

[9 楼] | Posted:2005-04-20 14:22|

<< 1 2 3 4 5 >> Pages: ( 8 total )
插画中国 -> 像素画教程、像素论坛