红色搭配什么颜色(色彩搭配)
色彩搭配
调色公式——叠加原理
RGB和CMYK模式
色系
■ 黑白灰——无色系,在设计中不算颜色
■ 判断属于有色系还是无色系:
- H(色相——颜色的相貌)
- S(饱和度——浓度)
- B(明度)
【R(红光)G(绿光)B(蓝光) 最大值为255】
色相值与代表颜色
色相值/度 | 0/360 | 60 | 120 | 180 | 240 | 300 |
代表颜色 | 红 | 黄 | 绿 | 青 | 蓝 | 洋红 |
■ 饱和度和明度为100%时为纯色
直方图:
直方图
① 左下角黑色最暗的部分,右上角白色最亮的部分
② 山峰代表颜色含量的多少、集中区域,峰值离哪个点近就调哪个,效果明显
③ 调亮:增加白色和浅灰色、减少黑色和深灰色,调暗则反之
④ 调亮和调色分不同曲线,提高灵活性
- 调亮:CMYK/RGB曲线,
- 调色:对应颜色曲线
⑥ 红色对立色为青色,色相值加180
色相环
- 调出色相环:选择画笔或吸管-三键+鼠标右键
- 设置色相环:编辑-首选项-常规-HUD拾色器-色相轮中
- 使用色相环:先选择色相再选饱和度和明度
色彩搭配
(1)单一色系配色
■ 同类色
同类色30°
特点:具备一致性和协调感,但要注意文案搭配,否则画面易单调。注意色彩明暗对比,并与主产品相呼应。
■ 邻近色
邻近色60°
特点:与同类色相比,增加了色相对比,更加丰富,但也一样和谐一致,画面感觉相对不易单调,也适合当渐变色使用。
(2)多色系配色
■ 对比色
对比色120°
特点:具有强烈的反差性,鲜明的对比效果能带来丰富的视觉层次和强烈的视觉冲击力,但在色彩搭配上较难把控,容易不协调、杂乱刺眼。要控制好色彩比例或降低明度、饱和度,调和对抗性。
□ 等边三角形对比色——
对比色的色系在色相环上彼此距离120度的位置上做连接
等边三角形对比色
■ 互补色
互补色180°
特点:具有强烈视觉冲击力和创意效果,但要注意面积比例,要有重点颜色,另一个作为氛围渲染。
□ 四边形互补色——
取色香环上的任意四个色相所在点构成矩形
四边形互补色
配色秩序
配色秩序——色彩在整个配色所处的位置、面积等。好的配色秩序才能发挥每一种颜色的特质。
■ 颜色组成公式:
- 配色=主色+背景色+强调色+衬托色
- 配色=主色+副色+点缀色
■ 面积大小:
- 主色>副色>点缀色
- 主色最大,再到副色,点缀色最少但明显,可以有很多种
■ 主色:
- 面积大,且纯度高。
- 相比面积大但纯度低、明度低的色彩,虽然面积稍小,但在画面中一眼就能看到。
- 也可以双主色,如利用互补色搭配
- 支配地位,要契合画面主题,可影响整体感官、作品传达的感受。
■ 衬托色:
- 为衬托主色而出现,
- 通常为主色的互补色或对比色,
- 不能面积太大或纯度太高,否则会削弱主色
■ 背景色:(以产品为参考)
- 在主色背后若隐若现,实际支配整个画面效果。
- 即使主角色一样,背景色不同也会给人不同的感觉。
■ 强调色:
- 牵引提醒的作用通常在焦点的地方使用面积一般较小,面积越小,对比越强,越突出
应用操作步骤
- 新建画布:750*1200像素
- 置入产品,吸取产品颜色,调整色相值,加度数,选出同类色(30°)、邻近色(60°)、对比色(120°)、互补色(180°)
- 抄排版
- 填充文案
曲线调色:
- 判断原来是什么颜色
- 要调成什么颜色
- 要添加什么颜色就进入哪个通道
- 先调整明度、饱和度,再调整色相
■ 或者看要加的那个颜色是由哪两种颜色构成的,就加什么颜色
应用展示
声明:本站所有文章资源内容,如无特殊说明或标注,均为采集网络资源。如若本站内容侵犯了原著者的合法权益,可联系本站删除。