第 24 章 Photoshop 与配色技巧
在本书前面的
内容
财务内部控制制度的内容财务内部控制制度的内容人员招聘与配置的内容项目成本控制的内容消防安全演练内容
中,我们学习了使用 Photoshop CS2颜色模式定义和管理颜色的方法,这些功能
赋予了 Photoshop 强大的色彩控制能力。如何使用这些功能在画面中创造出动人的颜色,是每一位设计
师应该掌握的技能之一。本章将为读者详细讲述色彩知识及在设计过程中的实用配色技巧。
本章具体内容参见本书附带光盘中的 PDF文件。
24.1 色彩的性质
人们在欣赏一幅平面设计作品时的第一印象是通过色彩产生的,而第一印象往往会最鲜明也最容易
留存在记忆中。因此在进行设计的时候,熟悉色彩的性质,对设计出吸引人们眼球的作品有很大的帮助,
如图 24-1所示。
色彩拥有能够引起冷暖、软硬、轻重以及前进后退等心理效果的性质,并且可以通过混色和配色以
达到物理性的效果。例如,通过明暗对比强烈的色彩搭配,可以让人在平面的画面构成中感觉到具有远
近分别的纵深感。这是大脑基于过去积累的信息,会觉得明亮的东西靠前,并做出的相应判断。如图 24-2
所示,暗绿色背景的衬托使白色的花朵浮出画面来。
图 24-1 优秀作品的色彩搭配
图 24-2 颜色的纵深感
掌握了色彩的性质,可以使传递到观看者大脑内的信息更加印象深刻。下面我们将向读者详细介绍
一下色彩和意象的关系,以及色彩的性质。
24.1.1 色彩和意象
设计工作中,意象是一切的根本。为将意象表现出来,色彩是不可或缺的,且色彩和意象有着密不
可分的关系。一旦用语言决定了意象,就可以立刻找到与意象相符的配色。
看到某种色彩,大脑中所浮现出的相关意象就是联想。这种联想有人与人共同拥有的,也有个性化
的。例如,看见绿色一般都会联想到树,这就是环境影响的共同化结果。表 1-1 所示为色彩产生的大众
化联想。
第 24 章 Photoshop 与配色技巧
769Photoshop CS2
表 1-1
色 系 色 名 具体的联想 抽象的联想
白(C0M0Y0K0) 雪、白纸 干净、敏锐、理性
灰(C0M0Y0K45) 烟、灰尘 不安
无彩色系
黑(C100M100Y100K100) 夜、墨、炭 死亡、严肃、孤独
红(C0M100Y90K0) 火、血、太阳 热情、活力、生命
粉(C0M52Y16K0) 桃子、腮红 柔和、可爱 红色系
深红色(C0M100Y50K60) 血、果实 生命、厚重、成熟
朱红(C0M100Y100K0) 火焰、夕阳 燃烧、热情、愤怒
浅橘红(C0M52Y50K0) 黄昏 可爱、女性化
红橙色系
深橘红(C0M100Y100K30) 泥土 沉稳
橙(C0M60Y100K0) 桔子、阳光 能量、危险
淡橙色(C0M9Y15K0) 皮肤、花朵 柔软、朦胧
亮橙色(C0M57Y95K0) 盛夏的太阳 跃动
浅橙色(C0M30Y50K0) 水果 健康
深橙色(C0M60Y100K30) 红叶 熟练、成熟
橙色系
暗橙色(C0M70Y70K70) 泥土 沉稳
黄(C0M0Y100K0) 阳光 明朗、快乐
浅黄色(C0M10Y50K0) 水果 悠闲、愉快
柠檬黄(C0M0Y70K0) 柠檬 光明、明快 黄色系
暗黄(C0M50Y100K60) 泥土 沉静、寂寞
黄绿色(C30M0Y100K0) 嫩芽 新鲜、春天
浅黄绿色(C22M0Y70K0) 蔬菜 清新、不成熟 黄绿色系
暗黄绿(C0M0Y100K80) 苔藓 厚重、朴素、秋季印象
绿(C100M0Y100K0) 树叶 青春、希望
淡绿(C15M0Y11K0) 草原、风 年轻、新鲜
浅绿(C50M0Y35K0) 高原 朝气、健康 绿色系
暗绿(C100M0Y70K60) 森林 丰富、神秘
蓝绿色(C100M0Y40K0) 山峦 平和、自然
浅蓝绿(C50M0Y20K0) 海、天空 平稳
深蓝绿(C100M0Y40K30) 深海 神秘、丰富 蓝绿色系
深蓝黄色(C100M51Y48K0) 深海 阴郁、悲伤、失望
蓝(C100M50Y0K0) 天空、宇宙 希望、广大
淡蓝(C20M2Y0K0) 水、天空 清爽、理想、清楚
蓝色系
深蓝(C100M50Y0K30) 海洋、天空 深远、沉静
蓝紫(C100M95Y0K0) 桔梗 高贵
蓝紫色系 淡蓝紫(C11M10Y0K0) 天空、宝石 优雅
紫(C90M100Y0K0) 自然界中不存在 妖艳
紫色系 淡紫(C9M10Y0K0) 花朵 温情、明快
从 入 门 到 精 通
770 Photoshop CS2
Photoshop CS2
续表
色 系 色 名 具体的联想 抽象的联想
洋红(C0M100Y0K0) 花 强烈、刺激、任性
淡红紫(C0M13Y0K0) 樱花 温柔、可爱、柔软 紫红色系
暗红紫(C0M100Y0K60) 葡萄 成熟、厚重
人们能认识到不同的色彩有其独特的意向,这是构成人类遗传基因的本能,以及个体出生后通过学
习感知的民族文化因素相互作用的结果。
色彩的意象在选择色彩、提出
方案
气瓶 现场处置方案 .pdf气瓶 现场处置方案 .doc见习基地管理方案.doc关于群访事件的化解方案建筑工地扬尘治理专项方案下载
的时候显得尤为重要。如图 24-3所示,绿色给人一种新鲜、健康
且具有生命力的感觉,用在食品包装上,很容易让人产生安全放心的感觉。
需要注意的是,同一个色性的颜色,由于亮度与饱和度的不同,会导致所联想到的自然事物也有所
区别,意象的事物甚至会有南辕北辙的差别。如图 24-4所示,同样是紫红色,前者给人冷静优雅的感觉,
而后者却给人明快时尚的感觉。
图 24-3 色彩与意象
图 24-4 不同的意象表现
24.1.2 相对的性质
色彩的性质在对比中会显得更加鲜明,也就是说,色彩
的性质不是绝对的,而是相对的。图 24-5所示让人感觉轻巧
的白色等明度较高的颜色在明度较低的暗色系的衬托下,给
人以飘忽的感觉。整个画面显得轻者愈轻,重者愈重。
1.色彩的空间性质
要在平面设计中表现三维立体感,除了构图的技巧外,
巧妙的利用色彩的空间感,也可以轻松的在二维平面中营造
出三维的空间,增加画面的纵深感。
在色彩中,明亮的色彩有前进感,暗淡的色彩有后退感,
如图 24-6所示。色彩的这种性质与明度相关。
另外从色相上来说,看起来较近的颜色相对较为鲜明,而看起来远的颜色的色相则较为模糊,如图
24-7所示。
图 24-5 色彩的相对性
第 24 章 Photoshop 与配色技巧
771Photoshop CS2
明色感觉前进 暗色感觉后退
图 24-6 色彩的前进与后退
明度高的颜色看起来是近处的
暗的颜色看起来是远处的
图 24-7 色彩的远近感
在使用表现远近技法的时候必须要注意,并不是暗色系的色彩就一定显得远,如果暗色在画面
置于中心位置的逆光处,那么它就是近景,如图 24-8所示。
色彩还具有膨胀和收缩的性质。在面积相同的情况下,明度高的色彩显得膨胀,而明度低的色彩显
得收缩。如图 24-9所示,感觉黑色的文字比白色文字的笔画细。
图 24-8 逆光下的暗色近景
图 24-9 色彩的膨胀与收缩
在色彩中,明度高的颜色和暖色系的颜色通常会比明度低的颜色和冷色系的颜色显得膨胀,如图
24-10所示。
2.色彩的物理性质
在设计中,色彩还可以给人以软、硬、锐利、圆滑以及轻重不同的感觉,如图 24-11 所示。色彩有
时候让人感觉轻巧,有时候让人感觉厚重。
膨胀色
收缩色
图 24-10 膨胀色与收缩色
图 24-11 色彩的轻重感
提
示
从 入 门 到 精 通
772 Photoshop CS2
Photoshop CS2
通常明度较高的颜色会使人感觉轻巧,而明度较低的暗色系则给人以厚重的感觉,如图 24-12所示。
厚重的色彩可以让人冷静,给人安定的感觉。但是如果表现得过于厚重,就会让观看者的心情
变得低落,如图 24-13所示。
感觉厚重的颜色 感觉轻巧的颜色
图 24-12 轻巧的颜色和厚重的颜色
图 24-13 色彩的意象
色彩的“软”性质可以让人缓解工作的疲劳,使心情变得平和。一般来讲,软的颜色是给人印象温
和的暖色系,拥有较高的明度和朝气蓬勃的感觉,如图 24-14所示。
想要让人精神紧缩,或者希望画面更有节奏,更有机械感,我们会用到“硬”性质。硬的颜色主要
是冷色系,如图 24-15所示。
图 24-14 平面设计中的“软”
图 24-15 平面设计中的“硬”
同样,锐利的感觉比较符合冷色系的颜色性质。这并不仅仅是表现物理上的尖锐,同时也包括给人
精神上的感觉,如图 24-16所示。
圆滑说的是一些柔和的暖色系色彩。在一幅图像中,尖锐的颜色很容易会让人产生排斥感,而圆滑
的颜色则给人以包容感,如图 24-17所示。
3.色彩的心理性质
在色彩的性质中,我们利用最频繁的就是冷暖。色彩按照冷暖性质,被划分为暖色系和冷色系,如
图 24-18所示。
暖色系色彩所具有的热力带有很高的诱导性,很容易给人兴奋的感觉。因此,这一色系的颜色通常
用来表示喜悦等跃动感强的情感,如图 24-19所示。
提
示
第 24 章 Photoshop 与配色技巧
773Photoshop CS2
图 24-16 锐利的颜色
图 24-17 圆滑的颜色
暖色 冷色
图 24-18 冷色与暖色
图 24-19 兴奋喜悦的颜色
冷色系正好相反,诱导性比较弱。这一色系的颜色会让人感觉温度降低,能使人平静下来,如图 24-20
所示。如果将冷色系颜色的饱和度降低,则给人以悲伤的感觉,如图 24-21所示。
在暖色系和冷色系中,仅用色相并不易表达悲喜感,亮度和饱和度也至关重要。
暖色系中明度较暗的色彩很容易构成蕴含信赖感的意象,给观看者以安定感,如图 24-22所示。
图 24-20 令人镇静的颜色
图 24-21 令人悲伤的颜色
图 24-22 安定的色彩
而冷色系中的色彩则倾向于给人以不安定的感觉。例如,紫色与灰色系的黄绿色搭配可以构成不安
定色彩。这类色彩用在设计中通常很容易吸引人的目光,如图 24-23所示。
提
示
从 入 门 到 精 通
774 Photoshop CS2
Photoshop CS2
还可以通过色彩表现出味觉,这来源于人们自己味觉体验过的记忆中食物的颜色。甘甜可以用暖色
系中表现年轻、温和的意象色的组合来表现,酸的味觉感在黄绿色系中,表现辛辣的是暖色系中纯色形
成的系列色,而苦的味觉感则归于偏黑的暗淡色彩中,如图 24-24所示。
图 24-23 不安定的色彩
图 24-24 色彩的味觉感
24.2 配色技巧
在设计工作中,需要使用多种颜色进行组合的工作就是配色。配色时必须要让配色张弛有度。对比、
节奏与区分等技法是配色中的基础。
24.2.1 配色构成要素
在实际配色之前,我们先来学习一下配色的基础知识——配色的构成要素。
1.基调色
在作品中,占面积最大,掌控整个画面色调的色彩被称为基调色,此种色彩适合成为底色或背景色。
如图 24-25所示,棕色为该作品中的基调色。
2.主调色
在作品中,主体物的颜色为主调色,它是要给观看者留下最深刻印象的颜色。如图 24-26 所示,红
色为图中的主调色。
图 24-25 设计作品中的基调色
图 24-26 设计作品中的主调色
3.从属色
从属色是仅次于关键色所占面积,出现频率比较高的色彩,起辅助作用,如图 24-27所示。
第 24 章 Photoshop 与配色技巧
775Photoshop CS2
4.强调色
与主调色相比,强调色是画面整体缺乏活力的情况下,加入的少量与整体画面感觉性质相反的颜色,
使画面活性化。它占据面积最小,但却是画面中最醒目的色彩,起着提升整体画面效果,吸引视点的作
用。如图 24-28所示,粉红的花瓣和火红的蜻蜓,给平稳安静的画面带来了生动和跳跃感。
图 24-27 设计作品中的从属色
图 24-28 强调色
24.2.2 配色技巧
在进行设计工作时,要有目的的进行配色,并时刻注重把握整体色彩的平衡。不论如何配色,如对
比强烈的,还是颜色协调的等,都要把握一个度,以维持这种平衡。
1.色彩平衡
不管是什么样的作品,都会涉及一些设计的最基本的东西,其中之一就是把握色彩的平衡感。如图
24-29所示,大圆和小圆在这种大小差上获得均衡。
根据色彩膨胀收缩、前进后退、冷暖等性质,来决定颜色在画面中的位置、大小等,以把握局部与
整体的平衡关系。
如图 24-30 所示,在相同面积的情况下,黄绿色的面积看起来比深蓝色的面积大。因此,在使用颜
色配色时,就要充分考虑到颜色的这一性质,以免破环画面的色彩平衡。
图 24-29 画面的平衡
图 24-30 颜色的膨胀性
2.主调支配与渐变协调
主调支配是指由某个色相、亮度、饱和度或色调在配色中起支配效果的技巧。色相的主调就是色相
起着支配状态的意思,如红色的主调或是蓝色的主调等,如图 24-31所示。
色彩阶段性的变化被称为渐变。渐变也分色相、亮度、饱和度及色调的渐变。利用渐变效果可以营造
出舒缓的变化,也可产生阴影,让画面立体化,还可以很方便地让画面体现出纵深感,如图 24-32所示。
从 入 门 到 精 通
776 Photoshop CS2
Photoshop CS2
图 24-31 主调支配的作品
图 24-32 渐变协调
3.对比与区分
一幅没有对比的作品是令人乏味的,无法吸引观看者的注意。所以对比是色彩设计的必要环节,如
图 24-33所示。
色彩的面积越大,其性质就越容易显现出来,这就是色彩的面积效果。
与对比有相同效果的是区分。在相邻颜色非常相似的情况下用对比,会让色相发生变化。为了避免
这种情况的发生,我们用区分的手法。
区分就是在相邻颜色间制造空间或者边界线,使作品产生节奏,这种节奏也是塑造作品紧张感的一
种手法。如图 24-34所示,添加了黑色轮廓线的小猫轻易地与背景分离开来,增强了画面的节奏感。
图 24-33 运用对比的手法
图 24-34 运用区分的手法
在相邻颜色间制造边界线时,边界线的颜色必须醒目,以起到强调的作用。
4.统一与节奏
当一幅图像中运用到很多色相鲜明的色彩时,画面整体就会显得鲜艳、热闹且不够稳重,为了把握
画面的平衡感,我们可以整合全图色彩的调子,形成统一感。
为营造出统一感,可用控制使用色彩的数量方法。但如果保持多色彩,想要得到统一感,就要进行
混色。混色就是将画面中最受重视的颜色(主调色)混入所有的颜色中。只要所有的颜色都带有主调色,
色调就会统一起来了,如图 24-35所示。
提
示
提
示
第 24 章 Photoshop 与配色技巧
777Photoshop CS2
在 Photoshop CS2中进行混色很简单,只要在所有图像上面添加一个或多个色彩调整图层即可。
节奏是指通过视觉上的重复循环,能在配色中感觉到韵律感的技巧。苏格兰纹饰和格子图案便属于
这个种类。两色反复现象叫反复,两色以上的搭配叫间隔,如图 24-36所示。
图 24-35 为画面混色增加统一感
图 24-36 有节奏感的配色
即便形态不同,只要有相同色彩往复,也能构成节奏。节奏是有生命的意象。用色彩制造节奏时,
将循环的颜色进行微妙的变化,只要控制在相同的色相范围内,保持一定节奏就可以营造出欢快的气氛,
如图 24-37所示。
5.同化现象
同化就是两色重叠,使得其中一方的色相向另一方接近。如图 24-38 所示,根据线条,底色发生变
化。同化有色相同化、明度同化和饱和度同化。
如图 24-39所示,小圆形都是同一种颜色,但是底色不同,看起来好像小圆的颜色也有差异。
图 24-37 有韵律的配色
图 24-38 根据线条底色发生变化
图 24-39 根据底色颜色发生变化
有意识地使用这种效果,可以让色彩表现出原本没有的效果,不光是圆形,直线和波浪形也能
制造出有趣的效果。
技
巧
提
示
从 入 门 到 精 通
778 Photoshop CS2
Photoshop CS2
24.3 应用色彩
在本节中,我们将按照色轮和印象描述词的分类,对配色的示例进行解说,在实践中练习配色技巧。
如图 24-40 所示,我们将以这 8 张黑白图为底稿,来进行配色练习。读者可以打开本书附带光盘
\Chapter-24\的文件夹,使用该文件夹中提供的素材图像跟随本节中的讲解做模拟练习。
图 24-40 黑白底稿
1.红色系
在整个人类的发展历史中,红色始终代表着一种特殊的力量与诠释。鲜血、火焰、危险、战争等极
端的感觉都可以与红色联系在一起。红色的色感温暖,性格刚烈而外向,是一种刺激性很强的颜色,图
24-41所示为色轮上的红色系。
(1)力量、激情
红色本身就充满了能量,给人一种激情的感觉。在无色彩的底色上以高饱和度的红为主调色,搭配
以暖色调中高饱和度的橙色以及冷色调中的黄色,将使整幅画面张力十足,传达了力量感的画面意象,
如图 24-42所示。
红色
橙色
黄色
黄绿色
绿色
蓝绿色
蓝色
蓝紫色
紫色
紫红色
图 24-41 红色系
R255
G0
B0
R196
G0
B14
R68
G3
B5
R103
G16
B7
R255
G255
B0
R255
G60
B0
R255
G127
B0
R252
G160
B0
图 24-42 力量、激情的意象配色
第 24 章 Photoshop 与配色技巧
779Photoshop CS2
(2)艺术、古典
暖色系中高饱和度、低亮度的红色给人一种稳重、古典
的传统感觉,搭配以深暖色中张力较强的橙色、绿色,整幅
画面将呈现一种古典雅致的效果,如图 24-43所示。
使用高亮度的红色,通过与白色、黑色等非彩色搭配使
用,还可以得到现代且激进的感觉,如图 24-44所示。
使用低亮度的红色容易营造出成熟稳重的感觉,与暖色
系色彩搭配,多用于烘托画面的传统氛围,如图 24-45所示。
图 24-44 应用效果
图 24-45 应用效果
2.橙色系
橙色是可以通过变换色调营造出不同氛围的典型颜色,它既
能表现出青春朝气蓬勃的活力,也能够实现沉稳老练的效果,低
饱和度、高亮度的橙色还可以表现出温柔可人的效果,所以橙色
在平面设计配色中的适用范围是非常广泛的。图 24-46 出示了色
轮上的橙色系。
(1)平和、和煦
使人感觉到暖度的浅暖色中,橙色和黄色的组合充分表现了
和煦的晴朗感,如图 24-47所示。
(2)沉稳、老练
使用低饱和度的橙色和暖色系中的颜色搭配组合,既有自然感,又有都会气息,给人一种沉稳老练
的感觉,最后添加深黄绿色,压制高明度橙色的浮躁感,如图 24-48所示。
R139
G18
B0
R148
G144
B32
R192
G0
B0
R255
G144
B0
R255
G244
B202
图 24-43 艺术、古典的意象配色
红色
橙色
黄色
黄绿色
绿色
蓝绿色
蓝色
蓝紫色
紫色
紫红色
图 24-46 橙色系
从 入 门 到 精 通
780 Photoshop CS2
Photoshop CS2
R255
G117
B53
R255
G243
B189
R22
G109
B127
图 24-47 平和、和煦的意象配色
R122
G53
B0
R255
G157
B1
R77
G79
B0
R151
G4
B0
R57
G0
B0
图 24-48 沉稳、老练的意象配色
使用了高亮度橙色的设计作品通常都会给人一种晴朗新鲜的感觉。如图 24-49 所示,将黄色、黄绿
色等类似颜色与橙色搭配使用,就能得到充满青春活力的效果。
而低亮度的橙色类似于泥土的颜色,看上去沉稳、老练,给人以信任感,如图 24-50所示。
图 24-49 应用效果
图 24-50 应用效果
3.黄色系
黄色具有明朗、高傲、敏感、扩张和不安宁的视觉印象,
同时它还可以起到强调突出的作用。图 24-51 所示为色轮上的
黄色系。
(1)明朗、平和
明朗的黄色与清新的绿色搭配很适宜表现明朗、平和的意
象,如图 24-52所示。
(2)成熟、稳重
采用同一色调的深褐色与黄色搭配,可以表达一种成熟的
城市时尚的感觉。再辅以暖色系中的低明度色彩,可丰富画面
内容,如图 24-53所示。
红色
橙色
黄色
黄绿色
绿色
蓝绿色
蓝色
蓝紫色
紫色
紫红色
图 24-51 黄色系
第 24 章 Photoshop 与配色技巧
781Photoshop CS2
R255
G240
B135
R138
G174
B66
R46
G46
B46
图 24-52 明朗、愉快的意象配色
R66
G45
B7
R17
G4
B2
R230
G213
B133
R197
G142
B16
R152
G147
B94
R92
G61
B21
图 24-53 成熟、都市的意象配色
黄色系的颜色结合紫色、蓝色等颜色,可以使画面得到温暖愉快的积极效果。而高饱和度的黄色与
黑色的结合,可以得到清晰整洁的效果,这种配色示例在海报中经常可以见到,如图 24-54所示。
使用深浅不一的黄色系颜色搭配出的画面,很容易营造出怀旧风格的氛围,如图 24-55所示。
图 24-54 应用效果
图 24-55 应用效果
4.黄绿色系
黄绿色同时含有黄色和绿色两种颜色的共同特点,主要用于表现温暖亲切地感觉,或高科技神秘虚
幻的感觉。图 24-56所示为色轮上的黄绿色系。
(1)明快、自然
充分运用适合表现年轻朝气的黄绿色,与白色和低饱和度的红色搭配,体现出明快自然的画面感觉,
如图 24-57所示。
(2)稳重、典雅
使用黄绿色系中的深暖色,搭配以深蓝绿色,构成了在典雅中间有传统古典感觉的沉稳配色。而配
合无彩色中的黑色或白色,则平衡了画面感觉,如图 24-58所示。
从 入 门 到 精 通
782 Photoshop CS2
Photoshop CS2
红色
橙色
黄色
黄绿色
绿色
蓝绿色
蓝色
蓝紫色
紫色
紫红色
图 24-56 黄绿色系
R151
G215
B24
R194
G67
B69
R255
G255
B255
图 24-57 明快、自然的意象配色
主调色使用黄绿色,搭配橘红色的背景,并配以黑白渐变的色块,则整体效果既醒目,又充满个性,
具有强烈的视觉冲击力,给人一种充满活力,积极向上同时又不缺乏稳重理性的感觉,如图 24-59所示。
R66
G71
B9
R26
G56
B65
R123
G140
B0
R199
G224
B36
R86
G96
B3
R152
G141
B0
图 24-58 稳重、典雅的意象配色
图 24-59 应用效果
5.绿色系
绿色具有黄色和蓝色两种成分,给人以平和、安稳的感觉。
绿色本身具有健康的视觉印象,所以经常用于食品类、医药类、
保健品类包装
宣传
免费孕前优生健康检查孕期保健知识宣传1冬季预防流感知识宣传手足口病防知识宣传森林防火宣传内容
广告上,是一种柔顺、恬静、满足、优美的颜
色。图 24-60所示为色轮上的绿色系。
(1)清新、和谐
使用清新自然的同色系配色,能表现出和谐素雅的感觉,然
后加入小面积的橙黄色,可丰富画面效果,如图 24-61所示。
(2)自然、时尚
绿色系中不同亮度、饱和度的颜色搭配组合的画面具有一定
的韵律感,接着使用不同面积的黑色和白色装饰画面,并使用高明度的红色作为强调色,给人一种时尚
的感觉,效果如图 24-62所示。
红色
橙色
黄色
黄绿色
绿色
蓝绿色
蓝色
蓝紫色
紫色
紫红色
图 24-60 绿色系
第 24 章 Photoshop 与配色技巧
783Photoshop CS2
R221 G255 B214
R24 G144 B71
R69 G189 B116
R11 G78 B60
R68 G255 B160
R255 G199 B81
图 24-61 清新、和谐的意象配色
R193
G250
B57
R167
G233
B67
R103
G173
B75
R37
G107
B76
R20
G80
B50
图 24-62 清爽、鲜嫩的意象配色
当搭配使用绿色和白色时,可以得到自然健康的感觉,如图 24-63所示。
当搭配使用绿色和红色时,适当的减弱这两种颜色的饱和度,可以得到鲜明且内涵丰富的感觉,如
图 24-64所示。
图 24-63 应用效果
图 24-64 应用效果
6.蓝绿色系
蓝绿色可以说是草绿色的健康和蓝色的清新感觉的结合体,会给人带来凉爽清新的感觉。蓝绿色既
可以使人原本兴奋的心情冷静下来,也可以使人原本沉静的心情活跃起来。图 24-65 所示为色轮上的蓝
绿色系。
(1)清爽、整洁
以蓝绿色调为主调色,搭配以白色和冷柔和色,整幅画面会透出清爽明快的感觉,如图 24-66所示。
(2)沉静、神秘
低亮度的蓝绿色搭配以低饱和度的绿色,可使画面透漏出稳重、冷静的意象,最后以冷柔和色作强
调色,提升画面吸引力,如图 24-67所示。
从 入 门 到 精 通
784 Photoshop CS2
Photoshop CS2
红色
橙色
黄色
黄绿色
绿色
蓝绿色
蓝色
蓝紫色
紫色
紫红色
图 24-65 蓝绿色系
R206
G212
B214
R164
G205
B178
R76
G179
B110
R78
G179
B175
R176
G221
B207
R76
G144
B179
R117
G196
B138
R76
G160
B179
图 24-66 清爽、整洁的意象配色
如图 24-68所示,蓝绿色与蓝色、紫色、白色等颜色搭配,可以得到清新爽朗的效果。
R0 G80 B84
R0 G63 B50
R122 G158 B128
R196 G208 B154
R177 G232 B143
图 24-67 沉静、神秘的意象配色
图 24-68 应用效果
7.蓝色系
蓝色会使人自然地联想起大海和天空,使人产生一种爽朗、
开阔、清凉的感觉。同时蓝色还能够给人很强烈的安稳感,表
现出和平、淡雅、洁净、可靠等多种视觉印象。图 24-69 所示
为色轮上的蓝色系。
(1)刺激、强调
饱和度高的蓝色系与其补色和对比色搭配,可以传达具有
刺激、强调感觉的意象,如图 24-70所示。
(2)安稳、可靠
以蓝色系为主调色的配色,灵活搭配冷色系的蓝色,能很
好的体现出蓝色稳重、可靠的特点。在画面上点缀其补色黄色,可为画面添加活泼的感觉,也避免了因
红色
橙色
黄色
黄绿色
绿色
蓝绿色
蓝色
蓝紫色
紫色
紫红色
图 24-69 蓝色系
第 24 章 Photoshop 与配色技巧
785Photoshop CS2
颜色沉稳而带给人的沉闷感,如图 24-71所示。
R12
G15
B137
R8
G84
B146
R139
G21
B21
R255
G255
B255
R255
G255
B0
图 24-70 刺激、强调的意象图配色
R0
G86
B157
R87
G166
B215
R243
G240
B241
R216
G225
B243
R252
G255
B0
图 24-71 安稳、可靠的意象配色
高饱和度的蓝色给人一种整洁轻快的印象。低饱和度的蓝色主要用于营造安稳、可靠的气氛,如图
24-72所示。低饱和度的蓝色会给人一种都市化的现代派印象。
主颜色选择明亮的蓝色,配以白色的背景和灰亮的辅助色,可以使画面干净而整洁,并给人庄重充
实的印象,如图 24-73所示。
图 24-72 应用效果
图 24-73 应用效果
8.蓝紫色系
蓝紫色在色相环中位于蓝色和紫色之间,所以它也蕴含着紫色的一些神秘感。低亮度的蓝紫色显得
很有分量,而高亮度的蓝紫色显得非常高雅。在设计作品中使用蓝紫色配色时,主要把握画面颜色的平
衡,以防因蓝紫色明度过高或饱和度过高而导致画面轻浮。图 24-74所示为色轮上的蓝紫色系。
(1)温柔、雅致
高明度的淡蓝紫色给人以高雅温柔的意象感觉,搭配以冷柔和色中的淡蓝色、淡紫色以及淡黄色,
温柔的感觉油然而生,如图 24-75所示。
从 入 门 到 精 通
786 Photoshop CS2
Photoshop CS2
红色
橙色
黄色
黄绿色
绿色
蓝绿色
蓝色
蓝紫色
紫色
紫红色
图 24-74 蓝紫色系
R213
G191
B233
R194
G214
B255
R144
G136
B178
R255
G242
B247
R195
G162
B252
图 24-75 温柔、雅致的意象配色
(2)前卫、神秘
高饱和度的蓝紫色与蓝色、紫色搭配,会给人以神秘莫测的感觉,如图 24-76所示。
如图 24-77所示,低饱和度的蓝紫色与白色搭配,恰如其分的烘托出画面中女性优雅略带神秘的气质。
R48
G3
B131
R114
G28
B194
R134
G71
B255
R94
G12
B172
R255
G71
B255
R182
G71
B255
R255
G148
B247
R255
G71
B228
图 24-76 前卫、神秘的意象配色
图 24-77 应用效果
9.紫色系
紫色通常用于以女性为对象或以艺术品介绍为主的宣传海报。较暗色调的紫色可以表现出成熟的感
觉,清澈的紫色通常用来表现女性化。图 24-78所示为色轮上的紫色系。
(1)浪漫、素雅
紫色系中清澈、透明感强的颜色与有沉稳感觉的冷柔和色搭配,可表现出一种高尚洗练的意象,使
整幅画面给人以浪漫素雅的感受,如图 24-79所示。
(2)妖艳
使用冷柔和色系中饱和度较强的紫色搭配组合,再加入高亮度的粉紫色与白色的渐变,将提升画面
的鲜亮感,带给人妖艳的感觉,如图 24-80所示。
第 24 章 Photoshop 与配色技巧
787Photoshop CS2
红色
橙色
黄色
黄绿色
绿色
蓝绿色
蓝色
蓝紫色
紫色
紫红色
图 24-78 紫色系
▆
R248
G224
B242
R212
G160
B197
R42
G82
B0
R149
G106
B176
图 24-79 浪漫、素雅的意象配色
如图 24-81所示,黑色的背景,搭配冷色系的紫色调,使整幅画面透出一种神秘莫测的美感。
R32 G35 B70
R99 G32 B137
R144 G77 B182
R141 G134 B255
R255 G68 B169
R76 G71 B175
图 24-80 妖艳的意象
图 24-81 应用效果
10.紫红色系
清澈色调的紫红色又称粉红色。因为从明亮到苍白色调的
粉红色能够表现出浪漫、可爱的视觉印象,所以该颜色会用作
背景色或在页面中大范围的使用。图 24-82 所示为色轮上的紫
红色系。
(1)浪漫、神秘
使用具有温柔意象的浅粉色做基调色,既衬托出紫红色的
浪漫、华丽感,又不失紫色调的神秘感,如图 24-83所示。
(2)明快、时尚
大面积的紫红和白色,将整个画面的基调定位于活力、明
快、时尚,同时搭配以小面积的补色,如蓝色和黄色,将增添画面的动感,最后使用区分方法,将文字
红色
橙色
黄色
黄绿色
绿色
蓝绿色
蓝色
蓝紫色
紫色
紫红色
图 24-82 紫红色系
从 入 门 到 精 通
788 Photoshop CS2
Photoshop CS2
图像强调出来,效果如图 24-84所示。
R250 G228 B255
R197 G95 B246
R177 G180 B232
R152 G50 B201
R187 G0 B95
R12 G0 B121
图 24-83 浪漫、神秘的意象配色
R239
G47
B114
R0
G164
B230
R250
G250
B250
R211
G235
B78
R253
G250
B0
图 24-84 明快、时尚的意象
紫红色是非常女性化的颜色,它给人的感觉通常都是浪漫、柔和、华丽、高贵和优雅的,特别是粉
红色,可以说是女性化的代表颜色,如图 24-85所示。
高饱和度的紫红色可以表现出超凡的华丽,如图 24-86所示。
图 24-85 应用效果
图 24-86 应用效果
11.黑白色系
黑色和白色表现出了两个极端的亮度,白色有很强烈的感召力,它能够表现出如白雪般的纯洁与柔
和。黑色也有很强大的感染力,它能够表现出特有的高贵,且黑色还经常用于死亡和神秘。这两种颜色
的搭配,通常可以表现出都市化的感觉。通过合理地添加一些彩色,可以得到突出彩色的效果。
(1)强调、前卫
将黑色、不同程度的灰色与白色组合搭配,给人一种前卫的感觉,然后在画面中添加小面积的红色,
能起到强调和突出画面效果的作用,如图 24-87所示。
(2)优雅、简约
黑色与粉色搭配,使画面呈现出优雅的感觉,如图 24-88所示。
第 24 章 Photoshop 与配色技巧
789Photoshop CS2
R255
G6
B10
R0
G219
B255
R60
G60
B60
图 24-87 现代、前卫的意象配色
R139
G113
B129
R43
G0
B44
R250
G213
B227
图 24-88 优雅、简约的意象配色
如图 24-89所示,黑、白、灰 3种无彩色组合的背景色搭配以浓淡不同的绿色,使整幅画面清新自
然,且具有别样的清爽感觉。
图 24-89 应用效果