《数字色彩》 主讲教授：田 少 煦.

Presentation on theme: "《数字色彩》 主讲教授：田 少 煦."— Presentation transcript:

1 《数字色彩》 主讲教授：田 少 煦

2 第三章 在视觉设计中认识颜色 第三章 在视觉设计中认识颜色 第一节 视觉设计中的颜色 第二节 绘图软件中数字色彩使用方法

3 第一节 视觉设计中的颜色 第三章 在视觉设计中认识颜色
第三章 在视觉设计中认识颜色 第一节 视觉设计中的颜色 我们在色彩模型里了解到各种色彩的性质，现回到实际的设计中来认识具体的颜色。由于RGB色彩没有明度标示，只有色相，不大可能想象一个数值为R 245，G 120，B 78 的颜色是一个什么样视觉效果。而HSV (HSB) 色彩的色相是一个 0-360度的值，我们也很难想象它数字标示的视觉效果。因此，使用CMYK色彩模型进行常规的色彩设计，与我们用颜料进行绘画和设计最接近，也最好把握。

4 第三章 在视觉设计中认识颜色 一、 认识色相 从光的色散我们得知，自然界的颜色是光照产生的结果。我们把光色简单地分为红、橙、黄、绿、青、蓝、紫，从光的三原色和颜料的三原色，我们得到两组、六个不同的原色，设计中称这些颜色为六个标准色。 我们可以借助 CorelDRAW 12 软件中的填色工具来认识这六个标准色，并把它推广到其他的颜色。

5 在CMYK三维减色里的色相设置 红、绿、蓝色

6 在CMYK三维减色里的色相设置 品红、黄、青色 *

7 第三章 在视觉设计中认识颜色 二、 认识明度 为了便于跟HSV（HSB）的色彩明度相比较，我们在CorelDRAW 12 软件的工具箱中，选择：填充工具――标准填充对话框――选项――值2―― HSB，让“标准填充”对话框的“组件”后一列显示出“HSB”及其的数值。由于色彩模型之间存在技术和标准差别，这里CMYK的K的数值与 HSB的 B数值只能是一个近似值，不可能完全相等。

8 CMYK色彩模型中 不同明度的颜色 *

9 第三章 在视觉设计中认识颜色 三、 认识颜色的其他成分 （一）色彩饱和度：
第三章 在视觉设计中认识颜色 三、 认识颜色的其他成分 我们通过CorelDRAW 12 软件中的“标准填充”对话框，我们还可以认识颜色的其他成分。 （一）色彩饱和度： 通过选用HSB的色彩模型，就可以直接得到色 彩饱和度 S 的数值； 2. 如果选用CMYK、CMY的色彩模型，把“值2”设 置为HSB，可以看到色彩饱和度 S 的近似值。

10 HSB 色彩模型的 S值 CMYK 色彩模型的 S值

11 第三章 在视觉设计中认识颜色 （二）选用RGB色彩模型： 1. 选用RGB色彩模型，把“值2”设置为HSB，可
第三章 在视觉设计中认识颜色 （二）选用RGB色彩模型： 1. 选用RGB色彩模型，把“值2”设置为HSB，可 以看到相应的色彩饱和度 S 的近似值、色 相、明度值； 2. 选用RGB色彩模型，把“值2”设置为CMYK， 可以看到相应的由C、M、Y表示的色相，以及 K 表示的色彩明度值。

12 HSB 色彩模型与 HSB值 HSB 色彩模型与 CMYK值

13 第三章 在视觉设计中认识颜色 （三）选用 Lab色彩模型：
第三章 在视觉设计中认识颜色 （三）选用 Lab色彩模型： 1. 选用Lab色彩模型，把“值2”设置为CMYK，可以看到相应的由C、M、Y表示的色相，以及 K表示的色彩明度值； 2. 选用Lab色彩模型，把“值2”设置为HSB，可以看到相应的色相H、色彩饱和度 S 的近似值，以及B表示的明度值。

14 Lab 色彩模型与 CMYK值 Lab 色彩模型与 HSB值 *

15 第三章 在视觉设计中认识颜色 四、 原色、间色和复色 （一）原色：
第三章 在视觉设计中认识颜色 四、 原色、间色和复色 （一）原色： 原色是能够生成其他颜色的颜色，在RGB色彩模型中，它分别是R、G、B；在CMYK色彩模型中，它分别是C、M、Y。 (*画)

16 第三章 在视觉设计中认识颜色 （二）间色： 间色是由两种原色生成的颜色，它的成分比较单纯。 (*画)

17 第三章 在视觉设计中认识颜色 （三）复色： 复色是由三种原色生成的颜色， 或者是由两种 原色加黑色 生成的颜 色，它的成 分相对比较
第三章 在视觉设计中认识颜色 （三）复色： 复色是由三种原色生成的颜色， 或者是由两种 原色加黑色 生成的颜 色，它的成 分相对比较 复杂。 (*画)

18 第二节 软件中数字色彩的使用方法 第三章 在视觉设计中认识颜色 一、 色彩的数字化表达方式
第三章 在视觉设计中认识颜色 第二节 软件中数字色彩的使用方法 一、 色彩的数字化表达方式 色彩的数字化表达方式是依据不同的色彩模型所产生的。我们通常接触到的色彩数字化表达方式，大都包含在各种不同的图形图像应用软件之中。在计算机绘图软件中，我们可以通过以下方法得到用户所需色彩，这里以常用图像软件Photoshop 和图形软CorelDRAW 为例：

19 第三章 在视觉设计中认识颜色 （一） 数字输入法 * （二） 模型选取法 * 1．在 Photoshop 软件里
第三章 在视觉设计中认识颜色 （一） 数字输入法 * 1．在 Photoshop 软件里 2．在 CorelDRAW 软件里 （二） 模型选取法 * 1．在 Photoshop 软件里 2．在 CorelDRAW 软件里

20 第三章 在视觉设计中认识颜色 （三） 色板与色盘选取法 * （四） 滑杆选取法 * 1．在 Photoshop 软件里
第三章 在视觉设计中认识颜色 （三） 色板与色盘选取法 * 1．在 Photoshop 软件里 2．在 CorelDRAW 软件里 （四） 滑杆选取法 * 1．在 Photoshop 软件里 2．在 CorelDRAW 软件里

21 第三章 在视觉设计中认识颜色 二、 数字色彩的绘制方式 （一） 色油漆桶填色 * 1．在 Photoshop 软件里
第三章 在视觉设计中认识颜色 二、 数字色彩的绘制方式 （一） 色油漆桶填色 * 1．在 Photoshop 软件里 2．在 CorelDRAW 软件里

22 第三章 在视觉设计中认识颜色 （二） 各种类型的渐变填色 1．在 Photoshop 软件里 *
第三章 在视觉设计中认识颜色 （二） 各种类型的渐变填色 1．在 Photoshop 软件里 * 有线性渐变工具、径向渐变工具、角度渐变工具，对称渐变工具、菱形渐变工具，可制作出各种颜色渐变。

23 第三章 在视觉设计中认识颜色 2．在 CorelDRAW 软件里 *
第三章 在视觉设计中认识颜色 2．在 CorelDRAW 软件里 * 有渐变填充工具（线性渐变、射线渐变、圆锥渐变、方角渐变、自定义）、互动式透明工具、互动式填充工具、互动式网格填充工具等，可制作出各种颜色渐变。

24 互动式网格填充 互动式透明填充(画)

25 第三章 在视觉设计中认识颜色 （二） 画笔等工具绘制的颜色
第三章 在视觉设计中认识颜色 （二） 画笔等工具绘制的颜色 在photoshop 、CorelDRAW 等软件绘图里，还可通过画笔、铅笔、喷笔等与色彩有关的工具实现颜色的绘制。在使用画笔工具、铅笔、喷笔工具的过程中，可以通过设置选项属性拦窗口中的笔触选项改变某一着色工具的笔触样式 。(*画)

26 第三章 在视觉设计中认识颜色 三、 数字色彩应用的注意事项 （一）警告色
第三章 在视觉设计中认识颜色 三、 数字色彩应用的注意事项 （一）警告色 CMYK的色域范围比RGB的色域范围要小。当这些不能印刷出来的颜色出现时，在绘图软件就会显示警告信号。photoshop会自动选择与不可印刷颜色最接近的颜色作为印刷色彩。例如：在photoshop 的拾色器上有时会显示一个带感叹号的三角形警告信号，表示这些颜色超出CMYK的色域。

27 第三章 在视觉设计中认识颜色 软件*

28 第三章 在视觉设计中认识颜色 （二）印刷工艺限制
第三章 在视觉设计中认识颜色 （二）印刷工艺限制 由于印刷的纸张和油墨，人眼无法分辨图像颜色之间微小差别，每相差5个颜色数值，印刷颜色才有一点区别。所以印刷为了让印刷与屏幕的颜色达到最佳效果，在调色的时候应该注意CMYK的数值调整以0或5为个位数。

29 第三章 在视觉设计中认识颜色 谢 谢 ！