数字色彩3
(21)
digital
Color
第三章 在视觉设计中认识颜色 (二) 各种类型的渐变填色
1.在 Photoshop 软件里 * 有线性渐变工具、径向渐变工具、角 度渐变工具,对称渐变工具、菱形渐变工 具,可制作出各种颜色渐变。
(22)
digital
Color
第三章 在视觉设计中认识颜色
2.在 CorelDRAW 软件里 * 有渐变填充工具(线性渐变、射线渐变、 圆锥渐变、方角渐变、自定义)、互动式透明 工具、互动式填充工具、互动式网格填充工具 等,可制作出各种颜色渐变。
(23)
digital
Color
互动式网格填充
互动式透明填充(画)
(24)
digital
Color
第三章 在视觉设计中认识颜色 (二) 画笔等工具绘制的颜色
在photoshop 、CorelDRAW 等软件绘 图里,还可通过画笔、铅笔、喷笔等与色彩有 关的工具实现颜色的绘制。在使用画笔工具、 铅笔、喷笔工具的过程中,可以通过设置选项 属性拦窗口中的笔触选项改变某一着色工具的 笔触样式 。(*画)
(26)
digital
Color
第三章 在视觉设计中认识颜色
软件*
(27)
digital
Color
第三章 在视觉设计中认识颜色
(二)印刷工艺限制 由于印刷的纸张和油墨,人眼无法分辨图像 颜色之间微小差别,每相差5个颜色数值,印刷 颜色才有一点区别。所以印刷为了让印刷与屏幕 的颜色达到最佳效果,在调色的时候应该注意 CMYK的数值调整以0或5为个位数。
(13)
digital
Color
Lab 色彩模型与 CMYK值
Lab 色彩模型与 HSB值 *
(14)
digital
Color
第三章 在视觉设计中认识颜色 四、 原色、间色和复色
(一)原色:
原色是能够生成 其他颜色的颜色, 在RGB色彩模型 中,它分别是R、 G、B;在CMYK 色彩模型中,它 分别是C、M、Y。
(25)
digital
Color
第三章 在视觉设计中认识颜色 三、 数字色彩应用的注意事项
(一)警告色 CMYK的色域范围比RGB的色域范围要小。 当这些不能印刷出来的颜色出现时,在绘图软件 就会显示警告信号。photoshop会自动选择与不 可印刷颜色最接近的颜色作为印刷色彩。例如: 在photoshop 的拾色器上有时会显示一个带感叹 号的三角形警告信号,表示这些颜色超出CMYK 的色域。
(17)
digital
Color
第三章 在视觉设计中认识颜色
第二节
软件中数字色彩的使用方法
一、 色彩的数字化表达方式
色彩的数字化表达方式是依据不同的色彩模 型所产生的。我们通常接触到的色彩数字化表达 方式,大都包含在各种不同的图形图像应用软件 之中。在计算机绘图软件中,我们可以通过以下 方法得到用户所需色彩,这里以常用图像软件 Photoshop 和图形软CorelDRAW 为例:
“数字色彩” 电子课件三
在视觉设计中认识颜色
主讲教授:田 少 煦
(1)
digital
Color
第三章 在视觉设计中认识颜色
第三章 在视觉设计中认识颜色
第一节 视觉设计中的颜色
第二节 绘图软件中数字色彩使用方法
(2)
digital
Color
第三章 在视觉设计中认识颜色
第一节
视觉设计中的颜色
我们在色彩模型里了解到各种色彩的性质, 现回到实际的设计中来认识具体的颜色。由于 RGB色彩没有明度标示,只有色相,不大可能 想象一个数值为R 245,G 120,B 78 的颜色 是一个什么样视觉效果。而HSV (HSB) 色彩的 色相是一个 0-360度的值,我们也很难想象它 数字标示的视觉效果。因此,使用CMYK色彩模 型进行常规的色彩设计,与我们用颜料进行绘画 和设计最接近,也最好把握。
1.在 Photoshop 软件里 2.在 CorelDRAW 软件里
(四) 滑杆选取法 *
1.在 Photoshop 软件里 2.在 CorelDRAW 软件里
(20)
digital
Color
第三章 在视觉设计中认识颜色 二、 数字色彩的绘制方式 (一) 色油漆桶填色 *
1.在 Photoshop 软件里 2.在 CorelDRAW 软件里
(4)
digital
Color
在CMYK三维减色里的色相设置 红、绿、蓝色
(5)
digital
Color
在CMYK三维减色里的色相设置 品红、黄、青色 *
(6)
digital
Color
第三章 在视觉设计中认识颜色 二、 认识明度
为了便于跟HSV(HSB)的色彩明度相比较, 我们在CorelDRAW 12 软件的工具箱中,选择: 填充工具――标准填充对话框――选项――值 2―― HSB,让“标准填充”对话框的“组件”后一 列显示出“HSB”及其的数值。由于色彩模型之间 存在技术和标准差别,这里CMYK的K的数值与 HSB的 B数值只能是一个近似值,不可能完全相 等。
digital
(18)
Color
第三章 在视觉设计中认识颜色 (一) 数字输入法 *
1.在 Photoshop 软件里 2.在 CorelDRAW 软件里
(二) 模型选取法 *
1.在 Photoshop 软件里 2.在 CorelDRAW 软件里
(19)
digital
Color
第三章 在视觉设计中认识颜色 (三) 色板与色盘选取法 *
(28)
digital
Color
第三章 在视觉设计中认识颜色
谢 谢 !
(29)
digital
Color
(11)
digital
Color
HSB 色彩模型与 HSB值
HSB 色彩模型与 CMYK值
(12)
digital
Color
第三章 在视觉设计中认识颜色
(三)选用 Lab色彩模型:
1. 选用Lab色彩模型,把“值2”设置为CMYK,可 以看到相应的由C、M、Y表示的色相,以及 K 表示的色彩明度值; 2. 选用Lab色彩模型,把“值2”设置为HSB,可以 看到相应的色相H、色彩饱和度 S 的近似值, 以及B表示的明度值。
digital
(9)
Color
HSB 色彩模型的 S值
CMY 色彩模型的 S值
(10)
digital
Color
第三章 在视觉设计中认识颜色
(二)选用RGB色彩模型:
1. 选用RGB色彩模型,把“值2”设置为HSB,可 以看到相应的色彩饱和度 S 的近似值、色 相、明度值; 2. 选用RGB色彩模型,把“值2”设置为CMYK, 可以看到相应的由C、M、Y表示的色相,以及 K 表示的色彩明度值。
(3)
digital
Color
第三章 在视觉设计中认识颜色 一、 认识色相
从光的色散我们得知,自然界的颜色是光照 产生的结果。我们把光色简单地分为红、橙、黄、 绿、青、蓝、紫,从光的三原色和颜料的三原色, 我们得到两组、六个不同的原色,设计中称这些 颜色为六个标准色。 我们可以借助 CorelDRAW 12 软件中的填 色工具来认识这六个标准色,并把它推广到其他 的颜色。
(7)
digital
Color
CMYK色彩模型中 不同明度的颜色 *
(8)
digital
Color
第三章 在视觉设计中认识颜色 三、 认识颜色的其他成分
我们通过CorelDRAW 12 软件中的“标准填 充”对话框,我们还可以认识颜色的其他成分。
(一)色彩饱和度:
1. 通过选用HSB的色彩模型,就可以直接得到色 彩饱和度 S 的数值; 2. 如果选用CMYK、CMY的色彩模型,把“值2”设 置为HSB,可以看到色彩饱和度 S 的近似值。
(*画)
(15)
digital
Color
第三章 在视觉设计中认识颜色
(二)间色:
间色是由两种原色生成的颜色,它的成分比较单纯。
(*画)
(16)
digital
Color
第三章 在视觉设计中认识颜色
(三)复色:
复色是由三种原色生成的颜色, 者是由两种 或 原色加黑色 生成的颜 色,它的成 分相对比较 复杂。 (*画)