调色教程-课件.pptVIP

漫谈PPT色彩 @只为设计的微波 R:255 G:92 B:0 RGB色盘 RGB RGB是最常见的色彩模式 但本ppt用的是HSL模式 H:32 S:255 L:128 HSL色盘 HSL HSL与RGB模式可以很方便地进行切换 点击如图下拉箭头，切换到HSL模式，在HSL下修改数值，再切换到RGB模式，值会相应自动修改。后文将以HSL模式为基础。 我们只需要 HSL色彩模式介绍 色调 饱和度 亮度 平行 垂直 斜交 色彩的三大关系 主要用于不同元素的并列关系或同一元素的渐变 平行色彩 平行关系色彩 在HSL色盘上的 位置关系 示例1 示例2 特例 慎用灰色: 要表达并列关系的元素时，灰色应与多种色调搭配，且灰色不宜过多。否则很容易形成强调关系或整体不协调。 表达的是同一/不同元素基于某种色调的层次变化关系 垂直色彩1 垂直关系1色彩 在HSL色盘上的 位置关系 示例1 单色 渐变 边框 阴影 综合 H:11 S:234 L:119 H:11 S:234 L:151 H:11 S:234 L:39 同一元素 示例2 不同元素 释疑 层次变化表现为： 强调元素用深色 非强调元素用浅色或灰色 层次变化表现为: 元素的并列关系是由于色彩分布错落有致，其中最明显的色彩一般置于中央，淡化了色彩的层次 释疑 色彩由浅到深分布，突出了变化趋势，层次就明显了 表达的是同一/不同元素基于某种色调的层次变化关系，与垂直色彩1意义相同 垂直色彩2 联系 联系（HSL色彩立体模型，可不看） 垂直色彩2 垂直色彩1 平行色彩 区别（需牢记的） 示例 是平行色彩与垂直色彩的结合，可实现更丰富的配色。 斜交色彩 斜交方式1：先平行，后垂直1（调亮度） 先调节色调 H:32→42 后调节亮度 L：128→192 斜交方式1：先垂直1，后平行 后调节色调 H:32→42 先调节亮度 L：128→192 与前页等价 斜交方式2：先平行，后垂直2（调饱和度） 先调节色调 H:32→42 后调节饱和度 S：255→192 斜交方式2：先垂直2，后平行 后调节色调 H:32→42 先调节饱和度 S：255→192 与前页等价 斜交方式3：平行、垂直1、垂直2 先调节色调 H：32→56 后调节亮度 L：128→95 再调节饱和度 S：255→83 任意两种颜色都可以 通过斜交方式3得到 斜交方式4 同一色调 前面讲的是不同色调颜色的斜交调整方式，这里讲一下同一色调的斜交。 A(19,150,119) 19,234,119 调节饱和度 S：234→150 B(19,234,96) 调节亮度 L：119→96 C(19,150,96) 如A，仍然感觉有点亮；如B，感觉有点艳丽。这时我们就需要使用斜交色彩得到C 斜交方式4 同一色调 同样的道理 如D，仍然感觉有点亮；如E，感觉有点艳丽 这时我们就需要使用斜交色彩得到F 感觉是否不同？ E(19,150,119) F(19,150,213) 调节饱和度 S：234→150 D(19,234,213) 调节亮度 L：119→213 19,234,119 斜交方式4 同一色调 由此我们得到了，与垂直色彩不同的颜色方案，颜色更具变化性，让我们有了更多的色彩选择 更多示例 示例 垂直1色彩（调亮度）做渐变效果 示例 垂直1色彩（调亮度）做渐变效果 示例 垂直1色彩（调亮度）做渐变效果 元素各个部分赋色说明 *射线渐变填充 渐变2 11，233，110 渐变1 11，233，150 阴影 11，233，48 线框色 11，233，150 示例 平行色彩做多种色调 *这里罗列出具有代表性的色调，实际中是用不了这么多 *请注意看HSL值 示例 平行色彩做多种色调 *这里罗列出具有代表性的色调，实际中是用不了这么多 *请注意看HSL值 示例 平行色彩做多种色调 *这里罗列出具有代表性的色调，实际中是用不了这么多 *请注意看HSL值 示例 平行色彩做多种色调 *这里罗列出具有代表性的色调，实际中是用不了这么多 *请注意看HSL值 示例 平行色彩做多种色调 罗列出的16种平行色彩，足够平常所用。这里的颜色仅供参考。实际上是有255种色调可供选择。 在此输入一级标题 在此输入一级标题 在此输入一级标题 在此输入一级标题 示例 垂直色彩2+平行色彩做多种色调 如果觉得颜色有点艳丽，可相应调整饱和度，这里调整的是渐变2与线框色的饱和度，渐变1和阴影不做调整 示例2 平行色彩做渐变 前面我们讲的是一个元素基于垂直色彩的渐变，这里讲讲平行色彩的渐变。平行色彩的渐变表达的也是一种颜色的平等关系，平衡感较强 渐变2 0，233，110 渐变1 33，233，110 示例3 斜交色彩做渐变 如果要打破这种平衡感，呈现