5 电脑技术在色彩构成中的运用

Click to edit Master title style,Click to edit Master text styles,Second level,Third level,Fourth level,Fifth level,*,第,5,章 电脑技术在色彩构成中的运用,课题概述,本章探讨了在色彩构成中采用电脑技术的优缺点，着重介绍了基本绘图软件,Photoshop,在色彩构成作业中的应用方法。,教学目标,希望通过本章的学习，使学生可以采用电脑技术完成色彩构成课程中的某些练习，以提高学习效率，节省宝贵的学习时间。另外，也希望通过采用电脑技术手段增加色彩搭配的科学性和准确性，以进一步提升色彩构成的教学效果。,章节重点,本章重点是操作实例的演示。,5.1,电脑技术与色彩构成,5.2,数字色彩构成常用软件,5.3,数字色彩构成操作实例,5.1,电脑技术与色彩构成,在数字技术高度发达，电脑无处不在的今天，色彩构成教学中仍然采用手绘的方式为许多人所诟病。这些人大有迫不及待扔掉画笔换成鼠标而后快的冲动。的确，随着电脑技术的不断发展，在平面设计、室内设计、视频后期制作等专业设计领域中使用电脑操作已经成为主流，不用电脑的设计师可能会被视为是古董或怪物。但色彩构成课一刀切式的全面推行应用电脑技术，其可行性有待商榷，最起码目前还不能完全取代手绘方式,。,5.1.1,应用电脑技术的必要性,采用电脑技术可以把学生从事倍而功半的手工劳作中解放出来，把主要精力用在色彩原理的理解和搭配方法的掌握以及色彩美感的提升上。,色光混合是色彩构成中的重要内容，以往多因条件限制而只注重色料混合的原理研究，电脑的运用很自然地解决了这个长期令人困扰的难题。,使用电脑进行色彩的创作可以同时与规范化的输出设备、印刷技术结合，甚至在今后不同设计领域所使用的标准化色卡与色彩表述方式都可以直接运用到电脑色彩构成的操作中。（见图,1,图,2,）。,图,1,手绘色构空混,图,2,电脑与手绘结合制作色构空混,5.1.2,用电脑完全取代手 绘方式的问题,1,）软硬件问题。,作为一门设计基础课，国内大多数设计院校是将该课程同素描、色彩、构成等一起排在大一年级来上的。一般来说，学生尚未接触专业的电脑设计软件课程，因此用电脑做色彩构成作业缺少软件技术。即便是调整课程安排，先上电脑应用软件课也还有另一个问题,缺少硬件，因为多数大一新生尚未有条件购置个人电脑。这样下来，课下的练习就可能不方便、不及时。,2,）直接用电脑来完成色彩构成作业不利于学生对颜料调配过程的感性认识训练,。特别是那些非美术专业出身的学生，因为色彩写生基础薄弱，直接用电脑拾色器选色多会调配成生硬、平板、俗艳、缺少过渡和变化的色彩。（见图,3,）许多人在谈到电脑色彩构成的优越性时都会拿空混做例子，说用手工做空混作业至少需要几天繁重的埋头工作，而电脑却是动用鼠标瞬间实现。手绘空混形式是为了加强学生对色彩观察、理解及表现的主观能动性，然而运用电脑机械化地制作出马赛克效果却削弱了学生的这种能动性。马赛克形式不是目的，那只是练习观察和表现色彩的一种手段。,3,）用鼠标绘图缺少灵活性，限制了学生的创造性。,用现有图片来做作业不但损失了造型的机会，还让许多学生养成抄袭或简单借用网络图或图库资料的不良习惯。,4,）因为电脑显示器是用,RGB,色光混合的形式显示的，这与色料混合的,CMYK,模式不一致，即便可以相互转换但仍为学习和做作业带来不少麻烦,。另外，打印电子作业会增加学生作业成本，较便宜的喷墨打印色彩效果也不理想,。,图,3,电脑空混效果,5.2,数字色彩构成常用软件,现在的电脑软件市场上出现了众多处理数字化图形图像的工具和软件，各有所长。本书中主要使用的软件为,Adobe Photoshop,对于其他应用软件业将略作介绍。,5.2.1,图像处理软件,基于点阵图像处理的软件，我们称之为图像处理软件。如,Adobe Pho-toshop,Painter,PhotoStyler,等。而其中,Adobe Photoshop,是目前使用最广泛的图像处理和编辑软件，此书中主要实例均采用该软件完成。,启动,Photoshop,软件,开机界面自动运行后，用户将看到,如图,4,所示的屏幕组件。,图,4,屏幕组件,1,）主菜单,：,Photoshop,的主菜单与,Windows,主菜单界面十分相似，单击各个单项可以打开下拉菜单。,2,）工具箱,：,Photoshop,的工具箱中包含了许多工具，当鼠标放在工具图标上时，系统会自动显示出工具的名称。带有黑色小三角的工具表明还有相关工具隐藏，单击鼠标右键可以查看隐藏的工具。各项工具具体功能如,图,5,所示。,3,）工具属性栏,：当选定某个工具后，工具属性栏上自动显示该工具的相应属性，这些属性的设置很重要。,图,6,列举了一些典型的工具属性变量设置图。,图,6,部分属性栏设置状态,图,5,工具箱工具,5.2.2,图形处理软件,基于矢量化的软件，称之为图形处理软件，这类软件主要有：,CorelDR-AW,，,Adobe Illustrator,等。,其中,Adobe,公司的,Illustrator,软件以其出色的矢量绘制功能和人性化的用户界面在图形处理领域占有很大份额。因其与,Photoshop,同为一个公司出品的软件，两者界面有相通性，非常便于操作（见图,7,图,8,）。,图,7,Photoshop,界面,图,8,Illustrator,界面,5.3,数字色彩构成 操作实例,5.3.1,颜料三原色混合效果图例,（,1,）认识通道面板,通道面板是,Photoshop,中与色彩有关的重要概念。新建文件后，通道自动生成，其主要功能是保存图像的色彩信息，可以通过菜单栏的,“,窗口,”,勾选,“,通道,”,面板。不同模式的图像，其通道数量与性质都不相同，主要有以下三种。,1,）灰度模式：通道数量,1,，用于存储灰度信息。,2,）,RGB,模式：通道数量,4,，分别为综合通道、红色通道、绿色通道、蓝色通道。,3,）,CMYK,模式：通道数量,5,，分别为综合通道、青色通道、洋红通道、黄色通道、黑色通道。,最终效果,如图,9,所示，用,Photoshop,软件制作颜料三原色混色效果。,（,2,）使用通道面板制作颜料三原色,可以使用通道来存储和编辑选取范围，制作图像，制作蒙版，对图像进行编辑。下面我们就用通道面板来完成颜料三原色的制作。,1,） 新建文件,：打开,Photoshop,软件，在菜单栏单击,“,文件,/,新建,”,菜单，或使用快捷键,Ctrl+N,打开新建文件对话框（见图,10,）。,2,）设定文件,：在,“,名称,”,一栏输入文件名称，图中为,“,颜料三原色,”,；在,“,预设,”,一栏选择,“,自定,”,，在下方设定文件宽度、高度与分辨率；宽度,15,厘米、高度,15,厘米，分辨率设定为,300,“,像素,/,英寸,”,。（注意，如需打印，像素一般设为,300,“,像素,/,英寸,”,以上）；在,“,颜色模式,”,一栏选择,“,CMYK,”,模式；在,“,背景内容,”,一栏选择,“,白色,”,。,以上设定好后，点击确认，新建文件完成。,图,10,新建文件对话框,3,）在工具箱中选择,“,椭圆形选区工具,”,，在画面上方拖动鼠标左键，同时按住键盘中,Shift,键，可绘制正圆（见图,11,）。,单击工具箱下方的前景色与背景色左下角的默认色彩图标，自动将前景色设置为黑色，背景色设置为白色。,4,）在菜单栏,“,窗口,”,中勾选,“,通道,”,窗口,，调出通道面板，单击激活青色面板（见图,12,）。,5,）在工具栏中选择,“,油漆桶,”,工具,，为选区填充前景色黑色（见图,13,）。,图,11,用椭圆形选区工具绘制正圆,图,12,激活青色通道,图,13,为选区填充前景色黑色,6,）,在工具箱中选择,“,椭圆形选区工具,”,后，将鼠标移动到选区内，光标会变成移动选区状态，将选区移动到左下方后，在通道面板中单击激活洋红通道（见图,14,），填充前景色（见图,15,）。,7,）,再次移动选区至右下方，在通道面板中单击激活黄色通道（见图,16,），填充前景色（见图,17,）。,8,）,在菜单栏,“,选择,”,下拉框点,“,取消选择,”,，或用快捷键,Ctrl+N,，取消选区，在通道面板中选择,CMYK,综合通道（见图,18,）。此时，文件中将出现三原色及叠加色块（见图,19,）。,9,）,观察三原色的叠加部分，会观察出其并非是纯黑色。在工具栏中选择,“,魔棒工具,”,，回到通道面板在,CMYK,通道将叠加部分选中，单击激活黑色通道，填充纯黑色。,10,）,取消选区后，再次回到,CMYK,综合通道，颜料三原色制作完成。,图,14,激活洋红通道,图,15,为选区填充前景色,图,16,激活黄色通道,图,17,为选区填充前景色,图,18,打开,CMYK,综合通道,图,19,三原色及叠加色块,5.3.2,色光三原色的混合 实例,最终效果如图,20,所示，用,Photo-shop,软件制作色光三原色混色效果。,（,1,）认识图层面板,图层面板是,Photoshop,中最常用的工作面板，使用新建图层的方式可以将绘制的图片放到不同的图层中，方便设计制作。可以通过菜单栏的,“,窗口,”,勾选,“,图层,”,选项，调出图层面板（见图,21,）。,1,）新建文件：打开,Photoshop,软件，在菜单栏单击,“,文件,/,新建,”,菜单，或使用快捷键,Ctrl+N,打开新建文件对话框（见图,22,）。,（,2,）制作颜料三原色,2,） 设定文件,：在,“,名称,”,一栏输入文件名称，图中为,“,色光三原色,”,；在,“,预设,”,一栏选择,“,自定,”,，在下方设定文件宽度、高度与分辨率；宽度,15,厘米、高度,15,厘米，分辨率设定为,300,“,像素,/,英寸,”,；在,“,颜色模式,”,一栏选择,“,RGB,”,模式；在,“,背景内容,”,一栏选择,“,白色,”,。 以上设定好后，点击确认，新建文件完成。,图,20,色光三原色混合效果,图,21,图层面板,图,22,新建文件对话框,3,）,在工具箱中选择,“,椭圆形工作选区,”,，在画面上方拖动鼠标左键，同时按住键盘中,Shift,键，可绘制正圆。,4,）,在菜单栏,“,窗口,”,中勾选,“,图层,”,窗口，调出图层面板。单击面板下方,“,新建图层按钮,”,，为文件添加,“,图层,1,”,，如图,23,所示，并使图层,1,为激活状态。,5,）,单击工具箱下方的前景色图标，调出拾色器面板（见图,24,）。设定,R,值为,255,，,G,与,B,值为,0,。此时可在拾色器上方看到选定色为红色。单击确定键退出，此时前景色被设定为色光三原色的红色。,图,23,新建图层,图,24,拾色器面板设定红色,6,）,在菜单栏中单击,“,编辑,/,填充,”,，弹出填充对话框（见图,25,），使用,“,前景色,”,，单击确定，为圆形选区填色。也可使用快捷键,Alt+Delete,快速填充前景色。此时，图层,1,选区被填充为红色。,7,）,移动选区到左下方（移动时可按,Shift,键使移动保持水平、垂直或,45,度），按照第三步的方法为文件添加图层,2,，使其处于激活状态。,8,）,再次单击前景色图标调出拾色器面板，设定,G,值为,255,，,R,与,B,值为,0,，设定三原色绿色。,9,）,使用快捷键,Alt+Delete,为图层,2,的选区填充前景色绿色（见图,26-27,）。,10,）,再次移动选区至右下方，按上述方法新建图层,3,。,图,25,填充对话框,图,26-27,为图层,2,填充前景色,11,）,调出拾色器，设定,B,值为,255,，,R,与,G,值为,0,，设定三原色蓝色。,12,）,为图层,3,中的选区填充前景色蓝色，如图,29,图,30,所示。,13,）,此时，我们看到三原色叠加部分的色彩还没有呈现，下面将通过图层融合方式制作三原色的叠加色彩。,14,）,在图层面板中选择图层,3,并拖拽到新建图层按钮上复制图层,3,，或使用快捷键,Ctrl+J,复制图层,3,。使用此方法复制图层,2,与图层,1,。,15,）,将图层副本合并：用鼠标将副本拖拽到一起，单击面板右上方的黑三角，出现菜单后，选择向下合并图层，将全部副本合并或使用快捷键,Ctrl+E,合并图层,16,）,单击选择图层,3,，在图层面板左上方改变混合模式，将,“,正常,”,模式改选为,“,滤色,”,模式，图层,2,也按此方法改变模式。,17,）,点击图层面板右上小三角，选择合并可见图层（快捷键,Shift+Ctrl+E,）后，色光三原色制作完成。,5.3.3,明度九色调制作实例,（,1,）主要使用工具,1,）,矩形选择工具：可以选择矩形选区。,2,）,魔棒工具：可以通过调整容差属性选择不同范围的色彩。,3,）,油漆桶工具：为选区填充颜色。,4,）,渐变工具：制作明度轴。,5,）,吸管工具：吸取图片中任意区域色彩。,6,）,亮度,/,对比度面板：从菜单栏的“视图,/,调整”可调出此面板。在制作明度九色调中，可以通过调节“亮度,/,对比度”面板改变色彩的明度。,最终效果如图,28,所示，用,Photo-shop,软件制作明度九色调,。,图,33,明度九色调,（,2,）制作明度九色调,1,）,制作黑白明度轴：按前文所述方法新建文档,“,明度九色调,”,，在工具箱选择矩形选择工具，在画面上方以鼠标拖拽出一个选区,(,见图,34),；新建图层,1,，将,“,前景色,/,背景色,”,设为默认的黑白两色，在工具栏中选择渐变工具，在矩形选区内拖拽，制作一个黑白明度渐变色阶。用此方法可以制作其他单色的明度色阶。,2,）,将黑白明度色阶做好后，我们可以此为参照，制作一个彩色的明度色阶：用矩形选择工具拖拽一个小的矩形，使用菜单栏的,“,编辑,/,描边,”,面板为矩形描边（见图,35,），,边缘此处设置为,2PX,，色彩设置为黑色，点确认后描边（见图,36,）；调出拾色器（见图,37,），,边缘此处设置为,2PX,，色彩设置为黑色，点确认后描边（见图,36,）；调出拾色器（见图,37,），,图,33,明度九色调,图,34,拖拽选区,图,35,描边面板,图,36,描边效果,图,37,拾色器面板,选择一个高明度色彩，（在拾色器中，我们可以看出，明度是从上到下垂直降低的），,L,值为色相亮度，此处为,98,，是一个高明度的黄色；在工具栏中选择油漆桶工具，将光标移到描边后的矩形区域内，为描边的矩形填充色彩（见图,38,）。重复以上步骤，选择需要的色彩，并按照明度从高到低的顺序排列在黑白明度色阶下方（见图,39,）。,注意色相的具体数目可以自己选定，但明度要按照次序排列。此时，靠左方的为高明度色，中间部分为中明度色彩，靠右方为低明度色。,图,38,填充色,图,39,重点步骤,3,）,选择制作九调的图片：在菜单栏,“,文件,”,选择,“,打开,”,，提取所需文件（如需打印，图片像素和尺寸不能过小），如图,40,所示。使用魔棒工具，将菜单栏下的魔棒属性选为,“,添加到选区,”,，此选项可以同时选择不同的选区，如图,41,所示，虚线区域为选中的区域（注意，魔棒容差值的大小可以控制选择范围，一般自动设定为,32,）。,4,）,确定选区后，使用吸管工具，在之前制作好的明度色阶中选取需要的色彩，使之成为前景色。用油漆桶工具为选区填色。此处制作的为明度九调中的高长调，需分别从高明度色阶中选取色相填入图中,3/4,区域，选择低明度色填入图中,1/4,区域。步骤如图,42,图,44,所示。,图,40,提取文件,图,41,选择区域,图,42,图,44,步骤,5,）微调明度：用魔棒工具选择某块色彩，使用菜单栏,“,选择,/,选区相似,”,可以将某种色块填充部分全部选中；选中某色填充的全部色块后，从菜单栏的,“,视图,/,调整,”,调出,“,亮度,/,对比度,”,面板（见图,45,），微调,“,亮度,”,值。,6,）用步骤三方法制作色标。,7,）在工具栏中选择文字工具，鼠标选择色标下方单击，可输入文字。在工具属性栏可调整文字大小、字体（见图,46,）。按,Ctrl+Enter,键确认文字，高长调制作完成，如图,47,所示。,8,）重复以上步骤，分别制作其他九色调。（注意，每个色调均可用,“,亮度,/,对比度,”,调整每块色相的明度值）。,9,）将制作完的九个色调放到一个文件中：全选某一色调文件（快捷键,Ctrl+A,）；复制这个文件（快捷键,Ctrl+C,）；打开,“,明度九色调文件,”,，分别粘贴九个色调到文件中（快捷键,Ctrl+V,）。用移动工具将位置排好，此时可勾选移动工具属性栏中,“,自动选择图层,”,。,10,）合并全部可见图层，最终完成明度九色调,图,45,“,亮度,/,对比度,”,面板,图,46,文字工具栏,图,47,高长调,5.3.4,纯度九色调实例,最终效果如,图,48,所示，用,Photo-shop,软件制作纯度九色调。,图,48,纯度九色调,（,1,）主要使用工具,应用菜单栏中,“,图像,/,调整,”,中,“,色相,/,饱和度,”,面板。在制作纯度九色调中，结合魔棒工具，可以通过调节,“,饱和度,”,来调节色相纯度值，也可通过,“,色相,”,来调节同一图片的不同色相。,（,2,）制作纯度九色调,1,）制作鲜强调：打开一张彩色图片如图,49,所示（也可直接用画笔工具绘制或扫描黑白原稿入电脑后，用实例,3,中的方法进行色相填充），使用魔棒工具选择不同色相区域，打开菜单栏中,“,图像,/,调整,”,中,“,色相,/,饱和度,”,面板（见图,50,），使用,“,饱和度,”,选项，分别调整不同色相的饱和度，最终将图片调整到鲜强调的纯度倾向（见图,51,）。继续调整，产生鲜中调和鲜弱调，如图,52,图,53,所示。,图,49,提取文件,图,50,“,色相,/,饱和度,”,面板,图,51,鲜强调,图,52,鲜中调,图,53,鲜弱调,2,）,复制鲜强调图层，重复使用魔棒工具与,“,色相,/,饱和度,”,面板，调整局部色块明度。制作鲜中调，鲜弱调纯度图层（见图,54,）。,3,）调整色相，制作灰强调：复制鲜强调图层，打开,“,色相,/,饱和度,”,面板，拖动,“,色相,”,调节按钮（见图,55,），选择一个新的色相配置，按确定（见图,56,）。,4,）,色彩配置重新设定后，按照上述步骤，降低局部色相饱和度，制作灰强调、灰中调、灰弱调（见图,57,）。,5,）,重复上述步骤，重新设定色相配置后，制作浊强调，浊中调，浊弱调（见图,58,）。,6,）,拼合可见图层，纯度九色调制作完成。,图,54,复制鲜强调图层,图,55,“,色相,/,饱和度,”,面板,图,56,新色相,图,57,灰强调、灰中调、灰弱调,图,58,浊强调、浊中调、浊弱调,5.3.5,色彩对比实例,（,1,）制作,24,色色相环,用,Photoshop,软件制作一个,24,色的色相环，配合拾色器和吸管工具将轻松吸取色相环中的色彩以及同色相不同明度跟纯度的色彩。色相环的制作将使得学生更加直观了解色彩对比的配置方法。,1,）,新建一个文件，取名为,“,24,色色相环,”,。在菜单栏,“,视图,/,显示,”,下拉菜单调出,“,网格,”,选项。或者使用快捷键,Ctrl+,来调出或取消网格。,2,）,在工具栏选择,“,矩形选框工具,”,，在文件上方拖拉一个小的选区。新建图层,1,后，为选区描边（见,图,59,），取消选区（快捷键,Ctrl+D,）。,3,）,复制图层,1,（快捷键,Ctrl+J,）,图层面板出现图层,1,副本，单击激活图层,1,副本（见,图,60,）。,4,）,图层,1,副本激活后，改变图层,1,副本位置：自由变化图层（快捷键,Ctrl+T,）,此时将鼠标放到矩形的四个角均出现弧形拖动光标（见,图,61,）。,图,59,描边,图,60,复制图层,图,61,自由变化选区,5,）,24,色色相环，每个色标相距为,15,度，因此将图层,1,副本的中心向下拖动，再用鼠标拖动矩形右上角，使得其与图层,1,形成,15,度角（见图,62,），也可以调整属性栏，设置为,15,度（见图,63,）。,6,）,制作,24,个矩形：同时按下,Shift+Ctrl+Alt,键后，多次同时按,T,键，将发现复制的矩形按照,15,度角一次呈现，合并全部可见图层后，,24,个矩形框制作完成（见图,64,）。,7,）,制作完矩形框后，可按照,图,65,所示的,CMYK,色彩标识，用拾色器输入数值，用油漆桶工具进行填充，色相环制作完成。,图,62,拖动图形,图,63,设置角度,图,64,24,个矩形,图,65,CMYK,色彩标识,（,2,）制作色彩对比五类型,色相环制作完毕后，可以按照色彩对比类型的角度任意取色。使用工具如下。,1,）,吸管工具：吸取,24,色相环中任意区域色彩。,2,）拾色器：选择此色相面板中某一明度或纯度的色相。,3,）,魔棒工具：在所需图片中选择填充区域。,4,）,油漆桶工具：为选区填充颜色。,制作完成，如图,66,所示。,5.3.6,采集重构实例,最终效果如图,67,所示，用,Photo-shop,软件制作采集重构作业。,1,）打开一张色彩配置舒适的图片，如图中选择的是台球的图片，用吸管工具提取主要色彩，制作色标。,2,） 打开进行色彩重构的新图片，按照原图的色标，使用魔棒工具与油漆桶工具为图片重新填入配置好的色彩。,3,）可以将原图的色彩按照不同比例配置，放到多张图片中。,课题实例,用,Photoshop,软件完成色彩心理作业,作业目的,（,1,）熟悉各种色彩的心理特性，准确表达规定命题。,（,2,）熟练掌握,Photoshop,软件中的工具使用方法，为用该软件完成其他作业打下基础。,作业要求,（,1,）用合适的色彩组合分别表现,“,温馨,”,和,“,郁闷,”,两个概念。,（,2,）用抽象图形。,（,3,）表意准确。,（,4,）色彩和谐。,作业方法,（,1,）新建文档，将图片大小设定为 长,15,厘米、宽,15,厘米，像素为,300 dpi,，模式为,CMYK,。,（,2,）新建图层,1,，选择钢笔工具， 在属性栏选择路径。点击鼠标左键并拖动，绘制闭合矢量路径。选取前景色，为路径填充颜色。,（,3,）重复步骤,2,，绘制多条曲线。,（,4,）选择画笔工具，调节笔刷大小， 选择适合色彩，点击鼠标左键绘制圆形。,（,5,）在工具箱选择移动工具，并勾选属性栏的,“,自动选择图层,”,，调整图层位置。,（,6,）在图层面板调整图层叠加方式。,（,7,）合并可见图层，制作完成。,设计点评,这是应用,Photoshop,软件所做的色彩心理作业。用色彩表现,“,温馨,”,这一概念。该作品选用的是,PCCS,色调图中的,P,色调（淡色调）中几个对比较强的色相来构成的。整个画面用淡淡的浅黄色统一，形态上采用线面结合的方法，流畅的线条和几何圆形的组合运用进一步强化了,“,温馨,”,的主题。缺点是画面的形态组合稍显简单。,同样是用,Photoshop,软件完成的色彩心理作业，名为,“,郁闷,”,。色相是从,PCCS,调图中,dk,（暗色调）色调中吸取的。这些色相的共同特点是以冷色为主，且明度和纯度都低，适合表现,“,郁闷,”,的感觉。图中采用有机的自由形穿插组合，准确表现了茫然无所适从的,“,郁闷,”,心境。缺点是明度少，缺少适当的对比。,