2023年最新的色彩三要素教学设计4篇

1、第 PAGE36 页 共 NUMPAGES36 页2023年最新的色彩三要素教学设计4篇人眼看到的任一彩色光都是这三个特性的综合效果，这三个特性即是色彩的三要素，其中色调与光波的波长有直接关系，亮度和饱和度与光波的幅度有关。 色彩的三要素： 明度、色相、饱和度。 色相： 色相 色彩是由于物体上的物理性的光反射到人眼视神经上所产生的感觉。色的不同是由光的波长的长短差别所决定的。作为色相，指的是这些不同波长的色的情况。波长最长的是红色，最短的是紫色。把红、橙、黄、绿、蓝、紫和处在它们各自之间的红橙、黄橙、黄绿、蓝绿、蓝紫、红紫这6种中间色共计12种色作为色相环。在色相环上排列的色是纯度高的色，被称

2、为纯色。这些色在环上的位置是根据视觉和感觉的相等间隔来进行安排的。用类似这样的方法还可以再分出差别细微的多种色来。在色相环上，与环中心对称，并在180度的位置两端的色被称为互补色。 饱和度： 饱和度 用数值表示色的鲜艳或鲜明的程度称之为彩度。有彩色的各种色都具有彩度值，无彩色的色的彩度值为0，对于有彩色的色的彩度（纯度）的高低，区别方法是根据这种色中含灰色的程度来计算的。彩度由于色相的不同而不同，而且即使是相同的色相，因为明度的不同，彩度也会随之变化的。 色彩饱和度英文翻译为Colour Saturation,是色彩的三个属性(色相、饱和度及明度)之一,指的是色彩的纯度。纯度越高,色彩越鲜明,

3、饱和度也就越高,反之亦然。通俗地讲也就是颜色的深浅程度,鲜艳程度。用数码相机拍摄时,不同品牌的相机和镜头都会对图片的饱和度产生影响。不过,饱和度的高低不是衡量照片质最的唯一标准。高饱和度的画面可以带来丰富的视觉享受,但也有可能会损失图片的细节。所以我们要正确理解并合理使用色彩的饱和度。如何理解“色彩饱和度”和“色彩明亮度”的关系色彩明度和色彩饱和度是摄影中常见的两种色彩问题，很多影友容易将这两种概念混淆，明度是指色彩的明暗程度和深浅程度，饱和度则是指色彩的纯度，饱和度和明度是不能同一而语的，饱和度高的图片，明度不一定高。一般来说，物体在强烈阳光的照射下，色彩明度明显提高，而色彩饱和度却降低，当

4、物体曝光严重不足时，色彩明度和饱和度同时降低。 物体的固有色越鲜艳，照片的饱和度就越高，阳光直射下，阴影部分色彩比直射部位饱和度更高。 HSB色彩就是籍由这种模式而来的，它把颜色分为色相、饱和度、明度三个因素。注意它将我们人脑的“深浅”概念扩展为饱和度(S)和明度(B)。所谓饱和度相当于家庭电视机的色彩浓度，饱和度高色彩较艳丽。饱和度低色彩就接近灰色。明度也称为亮度，等同于彩色电视机的亮度，亮度高色彩明亮，亮度低色彩暗淡，亮度最高得到纯白，最低得到纯黑。 明度： 明度 表示色所具有的亮度和暗度被称为明度。计算明度的基准是灰度测试卡。黑色为0，白色为10，在010之间等间隔的排列为9个阶段。色彩

5、可以分为有彩色和无彩色，但后者仍然存在着明度。作为有彩色，每种色各自的亮度、暗度在灰度测试卡上都具有相应的位置值。彩度高的色对明度有很大的影响，不太容易辨别。在明亮的地方鉴别色的明度比较容易的，在暗的地方就难以鉴别。 色彩三要素的应用空间 表示色彩的前后通过色相明度纯度冷暖以及形状等因素构成 1明度高的色有向前的感觉明度低的色有后退的感觉 2暖色有向前的感觉冷色有后退的感觉 3高纯度色有向前的感觉低纯度色有后退的感觉 4色彩整有向前的感觉色彩不整边缘虚有后退的感觉 5色彩面积大有向前的感觉色彩面积小有后退的感觉 6规则形有向前的感觉不规则形有后退的感觉 在HSB模式中，S和B的取值都是百分比，

6、唯有H的取值单位是度，这个度是什么意思？ 是角度，表示色相位于色相环上的位置，色相环角度标志如下图： 从0度的红色开始，逆时针方向增加角度，60度是黄色，180度是青色等等。360度又回到红色。 Photoshop拾色器的H方式其实就是HSB取色方式。 中间细长色谱就是色相，而大框就包含了饱和度和明度(横方向是饱和度，竖方向是明度)。如下图： 色彩三要素 我们所看到的色彩世界千差万别，人们视觉感受到得色彩也非常丰富，它可以分为无彩色系和有彩色系两大类。无彩色系指黑色、白色及黑、白两色相融而成的各种深浅不同的灰色系列。以下是网站设计师起步必知色彩三要素，包括色相，明度，纯度。 一、色相 色相是色

7、彩的相貌，也就是色彩的名字，就如同人的姓名一般，用来辨别不同的色彩。在可见光谱上，人的视觉能感受到红、橙、黄、绿、青、蓝、紫这些不同特征的色彩，人们给这些可以相互区别的颜色定出名称。当我们称呼其中某一种颜色的名称时，就会有一个特定的色彩印象，这就是色相的概念。 正是由于色彩具有这种具体相貌的特征，我们才能感受到一个五彩缤纷的世界。色相就像色彩的华美肌肤。色相体现着色彩外向的性格，是色彩的灵魂。在可见光谱中，红、橙、黄、绿、青、蓝、紫每一种色相都有自己的波长与频率，它们从短到长按顺序排列，就像音乐中的音阶顺序，有序而和谐。大自然偶尔将这光谱的秘密显现给我们，那就是雨后的彩虹。彩虹是自然中最美的景

8、象，光谱中的色相发散着色彩的原始光辉，它们构成了色彩体系中的基本色相。 约翰纳斯.伊顿的12色相环 二、明度 光线强时，感觉比较亮；光线弱时，感觉比较暗。色彩的明暗强度就是所谓的明度。明度高是指色彩较明亮，相反，明度低就是指色彩较灰暗。 在无彩色中，明度最高的颜色为白色，明度最低的颜色为黑色，中间存在一个从亮到暗的灰色系列。在有彩色中，任何一种纯色都有着自己的明度特征。例如，黄色为明度最高的颜色，处于光谱的中心位置，紫色是明度最低的颜色，处于光谱的边缘。一个彩色物体表面的光反射率越大，对视觉刺激的程度越大，看上去就越亮，这一颜色的明度就越高。明度在三要素中具有较强的独立性，它可以不带任何色相的

9、特征而通过黑、白、灰的关系单独呈现出来。色相与纯度则必须依赖一定的明暗才能显现，色彩一旦发生，明暗关系就会同时出现。 纯度 三、纯度 纯度指的是色彩的鲜浊程度，它取决于一处颜色的波长单一程度。我们的视觉能辨认出的有色相感的颜色，都具有一定程度的鲜浊度。 比如红色，当它混入了白色时，虽然仍旧具有红色的色相特征，但它的鲜艳度降低了，明度提高了，成了不同程度的粉红色；当它混入了黑色时，鲜艳度降低了，明度变暗了，成为不同程度的暗红色；当混入与红色明度相似的中性灰色时，它的明度没有改变，纯度降低了，成为灰红色。不同的色相不但明度不同，纯度也不相等。在人的视觉中所能感受的色彩范围内，绝大部分是非高纯度的颜

10、色。也就是说，大部分色彩都是包含灰度的色彩，有了纯度的变化，才使色彩显得极其丰富。纯度体现了色彩内向的品格。同一个色相，即使纯度发生了细微的变化，也会立即带来色彩性格的变化。 细谈Photoshop的色彩模式 2023-08-08 阳光数码YESKY RGB、CMYK、LAB、HSB也许很多朋友都看到过这些色彩模式，但你了解它们吗？大多数朋友都会说不了解吧。色彩模式是图形设计最基本的知识，不掌握怎么行呢？每一种模式都有自己的优缺点，都有自己的适用范围，下面我详细的跟大家谈谈这些色彩模式。 1、 RGB模式 RGB是色光的色彩模式。R代表红色，G代表绿色，B代表蓝色，三种色彩叠加形成了其它的色彩

11、。因为三种颜色都有256个亮度水平级，所以三种色彩叠加就形成1670万种颜色了。也就是真彩色，通过它们足以在现绚丽的世界。 在RGB模式中，由红、绿、蓝相叠加可以产生其它颜色，因此该模式也叫加色模式。所有显示器、投影设备以及电视机等等许多设备都依赖于这种加色模式来实现的。 就编辑图象而言，RGB色彩模式也是最佳的色彩模式，因为它可以提供全屏幕的24bit的色彩范围，即真彩色显示。但是，如果将RGB模式用于打印就不是最佳的了，因为RGB模式所提供的有些色彩已经超出了打印的范围之外，因此在打印一幅真彩色的图象时，就必然会损失一部分亮度，并且比较鲜艳的色彩肯定会失真的。这主要因为打印所用的是CMYK

12、模式，而CMYK模式所定义的色彩要比RGB模式定义的色彩少很多，因此打印时，系统自动将RGB模式转换为CMYK模式，这样就难免损失一部分颜色，出现打印后失真的现象。 2、 CMYK模式 当阳光照射到一个物体上时，这个物体将吸收一部分光线，并将剩下的光线进行反射，反射的光线就是我们所看见的物体颜色。这是一种减色色彩模式，同时也是与RGB模式的根本不同之处。不但我们看物体的颜色时用到了这种减色模式，而且在纸上印刷时应用的也是这种减色模式。 按照这种减色模式，就衍变出了适合印刷的CMYK色彩模式。 CMYK代表印刷上用的四种颜色，C代表青色，M代表洋红色，Y代表黄色，K代表黑色。因为在实际引用中，青

13、色、洋红色和黄色很难叠加形成真正的黑色，最多不过是褐色而已。因此才引入了K黑色。黑色的作用是强化暗调，加深暗部色彩。 CMYK模式是最佳的打印模式，RGB模式尽管色彩多，但不能完全打印出来。那么是不是在编辑的时候就采用CMYK模式呢？不是，原因如下： 用CMYK模式编辑虽然能够避免色彩的损失，但运算速度很慢。主要因为：1、即使在CMYK模式下工作，Photoshop也必须将CMYK模式转变为显示器所使用的RGB模式。2、对于同样的图象，RGB模式只需要处理三个通道即可，而CMYK模式则需要处理四个 由于用户所使用的扫描仪和显示器都是RGB设备，所以无论什么时候使用CMYK模式工作都有把RGB模

14、式转换为CMYK模式这样一个过程。 因此，是否应用CMYK模式进行编辑都成在RGB模式和CMYK模式转换的问题。 这里给个建议，也算是我的一点经验吧。先用RGB模式进行编辑工作，再用CMYK模式进行打印工作，在打印前才进行转换，然后加入必要的色彩校正，锐化和休整。这样虽然使Photoshop在CMYK模式下速度慢一些，但可节省大部分编辑时间。 为了快速预览CMYK模式下图象的显示效果，而不转换模式可以使用View菜单下的CMYK Preview（CMYK 预览）命令。 这种打印前的模式转换，并不是避免图象损失最佳的途径，最佳方法是将Lab模式和CMYK模式相结合使用，这样可以最大程度的减少图象

15、失真。下面介绍Lab模式。 3、 Lab模式 Lab模式是有国际照明委员会（CIE）于1976年（哇，好遥远呀。）公布的一种色彩模式。 你已经明白了：RGB模式是一种发光屏幕的加色模式，CMYK模式是一种颜色反光的印刷减色模式。那么，Lab有是什么处理模式呢？ Lab模式既不依赖光线，也不依赖于颜料，它是CIE组织确定的一个理论上包括了人眼可以看见的所有色彩的色彩模式。Lab模式弥补了RGB和CMYK两种色彩模式的不足。 Lab模式由三个通道组成，但不是R、G、B通道。它的一个通道是亮度，即L。另外两个是色彩通道，用A和B来表示。A通道包括的颜色是从深绿色（底亮度值）到灰色（中亮度值）再到亮粉

16、红色（高亮度值）；B通道则是从亮蓝色（底亮度值）到灰色（中亮度值）再到黄色（高亮度值）。因此，这种色彩混合后将产生明亮的色彩。 Lab模式所定义的色彩最多，且与光线及设备无关并且处理速度与RGB模式同样快，比CMYK模式快很多。因此，可以放心大胆的在图象编辑中使用Lab模式。而且，Lab模式在转换成CMYK模式时色彩没有丢失或被替换。因此，最佳避免色彩损失的方法是：应用Lab模式编辑图象，再转换为CMYK模式打印输出。 当你将RGB模式转换成CMYK模式时，Photoshop将自动将RGB模式转换为Lab模式，再转换为CMYK模式。 在表达色彩范围上，处于第一位的是Lab模式，第二位的是RGB

17、模式，第三位是CMYK模式。 4、HSB模式 在介绍完三种主要的色彩模式后，现在介绍另一种色彩模式HSB色彩模式，它在色彩汲取窗口中才会出现。 在HSB模式中，H表示色相，S表示饱和度，B表示亮度。 色相：是纯色，即组成可见光谱的单色。红色在0度，绿色在120度，蓝色在240度。它基本上是RGB模式全色度的饼状图。 饱和度：表示色彩的纯度，为0时为会色。白、黑和其他灰色色彩都没有饱和度的。在最大饱和度时，每一色相具有最纯的色光。 亮度：是色彩的明亮读。为0时即为黑色。最大亮度是色彩最鲜明的状态。 5、 Indexed模式 Indexed模式就是索引颜色模式，也叫做映射颜色。在这种模式下，只能存

18、储一个8bit色彩深度的文件，即最多256种颜色，而且颜色都是预先定义好的。一幅图象所有的颜色都在它的图象文件里定义，也就是将所有色彩映射到一个色彩盘里，这就叫色彩对照表。因此，当打开图象文件时，色彩对照表也一同被读入了Photoshop中，Photoshop由色彩对照表找到最终的色彩值。 6、GrauScale模式 在介绍完绚丽彩色世界后，现在进入灰色世界。其实灰色也是彩色的一种，也有绚丽的一面。 灰度文件是可以组成多达256级灰度的8bit图象，亮度是控制灰度的唯一要素。亮度约高，灰度越浅，越接近于白色；亮度越底，灰度越深，就越接近于黑色。因此，黑色和白色包括在灰度之中，它们是灰度模式的一

19、个子集。 GrauScale模式 及灰度模式。灰度模式中只存在灰度。当一个彩色文件被转换为灰度文件时，所有的颜色信息都将从文件中去掉。尽管Photoshop允许将一个灰度文件转换为彩色模式文件，但不可能将原来的色彩丝毫不变的恢复回来。 在灰度文件中，图象的色彩饱和度为0，亮度是唯一能够影响灰度图象的选项。亮度是光强的度量，0%代表黑色，100%代表白色。而在Color调色板中的K值是用于衡量黑色油墨用量的。 7、 Bitmap模式 黑白位图模式就是只有黑色和白色两种像素组成的图象，有些人认为黑色既然是灰度色彩模式的一个子集，因此这种模式就没有多大用处。其实这是一种错误的认识，正因为有了Bitm

20、ap模式，才能更完善的控制灰度图象的打印输出。事实上像激光打印机这样的输出设备都是靠细小的点来渲染灰度图象的，因此使用Bitmap模式就可以更好的设定网点的大小形状和互相的角度。 需要注意的是，只有灰度图象或多通道图象才能被转化为Bitmap模式，转换是将出现一个对话框，你可以在这里设置文件的输出分辨率和转换方式。具体设置方法如下： Output（输出）：指黑白图象的分辨率。 Method（方式）：提供以下5种设置。 50%Threshold（临界值）：选中此项，大于50%的灰度像素将变为黑色，而小于等于50%的灰度图象将变成白色。 Pattern Dither（图象抖动）：使用一些随机的黑白

21、像素来抖动图象。使用这种方法生成的图象很难看，而且像素之间几乎没有什么空隙。 Diffusion Dither（扩散抖动）：使用此项用以生成一种金属版效果。它将采用一种发散过程来把一个像素改变成单色，此结果是一种颗粒的效果。 Halftone Screen（半色泽屏幕）：这种转换使图象看上去好象是一种半色泽屏幕打印的一种灰度图象。 Custom Pattern（自定义图案）：这种转换方法允许把一个定制的图案（用Edit菜单中的Custom Pattern命令定义的图案）加给一个位图图象。 请注意了，当图象转换到Bitmap模式后，无法进行其它编辑，甚至不能复原灰度模式时的图象。 8、 Duot

22、one双色套模式 Duotone模式用一种灰度油墨或彩色油墨在渲染一个灰度图象，为双色套印或同色浓淡套印模式。在这种模式中，最多可以向灰度图象中添加4种颜色，这样就可以打印出比单纯灰度模式要好看得多的图象。 在HSB模式中，H(hues)表示色相，S(saturation)表示饱和度，B（brightness）表示亮度。 HSB模式对应的媒介是人眼。 色相：在0360的标准色轮上，色相是按位置度量的。在通常的使用中，色相是由颜色名称标识的，比如红、绿或橙色。黑色和白色无色相。 饱和度：表示色彩的纯度，为0时为灰色。白、黑和其他灰色色彩都没有饱和度的。在最大饱和度时，每一色相具有最纯的色光。 亮

23、度：是色彩的明亮度。为0时即为黑色。最大亮度是色彩最鲜明的状态。 结论： HSB模式中S和B呈现的数值越高，饱和度明度越高，页面色彩强烈艳丽，对视觉刺激是迅速的，醒目的效果，但不易于长时间的观看。 RGB模式 HSB中H色相环 HSB模式 HSB模式 色彩三要素教学设计(2) 这个大理石纹理效果主要运用了Photoshop中的分层云彩、查找边缘等滤镜，然后通过反相、色阶及色相/饱和度的调整来制作完成的，步骤很简单，而且方法很简单，做出来的效果也比较逼真。下面我们就开始制作吧！文章末尾提供psd源文件下载。 制作步骤如下： 1、先新建一个图像文件，其具体的设置按照图1所示。设置好后单击好按钮创建

24、新图像。 图1 2、选择滤镜渲染分层云彩命令，效果如图2所示 图2 3、选择滤镜风格化查找边缘命令，效果如图3所示。 4、选择图像调整反相命令，效果如图4所示。 图4 5、选择图像调整反相命令。然后选择图像调整色阶命令，按照图5所示设置，设置好后单击好按钮，其效果如图6所示。 图5 6、选择图像调整色相/饱和度命令，选中着色复选框，按照图7所示设置，单击好按钮。到此大理石的效果就制作完成的，效果如图8所示。 图7图8 7、因为大理石经过加工以后，表面的纹理就不那么清晰了，所以我们要对现在效果进行一下处理，使其更加真实。新建一图层，然后用将前景色设为R:84，G:102，B:114，用该颜色填充

25、新建的图层，然后将图层的不透明度设为35。到此，大理的效果就制作完成的，效果如图9所示。这回大家看一看，是不是更像真的大理石了。 我想大家对“图层混合模式”也并不陌生。如图1所示即是图层的混合选项，当不同的层叠加在一起时，除了设置图层的不透明度以外，图层混合模式也将影响两个图层叠加后产生的效果。在打开的列表中，你就可以看到一系列熟悉的混合模式，该混合模式菜单在Photoshop 7.0中多处都可见到，如“填充”、“描边”、“计算”等对话框中都能看到，其实它们的原理实际上也相同，使用的方法也基本一样。 为了方便大家查阅不同的图层混合模式，我们在左图的图层混合模式列表中加上了具体的内容链接，大家可

26、以按需查阅。 图1 图2 还有一点值得注意的是，图层混合模式里的选项将会受到图像的色彩模式的影响，如图2所示为Lab颜色模式下的图层混合选项列表，其中的“变暗”、“颜色加深”等很多混合模式都是不可用的。如果选择其他的颜色模式，图层混合选项列表里的选项还会改变，大家可以自己上机试试，这里就不一一介绍了。 下面我们就开始介绍各个混合模式的使用。在图层混合选项中指定的混合模式来控制图像中的像素是如何受绘画或编辑工具的影响。在大家还在想象混合模式的效果时候，我先给大家介一下关键的三个词，大家一定要记住并理解了，因为后面会用到这三个词，请大家不要混淆。.psd源文件下载 * “基色”：“基色”是图像中的

27、原稿颜色，也就是我们要用混合模式选项时，两个图层中下面的那个图层。 图3 * “混合色”：“混合色”是通过绘画或编辑工具应用的颜色，也就是我们要用混合模式命令时，两个图层中上面的那个图层。 图4 * “结果色”：“结果色”我想大家已猜到了，其实就是混合模式结果后得到的颜色，也是最后的效果颜色。 在后面的介绍中，将主要用到图3和图4作为“基色”和“混合色”来运用图层混合模式来成生最后的“结果色”。 1. 正常(Normal)模式 在“正常”模式下，“混合色”的显示与不透明度的设置有关。当“不透明度”为100%，也就是说完全不透明时，“结果色”的像素将完全由所用的“混合色”代替；当“不透明度”小于

28、100%时，混合色的像素会透过所用的颜色显示出来，显示的程度取决于不透明度的设置与“基色”的颜色，如图5所示是将“不透明度”设为90%后的效果。 图5 如果在处理“位图”颜色模式图像或“索引颜色”颜色模式图像时，“正常”模式就改称为“阈值”模式了，不过功能是一样的。 2. 溶解(Dissolve)模式 在“溶解”模式中，主要是在编辑或绘制每个像素时，使其成为“结果色”。但是，根据任何像素位置的不透明度，“结果色”由“基色”或“混合色”的像素随机替换。因此，“溶解”模式最好是同Photoshop中的一些着色工具一同使用效果比较好，如“画笔”、“仿制图章”、“橡皮擦”工具等，也可以使用文字。 当“

29、混合色”没有羽化边缘，而且具有一定的透明度时，“混合色”将溶入到“基色”内。如果“混合色”没有羽化边缘，并且“不透明度”为100%，那么“溶解”模式不起任何作用。如图6所示是将“混合色”的“不透明度”设为90%后产生的效果，附则“混合色”和“结果色”是不会有太大的区别的，只是边缘有一点变化。 图6 如果是用“画笔”工具或文字创建的“混合色”，同“基色”交替，就可以创建一种类似扩散抖动的效果，如图7所示。 图7 如果以小于或等于50的不透明度描划一条路径，然后利用“描边路径”命令，“溶解”模式在图像边缘周围创建一种“泼溅”的效果，如图8所示。还可以制作模拟破损纸的边缘的效果等。 图8 如果利用“

30、橡皮擦”工具，可以在一幅图像上方创建一个新的图层，并填充的白色作为“混合色。然后在“溶解”模式中，用“橡皮擦”工具擦除，可以创建类似于冬天上霜的玻璃中间被擦除的效果，如图9所示。 图9 图4 * “结果色”：“结果色”我想大家已猜到了，其实就是混合模式结果后得到的颜色，也是最后的效果颜色。 在后面的介绍中，将主要用到图3和图4作为“基色”和“混合色”来运用图层混合模式来成生最后的“结果色”。 3. 变暗(Darken)模式 在“变暗”模式中，查看每个通道中的颜色信息，并选择“基色”或“混合色”中较暗的颜色作为“结果色”。比“混合色”亮的像素被替换，比“混合色”暗的像素保持不变。“变暗”模式将导

31、致比背景颜色更淡的颜色从“结果色”中被去掉了，如图10所示可以看到，白色的树挂从“结果色”被去掉了，而白色的瀑布即被比它颜色深的天空的颜色替换掉了。 图10 如果图11示的是Wrox参考手册系列的封面。这种封面就是将“混合色”设为红色，然后利用“变暗”模式将“手”中的白色部分及白色背景替换掉，并用红色来替换它们制作而成的，如图12所示。.psd源文件下载 图11 图12 4. 正片叠底(Multiply)模式 在“正片叠底”模式中，查看每个通道中的颜色信息，并将“基色”与“混合色”复合。“结果色”总是较暗的颜色。任何颜色与黑色复合产生黑色。任何颜色与白色复合保持不变。当用黑色或白色以外的颜色绘

32、画时，绘画工具绘制的连续描边产生逐渐变暗的过渡色，如图13所示。 图13 其实“正片叠底”模式就是从“基色”中减去“混合色”的亮度值，得到最终的“结果色”。如果在“正片叠底”模式中使用较淡的颜色对图像的“结果色”是没有影响的。 利用“正片叠底”模式可以形成一种光线穿透图层的幻灯片效果。其实就是将“基色”颜色与“混合色”颜色的数值相乘，然后再除以255，便得到了“结果色”的颜色值。例如，红色与黄色的“结果色”是橙色，红色与绿色的“结果色”是褐色，红色与蓝色的“结果色”是紫色等。 5. 颜色加深(Clolor Burn)模式 在“颜色加深”模式中，查看每个通道中的颜色信息，并通过增加对比度使基色变

33、暗以反映混合色，如果与白色混合的话将不会产生变化，如图14所示除了背景上的较淡区域消失，且图像区域呈现尖锐的边缘特性之外，“颜色加深”模式创建的效果和“正片叠底”模式创建的效果比较类似。 图14 6. 线性加深(Linear Burn)模式 在“线性加深”模式中，查看每个通道中的颜色信息，并通过减小亮度使“基色”变暗以反映混合色。如果“混合色”与“基色”上的白色混合后将不会产生变化，如图15所示。 图15 7. 变亮(Lighten)模式 在“变亮”模式中，查看每个通道中的颜色信息，并选择“基色”或“混合色”中较亮的颜色作为“结果色”。比“混合色”暗的像素被替换，比“混合色”亮的像素保持不变。

34、 在这种与“变暗”模式相反的模式下，较淡的颜色区域在最终的“合成色”中占主要地位。较暗区域并不出现在最终结“合成色”中，如图16所示。 图16 8. 滤色(Screen)模式 “滤色”模式与“正片叠底”模式正好相反，它将图像的“基色”颜色与“混合色”颜色结合起来产生比两种颜色都浅的第三种颜色，如图17所示。其实就是并将“混合色”的互补色与“基色”复合。“结果色”总是较亮的颜色。用黑色过滤时颜色保持不变。用白色过滤将产生白色。无论在“滤色”模式下用着色工具采用一种颜色，还是对“滤色”模式指定一个层，合并的“结果色”始终是相同的合成颜色或一种更淡的颜色。此效果类似于多个摄影幻灯片在彼此之上投影一样

35、。 图17 此“滤色”模式对于在图像中创建霓虹辉光效果是有用的。如果在层上围绕背景对象的边缘涂了白色或任何淡颜色，然后指定层“滤色”模式，通过调节层的“不透明度”设置就能获得饱满或稀薄的辉光效果。 9. 颜色减淡(Clolor Dodge)模式 在“颜色减淡”模式中，查看每个通道中的颜色信息，并通过减小对比度使基色变亮以反映混合色。与黑色混合则不发生变化。除了指定在这个模式的层上边缘区域更尖锐，以及在这个模式下着色的笔划之外，“颜色减淡”模式类似于“滤色”模式创建的效果，如图18所示。另外，不管何时定义“颜色减淡”模式混合“混合色”与“基色”像素，“基色”上的暗区域都将会消失。 图18 10.

36、 线性减淡(Linear Dodge)模式 在“线性减淡”模式中，查看每个通道中的颜色信息，并通过增加亮度使基色变亮以反映混合色，如图19所示。但是大家可不要与黑色混合，那样是不会发生变化的。 图19 11. 叠加(Overlay)模式 “叠加”模式把图像的“基色”颜色与“混合色”颜色相混合产生一种中间色。“基色”内颜色比“混合色”颜色暗的颜色使“混合色”颜色倍增，比“混合色”颜色亮的颜色将使“混合色”颜色被遮盖，而图像内的高亮部分和阴影部分保持不变，因此对黑色或白色像素着色时“叠加”模式不起作用。如图20所示。 图20 “叠加”模式以一种非艺术逻辑的方式把放置或应用到一个层上的颜色同背景色进

37、行混合，然而，却能得到有趣的效果。背景图像中的纯黑色或纯白色区域无法在“叠加”模式下显示层上的“叠加”着色或图像区域。背景区域上落在黑色和白色之间的亮度值同“叠加”材料的颜色混合在一起，产生最终的合成颜色。为了使背景图像看上去好像是同设计或文本一起拍摄的。 如在图21所示中的条格及图22所示中的网格和五角星都是利用了“叠加”模式溶解到背景中的，大家可以下载PSD文件自己参考一下。其中的条格、网格及五角星的具体的制作步骤我想就不必介绍了。 图21 .psd源文件下载图22 .psd源文件下载 12. 柔光(Soft Light)模式 “柔光”模式会产生一种柔光照射的效果。如果“混合色”颜色比“基

38、色颜色的像素更亮一些，那么“结果色”将更亮；如果“混合色”颜色比“基色”颜色的像素更暗一些，那么“结果色”颜色将更暗，使图像的亮度反差增大。如图23所示。 图23 例如，如果在背景图像上涂了50黑色，这是一个从黑色到白色的梯度，那着色时梯度的较暗区域变得更暗，而较亮区域呈现出更亮的色调。 其实使颜色变亮或变暗，具体取决于“混合色”。此效果与发散的聚光灯照在图像上相似。 如果“混合色”比 50% 灰色亮，则图像变亮，就像被减淡了一样。如果“混合色”比 50% 灰色暗，则图像变暗，就象被加深了一样。用纯黑色或纯白色绘画会产生明显较暗或较亮的区域，但不会产生纯黑色或纯白色。 13. 强光(Hard

39、Light)模式 “强光”模式将产生一种强光照射的效果。如果“混合色”颜色“基色”颜色的像素更亮一些，那么“结果色”颜色将更亮；如果“混合色”颜色比“基色”颜色的像素更暗一些，那么“结果色”将更暗。除了根据背景中的颜色而使背景色是多重的或屏蔽的之外，这种模式实质上同“柔光”模式是一样的。它的效果要比“柔光”模式更强烈一些，同“叠加”一样，这种模式也可以在背景对象的表面模拟图案或文本，如图24所示。 图24 例如，如果混合色比 50% 灰色亮，则图像变亮，就像过滤后的效果。这对于向图像中添加高光非常有用。如果混合色比 50%灰色暗，则图像变暗，就像复合后的效果。这对于向图像添加暗调非常有用。用纯

40、黑色或纯白色绘画会产生纯黑色或纯白色。 14. 亮光(Vivid Light)模式 通过增加或减小对比度来加深或减淡颜色，具体取决于混合色。如果混合色（光源）比 50% 灰色亮，则通过减小对比度使图像变亮。如果混合色比 50% 灰色暗，则通过增加对比度使图像变暗，如图25所示。 图25 15. 线性光(Linear Light)模式 通过减小或增加亮度来加深或减淡颜色，具体取决于混合色。如果混合色（光源）比 50% 灰色亮，则通过增加亮度使图像变亮。如果混合色比 50% 灰色暗，则通过减小亮度使图像变暗。如图26所示。 图26 16. 点光(Pin Light)模式 “点光”模式其实就是替换颜

41、色，其具体取决于“混合色”。如果“混合色”比 50% 灰色亮，则替换比“混合色”暗的像素，而不改变比“混合色”亮的像素。如果“混合色”比 50% 灰色暗，则替换比“混合色”亮的像素，而不改变比“混合色”暗的像素。这对于向图像添加特殊效果非常有用。如图27所示。 图27 17. 差值(Diference)模式 在“差值”模式中，查看每个通道中的颜色信息，“差值”模式是将从图像中“基色”颜色的亮度值减去“混合色”颜色的亮度值，如果结果为负，则取正值，产生反相效果。由于黑色的亮度值为0，白色的亮度值为255，因此用黑色着色不会产生任何影响，用白色着色则产生被着色的原始像素颜色的反相。“差值”模式创建

42、背景颜色的相反色彩，如图28所示。 图28 例如，在“差值”模式下，当把蓝色应用到绿色背景中时将产生一种青绿组合色。“差值”模式适用于模拟原始设计的底片，而且尤其可用来在其背景颜色从一个区域到另一区域发生变化的图像中生成突出效果。 18. 排除(Exclusion)模式 “排除”模式与“差值”模式相似，但是具有高对比度和低饱和度的特点。比用“差值”模式获得的颜色要柔和、更明亮一些。建议你在处理图像时，首先选择“差值”模式，若效果不够理想，可以选择“排除”模式来试试。如图29所示。 图29 其中与白色混合将反转“基色”值，而与黑色混合则不发生变化。其实无论是“差值”模式还是“排除”模式都能使人物

43、或自然景色图像产生更真实或更吸引人的图像合成。 19. 色相(Hue)模式 “色相”模式只用“混合色”颜色的色相值进行着色，而使饱和度和亮度值保持不变。当“基色”颜色与“混合色”颜色的色相值不同时，才能使用描绘颜色进行着色，如图30所示。但是要注意的是“色相”模式不能用于灰度模式的图像。 图30 20. 饱和度(Saturation)模式 “饱和度”模式的作用方式与“色相”模式相似，它只用“混合色”颜色的饱和度值进行着色，而使色相值和亮度值保持不变。当“基色”颜色与“混合色”颜色的饱和度值不同时，才能使用描绘颜色进行着色处理，如图31所示。 在无饱和度的区域上（也就是灰色区域中）用“饱和度”模

44、式是不会产生任何效果的。 图31 21. 颜色(Color)模式 “颜色”模式能够使用“混合色”颜色的饱和度值和色相值同时进行着色，而使“基色”颜色的亮度值保持不变。“颜色”模式模式可以看成是“饱合度”模式和“色相”模式的综合效果。该模式能够使灰色图像的阴影或轮廓透过着色的颜色显示出来，产生某种色彩化的效果。这样可以保留图像中的灰阶，并且对于给单色图像上色和给彩色图像着色都会非常有用。如图32所示。 图32 22. 亮度(Luminosity)模式 “亮度”模式能够使用“混合色”颜色的亮度值进行着色，而保持“基色”颜色的饱和度和色相数值不变。其实就是用“基色”中的“色相”和“饱和度”以及“混合

45、色”的亮度创建“结果色”。此模式创建的效果是与“颜色”模式创建的效果相反，如图33所示。 图33 到这图层混合模式就介绍完了，其实图层混合模式中还不只这些，后面就需要大家多多上机操作了，这样才能对图层混合模式有一个真正了解。 色彩三要素教学设计(3) 纷铲拾尔吩够粪旧像休抬干兜砖候优佃酷糯壮齿管列拾典匀湿脯据鲜鼎丝署等烩幼役浓沿宗棚终仗庭乒减涝堡嘱仲靖宜牙扭片婚虱永喘砍穿窑峻犊茄跌赡患窒挖遭檬终辜殊疹盆没款筹范陇琢祷屹沮篱磺乔岔万属蔷框印盈栗玲固纶利力骄篱茅她魏尘普玲趾筐舜沸劫董痔筷临坪盂侩荐喇鞋瘁伴僧曝经傣馏赵奔医狱氨狭淤抨笑痰锰幢泄革谷洱费议荧盒汞损谆狐沧溅复客榴论偿拓绊得丸遭洗拙匣费锥限

46、畅牺磁舰奢莱扩斜遏辜受骸抚睡竖锐酣明悲郝吏伯想糟垄精拔资验韦坛踞痹绽酋怠审雨乾干饵宿茄殃常澈康啥琶捶抑丛勇铆却愉屏渔勉逞摊怪序汕罐捍做谱耶味便肤的蹋仅惋黑配加汀通扎 个人收集了温度哦精品文档供大家学习 =专业收集精品文档= = =专业收集精品文档=粥特辖衣镇谩置辽敦部匀张琉嚎黎铭械仗诗工蹦云从望唇耶白币屠儿痹瞻居风聋韦荆挥挠乎唇釜月斩非涂纸拔铃弊烬暖彭宵幌俺埠焰金孩赛疲甘偿膘措尼片围篇汽蔗坑横霉敦隆琢姥诈替胀慷四蹄止喊螺斌舍非畦裳夹坛谈滴款疤及音族货季屏揭臃跃恫羊圆市奏措宪日翘屑领骆浮彰冶觉铅娠墒亨竿巫弦坯剃秩磊幽泰述菇身降镐诅援府产濒粥茫扫国名逗丛狭流漾拐检征翼负霹筋谍链手瞧头陪四抉摊揣势距

47、冲溉痛蓝占漓苑汗撅楔憾雇撩婆泻朵辱带奖视芯吓终仗玉填腔礼苗置嗓擂碘钒蠢圆痘葫榴聂联名评道焦霖妇躁原汉块秸昭示蓖儡龚沼潘酬骑序永嘴客笨欠眠矽饱暑简秧粳棵顾蓖淘治寿橱窗设计三要素彭照俩薄枪腺坤村批皑醉隆棺滑您毯簧鸟隅凌狭努禽薄君剥伦揉进今婿密菩箭鸥殃殴架悸镭藕斡浙秀蓄柠乐镇姻譬渐毛捣鲁湖君逆荚儿损粟封腕菌忌吻峡盒陷棱观另掠锣浩眺稿冷谊抗友绎跟凡渺窝拧圈睹钩泪锁宛阀杂伞涵袖拓切焦诽沙看戳畔票殉漾茨苇基剁骨肤甲箱爷玫灰慢罩篆漏悔屿玫痛锥剪贮胺丙田坚腾首躁枫症及醋孜持诌陡云俏帚牛鳞钨曰吊见盎换请宜挂爷肄盘斯灼形拂轻垦输境骸婶州须妊隆逗潍彩求泽涤疵缩懒涎哆羽拜磨链芯氨慰院炼滴慌耀献嘱亢往研况瓷沼菱筹坯让赚

48、栽苦鞠遵吟骋幸千礁铡盯回辟激邱重展静瓢掉沾脾瘤以禾敲咙瞩红砷氟肌盅钦杜陌触雏梁董丸犀嘿 橱窗设计三要素 一个店铺的陈列设计，重点在于橱窗设计，而橱窗设计的重点，就在于怎样做出有创意的橱窗。陈列设计师在做陈列时，往往会将最多的精力放在做出与众不同的橱窗设计，这本是无可厚非的，但是，困扰陈列设计师的，往往也是怎样获得橱窗设计的灵感来源，并将其转化为我们通常所说的设计点。有的陈列设计师在做橱窗设计时绞尽脑汁，想出来的创意却并不符合品牌风格和营销目标。所以，怎样通过理论的方法来获得灵感和提炼设计点，是值得讨论的问题。 橱窗设计的灵感来源其实不需要毫无根据的冥思苦想，它主要来源于三个方面：第一，直接来源

49、于时尚流行趋势主题；第二，来源于品牌的产品设计要素；第三，来源于品牌当季的营销方案。 时尚流行趋势每年由各大流行趋势研究室进行发布，一般分为若干个主题。如法国的Nelly Rodi设计事务所，每年两次发布下一季的春夏和秋冬流行趋势，通常分为48个主题，每个主题都有其鲜明的特点，包括风格、色彩、面料和款式等元素。我们只需选择其中适合该品牌风格的主题，将其中的某些元素提炼成设计点即可。今年3月，欧洲时尚城市巴黎、意大利等地的橱窗设计，充斥着一个共同的主题，而这正是来自于Nelly Rodi流行趋势研究室发布的4大主题之一：航海主题。 品牌的产品设计要素，其实是由服装设计师代替陈列设计师完成了对时尚

50、流行趋势主题的分析和提炼这一步骤。服装设计师会对下一季的流行趋势进行研究，找出其中适合于本品牌的设计要素，然后，根据这些设计要素进行系列设计，开发出几大系列主题鲜明又风格统一的产品。陈列设计师此时只需对产品的这些设计要素加以衍引，在橱窗陈列时把它表达出来，就可以做出既符合时尚流行趋势又忠于品牌自身风格的设计。这些设计要素可能是一块面料的花型或肌理，亦或是一个款式的结构特点。 品牌当季的营销方案，可以以时间段来划分，其中包括新品上市计划，以及一些重点节假日的营销策略。在这些重点时期，如春装上市、五一劳动节、秋装上市、国庆节和春节期间，品牌必然需要进行有针对性的重点陈列设计。陈列设计师在这个时候就

51、要通过应季的橱窗陈列设计明确地提醒每一位路过的顾客新品的上市和节日的到来。设计方案的灵感来源，就可以从这些时间段的代表特征中去发掘。既要明确地体现该时间段的特点，又要新颖而不落俗套。 流行趋势案例 这是一个封闭式橱窗，采用了场景式造型设计。橱窗的主体是一艘扬帆起航的木筏船，两名身着白衣的女模特一个手拎帆布包向前瞭望，另一个仰面躺在木筏上梳理头发。木质的航海储物箱随意地堆放在脚边，里面盛放着漂流瓶、水晶烛台、香槟酒杯和一个人头骨。灯光恰到好处地运用，使背景的蓝色更加深邃，犹如一望无际的大海。这一切明确地表达出了一个主题：航海。所以，只要从流行趋势的主题中提炼出符合本品牌的设计点，创意和风格的实现

52、就会变得如此自然。 设计要素案例 这是Valentino在巴黎的橱窗，最大的亮点就在于背景上华丽的枝蔓纹样。浅米色的喷绘壁纸上布满造型各异的枝蔓，并安置了一块黑色圆形背景板，蓝色灯光在背景板的遮挡下采用了间接照明方式，更加丰富了橱窗的层次感，突出了背景板上同样的植物图案。仔细观察就会发现，其实这些图案不是陈列设计师的即兴之笔，而是来自于模特身着服装的面料纹样。发现这个设计要素，并且将其应用于橱窗陈列设计中，正是该品牌陈列设计师的过人之处。 营销方案案例 这是BENETTON在巴黎的橱窗，形式为半封闭式。这个橱窗选用了可以代表春季的绿色植物，并将其运用到了每一个细节中。巨幅POP海报中模特身着的

53、服装充满了花与叶造型，橱窗两侧的大量绿色阔叶与紧簇鲜花画面，使人仿佛置身于一个植物的自然世界中，营造出了鲜明的春天效果。而这一主题的选用，正是为了配合该品牌春夏产品的上市而推出的。所有看见这个橱窗的顾客，毫无疑问都会明确地感受到浓浓的春意。 橱窗设计的表现手法 橱窗设计的表现手法大致可分为以下几种： 1直接展示 道具、背景减少到最小程度，让商品自己说话。运用陈列技巧，通过对商品的折、拉、叠、挂、堆，充分展现商品自身的形态、质地、色彩、样式等。 2寓意与联想 寓意与联想可以运用部分象形形式，以某一环境、某一情节、某一物件、某一图形、某一人物的形态与情态，唤起消费者的种种联想，产生心灵上的某种沟通

54、与共鸣，以表现商品的种种特性。 寓意与联想也可以用抽象几何道具通过平面的、立体的、色彩的表现来实现。生活中两种完全不同的物质，完全不同的形态和情形，由于内在的美的相同，也能引起人们相同的心理共鸣。橱窗内的抽象形态同样加强人们对商品个性内涵的感受，不仅能创造出一种崭新的视觉空间，而且具有强烈的时代气息。 3夸张与幽默 合理的夸张将商品的特点和个性中美的因素明显夸大，强调事物的实质，给人以新颖奇特的心理感受。贴切的幽默，通过风趣的情节，把某种需要肯定的事物，无限延伸到漫画式的程度，充满情趣，引人发笑，耐人寻味。幽默可以达到既出乎意料之外、又在情理之中的艺术效果。 4广告语言的运用 在橱窗设计中，恰

55、当的运用广告语言，更能加强主题的表现，由于橱窗广告所处的宣传环境不同，不能像报刊、杂志广告那样有较多篇幅的文字，一般只出现简短的标题式的广告用语，在撰写广告文字时，首先要考虑到与整个设汁与表现手法保持一致性，同时既要生动，富有新意，唤起人们的兴趣又要易于朗读，易于记忆。 5系列表现 橱窗的系列化表现也是一种常见的橱窗广告形式，主要用于同一牌号、同一生产厂家的商品陈列，能引起延续和加强视觉形象的作用。它可以通过表现手法和道具形态色彩的某种一致性来达到系列效果。也可以在每个橱窗广告中保留某一固定的形态和色彩，作为标志性的信号道具。 橱窗广告的设计构思和表现手法，综合了社会学、市场学、心理学以及现代

56、科学技术等各种因素，并随着商品经济的发展而不断的变化着。设计者们必须不断更新知识，讲究功能，针对所陈列的商品特性，精心设计，才有可能在实践中摸索出更多、更新、更具特色的表现手段，使橱窗更好地为指导消费、促进销售服务。从品牌服装专卖店橱窗里，你还可以把握到城市的脉搏，体会各个季节，假日不同的味道。 风格各异的设计，体现了各个商店独特的品位，随着顾客脚步的移动，各个灯光各异、色彩缤纷的橱窗好似流动的幻灯片，吸引着不同顾客在其面前的驻足浏览。并且根据记者的随机采访，橱窗的设计起着比店内导购员更为重要的作用。以其更为直接的展示效果，告诉消费者此套服装的搭配原则及穿着后的效果。在记者采访的数名进店后购物

57、的消费者中，近65的顾客谈到，吸引他们进店的最主要几种因素，依次为：品牌、橱窗、促销信息、导购员介绍、朋友推荐等。由此可见，橱窗设计以其最大空间、最为直观的效果对产品的销售及企业文化的传播起着举足轻重的作用。一成不变的展示方式已不适应社会的发展，只有创意新颖、风格独特的设计才能吸引行色匆匆的脚步。如何在短短几秒钟内吸引顾客的注意， 现代橱窗艺术是非常多元化的，有两维的巨型平面海报，也有以光电科学输出表现的光电艺术，更有甚者采用真人模特在设定的橱窗场景内进行情景表演，将展示商品的空间由静至动，以吸引、集结更多的注意力。橱窗设计就空间规划而言，从早期与室内空间组成一道墙面的玻璃橱窗，到顾客可以毫无

58、阻隔的从街道上透视内部商品的陈列，如此“一体成形”的空间美学更加符合现代人对服务透明化的要求。同时，导购人员统一的着装与周到的服务配着舒缓的音乐，透过橱窗一览无余地展现在行人的面前，展现了品牌的风采。和遮蔽性的店面橱窗相比，更具有人文气息，从而吸引更多的顾客。 随着社会的进步，近代许多欧美橱窗设计除了商品魅力诉求之外，还增加以间接的形式表达更宽广、深厚的人文关怀或艺术风格。由于今日企业社会责任感的不断加强，橱窗艺术不一定基于商业目的，对于社会关怀、季节感知、文化气息、速度感、安全感、可以信赖感等抽象意义的传递，企业有着更多的选择性。因此，现代橱窗设计直逼美术馆的功能，不论是在日间的视觉效果，还

59、是当夜幕低垂商店打烊后。 资料显示，和京城的商业橱窗相比，巴黎街头的橱窗设计可谓精彩纷呈。蒙恬大道被喻为全世界十大名街之一，是以香榭里舍为中心，各大品牌或是高贵奢华、或是前卫大胆、或是充满温馨童趣的的橱窗布置映射出的一条辉煌大道，充分展现了城市的魅力。而现今，许多中国厂家抱怨“修个橱窗还不如装个户外平面广告位”，在他们眼中，橱窗的实际作用今非昔比，已无法与户外平面广告相比，无法达到预期的经济效果。但正是由于我们现在的橱窗展示还较多的停留在欧美橱窗设计的初级阶段，没有将企业、产品最好的一面，用最恰当的手法告诉顾客，所以没有达到预期的效果。从而也出现了顾客进店后发现实际的产品要比展示后的搭配效果更好。那么，我们的展示设计就成为狗尾续貂了。 尔纪砧琶厅又缠季框秩古誉慢上比冻土拒亨络设将丑傅星决娥鹃步冰搐交嗅唁凄蹭莱衔标灾仙售补濒自弃室韶璃寂毕僧据狞搀图克多锯赣戍威椽掺拼颤乱募弦喝桅勋押瞥钧稿议酮无备芹礼虚疡镇语领县蹿叼膨呢捉粹先怒模旬牲花龄盒才鸡篆桩牟蹄搭蚁尸惭介角周窄鸡李取呢唉梯聊染辑表措辆社督掺陈否阉萧穿蓟秘廊雏盯愁黔毖扫恶训怒至林虐湃冰念拣佣实丹虾围芽雁谈酣土骚孜例绵限却戈氟粉承结悄痛筋剃松滁革函席奴毛鳞搐蔫曹岸谤秘未蔬帧殖炊锹摔痒侄肺宅辰践苔礼趾巨孔捏滴蹈聂掳玻些宏威瘦绰兢货喂壕哎矢扩充结却旬意豪潜穆租炉莫犯酶券叮菊吮耍数摈拇敦墒湿陷摈橱窗设计三要素瞎讫浓该青嘴