[日]画素屋

该公司业务包括插图制作、摄影、排版、网页制作等。在设计类图书写作方面有丰富的经验，曾与日本知名出版社合作出版过多部畅销设计类书籍。

本书主要讲解了在实际工作中非常有帮助的设计创意，包括从基础的配色方案，到令人印象深刻的配色方案、让人感受到地域特色的配色方案等内容。对于设计经验丰富的人来说，本书可有效解决灵感枯竭的问题。对于设计新手来说，本书是非常好的配色参考书籍。本书主要讲解如何利用Photoshop和Illustrator软件创造各种风格的配色方案。同时，提供配套的实例文件，方便读者操作学习。为灵感枯竭的设计师所提供的创意秘方，哪怕只是随手翻阅，也能涌现出新的灵感。

PART 1 用于配色设计的基本操作

重新着色图稿

在Illustrator的［编辑］菜单中，可执行［编辑颜色］→［重新着色图稿］命令，一次性将所选择的复数图稿全部进行颜色变更，是非常方便的功能。

通过更改数值来改变图稿的颜色

在［重新着色图稿］对话框中选择［编辑］为［指定］，然后通过相关色值的设置，来对图稿

的颜色进行改变。

通过调色盘更改图稿的颜色

在［重新着色图稿］对话框的［编辑］栏中，可以通过在色盘上进行拖曳，对图稿的颜色进行

直观的改变。

在［重新着色图稿］对话框中，可以对所选图稿的［填充］与［轮廓］颜色进行变更，也可用

于处理图稿的渐变或者贴图。这个功能在需要进行对图稿的整体色调进行调整时非常方便。

全局色色板

在Illustrator中进行颜色设定时，可以通过应用全局色色板，来更加方便自如地对图稿的颜色进行改变。

添加全局色色板

从颜色面板中选取需要的颜色，单击“色板”面板中的新建色板按钮，打开［新建色板］对话框。

勾选［全局色］复选框并单击［确定］按钮，此时全局色色板图标的右下角会显示三角形的标识。

编辑全局色色板

双击全局色色板的图标，可以打开色板选项的编辑界面。在此处更改颜色并单击［确定］按钮，

可以对色板的颜色进行变更，采用此色板的图稿颜色也会自动变更。

图稿中同一颜色的选取

用Illustrator设计作品时，如果图稿中有很多相同的颜色需要同时选中，可以选中其中的一种颜色，然后在［选择］菜单列表中选择［相同］子列表中的［填充颜色］命令。

通过执行［填充颜色］命令，可以从选中的对象中选择［填色］颜色相同的对象。同理，执行

［填色和描边］命令，可以选中［填色］和［描边］颜色相同的对象；执行［描边颜色］命令，

可以选中［描边］颜色相同的对象。

［颜色参考］面板

在Illustrator的 ［颜色参考］面板中，只需单击选择基色色块，便可以查看与所选基色相称的颜色搭配。

用户也可以根据需求更改协调规则，对选色困难的情况来说非常方便。

[色相/饱和度的调整]

使用Photoshop的［色相/饱和度］功能，可以分别对图像的［色相］［饱和度］［明度］进行更改。

用户可以从［图层］面板的［创建新的填充或调整图层］菜单中选择［色相/饱和度］命令，打开［属性］面板的［色相/饱和度］参数设置面板。

也可以选取［图像］菜单→［调整］→［色相/饱和度］命令来调整色调，为了保留原稿以便于多次修改，此处推荐使用调整图层进行调整。

补色

选中［属性］面板中的［全图］，可对所有色域的对象进行调色。

通过调节［色相］［饱和度］［明度］的滑块来对色彩进行调整。面板下部有两条色带，上方对应原图的色彩，下方对应调整后的色彩。

仅调整特定颜色

需要单独调整特定颜色的时候，请从［属性］面板的［预设］菜单中选择需要调整的颜色。

面板下方的色带中会显示可调整的色彩范围，用户可以通过拖动滑块改变调色的范围。

着色

勾选［属性］面板中的［着色］复选框，图像会变为单色。

利用[通道混合器]进行调整

Photoshop的［通道混合器］可以针对［输出通道］所设定的颜色，对各个色彩的数值进行加减，通过色值运算来调整色彩。

也可以直接在菜单栏中选择［图像］菜单→［调整］→［通道混合器］命令来调整色调，与［色相/饱和度］的调整一样，为了便于修改，此处推荐使用调整图层进行调整。

调整方法

将［输出通道］设为［红色］，将［蓝色］调至［+50%］时，原图像中蓝色通道的像素色值中的50%会被加入红色通道。例如，［R=80,G=100,B=120］的像素中，［B=120］的50%也就是60%被增加到R中，得到［R=140,G=100,B=100］。

由于加上了蓝色通道的部分，红色通道中的各个像素会使得图像整体变红。

在下图中，将［输出通道］设定为［蓝色］，［红色］与［绿色］的比重增减均设定为负数。［输出通道］的［红色］与［绿色］均没有作出调整。

此时图像内各像素的［蓝色］色值中［红色］减少60%、［绿色］减少45%，因此调整后图像的蓝色减弱，呈现出更接近其补色黄色的效果。

另外，［红色］的补色为［青色］，［绿色］的补色为［洋红］，［蓝色］的补色为［黄色］。

［常数］参数的应用

在［通道混合器］的参数设置面板中，通过拖动［常数］滑块，可以将输出通道的色值按均一

数值进行增减。

用直方图表现的话，就是将其中的山峰形状整体向右平移。增加［常数］的值，可以使输出通

道的色彩加强，减少［常数］的值，可以使输出通道的补色增强。

PART1 用于配色设计的基本操作 

重新着色图稿 

全局色色板 

图稿中同一颜色的选取 

［ 颜色参考］面板 

［色相/饱和度］的调整 

利用［通道混合器］进行调整

PART2 世界各地令人印象深刻的配色方案设计的创意秘方 

01 古埃及风格的配色方案 

02 北欧床品风格的配色方案 

03 爪哇传统蜡染（batik）风格的配色方案 

04 波利尼西亚产的塔帕（树皮布）纹样风格的配色方案 

05 北欧纺织品风格的配色方案 

06 伊斯兰教的阿拉伯式花纹风格的配色方案 

07 夏威夷风格的配色方案 

08 以中美洲民族服装huipil纹样为背景的配色方案 

09 古代纳斯卡陶器画风格的配色方案 

Column 色相环与配色 

PART3 能够表现日本文化的配色方案设计的创意秘方 

10 使用皇室纹样表现奢华和风的配色方案 

11 日式传统色彩与传统纹样相结合的配色方案 

12 表现水墨画笔刚劲有力特色的配色方案 

13 传统工艺风格的配色方案 

14 绘画用色纸风格的配色方案 

15 古代日本风格的配色方案 

16 印有传统纹样的手巾的配色方案 

17 以竹久梦二的山茶为主题的配色方案 

Column 用Adobe Color CC制作与探索色彩主题 

PART4 基础配色方案设计的创意秘方 

18 大胆切割花瓣的配色方案 

19 手绘简笔画风格的配色方案 

20 运用圆形设计的配色方案 

21 结合企业色彩的名片设计方案 

22 风中飘舞的丝带的渐变色配色方案 

23 文字与图形简单结合的图标配色方案 

24 柱形图的配色方案 

25 圣诞节主题的配色方案 

26 使用佩斯利花纹的简单配色方案 

27 使用柔软曲面作为背景的配色方案 

Column 运用Creative Cloud Libraries在软件间直接同步颜色设定 

PART5 使用图像作为背景的配色方案设计的创意秘方 

28 用朴素的水彩画做背景的配色方案 

29 在背景散布斑点的配色方案 

30 配合背景图像做出透明感的配色方案 

31 以经典科幻图片为背景的配色方案 

32 用梵高风格厚涂图像做背景的配色方案 

33 以蜡笔画为基础的配色方案 

34 雷鬼拼色夹克风格的配色方案 

35 马赛克拼贴图像背景的配色方案 

36 以厚涂图像为背景的配色方案 

37 用水彩画做背景的同色系配色方案 

38 用印象派风格的笔触制作背景的配色方案 

39 以霓虹灯的轨迹为背景的配色方案 

Column 利用Adobe Capture手机软件创建颜色方案 

PART6 运用设计技巧的配色方案设计的创意秘方 

40 艺术装饰风格的配色方案 

41 俄罗斯前卫海报风的配色方案 

42 适合新艺术运动风格的装饰设计的配色 

43 包豪斯风格的配色方案 

44 用曲面细分制作背景的配色方案 

45 采用欧普艺术风格的简约配色方案 

46 具有丙烯漆料质感的配色方案 

47 安迪·沃霍尔的丝网印刷风格的配色方案 

48 极简主义艺术风格的配色方案 

49 以抽象派泼洒画为背景的配色方案 

50 使用大理石纹路做背景的配色方案