电脑美术基础 丁翠红 artdingch@163.com.

Presentation on theme: "电脑美术基础 丁翠红 artdingch@163.com."— Presentation transcript:

1 电脑美术基础 丁翠红

2 导语 “电脑数码美术”又称为“计算机数字美术”，或简称为“电脑美术”、“数码美术”、“数字美术”等。这个新词的运用由于没有统一的标准，业界里说法不一，但都统一所指将计算机图形图像的数字技术应用于美术创作或影视节目制作的一种特技艺术。

3 如同当年摄影技术的发明一样，计算机图形图像技术的发明是人类艺术创作历史上的一次飞跃性的革命。依据传统绘画工具创作的画家如今可以不用画笔代之以计算机鼠标及键盘来进行艺术创作了！
创意给人以生命和乐趣。 ——李奥贝纳

4 本课内容 电脑图像处理的基本知识 图像处理软件Photoshop Photoshop在平面设计领域的应用

5 第一章 电脑图像和Photoshop基础 电脑图像处理的基本概念 文档的操作 基本工具组 对象的变换

6 一、对PS的整体认识 Photoshop是一个平面的二维的图像合成软件，“合成”就是在已有的素材基础上进行艺术再加工。它不同于AI、Painter软件，AI是一个创作软件，PS多数要求在已有的素材上再修改，也有创作的成分，但更注重的是合成。 Photoshop最强大的在于它的合成与再加工。 从功能上看，Photoshop可分为图像编辑、图像合成、校色调色、特效制作四个方面。

7 二、电脑图像处理的基本概念 颜色模式 HSB模式 1）色相，也称为色彩相貌，色彩名称，缩写是H（hue）
2）饱和度，也称为纯度，缩写是S（Saturation）； 3）明度，英文缩写是B（Brightness）。

8 二、电脑图像处理的基本概念 颜色模式 HSB模式
每种颜色模式都有一个对应的媒介，HSB模式对应的媒介就是人眼的感受细胞，是基于人眼视觉接受体系的一个色彩空间描述。这种模式的最大作用是知道颜色该如何去调。比如图片中衣服的色相、饱和度的调整。拾色器就是以HSB的方式来拾取颜色。

9 二、电脑图像处理的基本概念 颜色模式 HSB模式

10 二、电脑图像处理的基本概念 颜色模式

11 二、电脑图像处理的基本概念 颜色模式 RGB模式 红、绿、蓝是光色的三原色。 红（R，Red）；绿（G，Green）；蓝（B，Blue）。

12 二、电脑图像处理的基本概念 颜色模式 256×256×256=16777216≈1678万。 RGB模式 R-红色：0~255阶，共256阶
每种颜色有256个级别。最亮是255，最暗是0，所以一个显示器最多可以显示多少种颜色？ 256×256×256= ≈1678万。

13 二、电脑图像处理的基本概念 颜色模式 RGB模式 RGB颜色模式是加色模式，两种色光混合在一起，得到的是更亮的颜色。
三种光都关闭时得到黑色，三种光达到最强时获得白色，三个值相等时是灰色。

14 二、电脑图像处理的基本概念

15 二、电脑图像处理的基本概念 颜色模式 CMYK模式 Cyan （C ），青色； Magenta （M） ，品红，洋红；
Yellow （Y ） ，黄色 ； Black （K） ，黑。 CMYK模式对应的是印刷色，媒介是油墨，是不发光的。我们看到的印刷品都需要制作四个版，分别将四种颜色来印上。

16 二、电脑图像处理的基本概念 颜色模式 CMYK模式 CMY模式是用百分比来表现颜色的浓淡。 C-青色：0-100%；

17 二、电脑图像处理的基本概念 颜色模式 CMYK模式
当光照射到物体上时，会吸收一部分光，并反射一部分光。混合的颜色越多，它所能吸收的光越多，所以我们看到的颜色越深。 CMYK是减色模式，两种油墨混合后，得到的是比原来更深的颜色。

18 二、电脑图像处理的基本概念 颜色模式 红 + 绿 = 黄 红 + 蓝 = 品 绿 + 蓝 = 青 红 + 绿 + 蓝 = 白 光和色的关系
RGB和加色原理 红 + 绿 = 黄 红 + 蓝 = 品 绿 + 蓝 = 青 红 + 绿 + 蓝 = 白

19 二、电脑图像处理的基本概念 颜色模式 青 + 品 = 蓝 青 + 黄 = 绿 黄 + 品 = 红 青 + 品 + 黄 = 黑 光和色的关系
CMY和减色原理 青 + 品 = 蓝 青 + 黄 = 绿 黄 + 品 = 红 青 + 品 + 黄 = 黑

20 二、电脑图像处理的基本概念 颜色模式 光和色的关系 总结

21 二、电脑图像处理的基本概念 颜色模式 光和色的关系 当光线照射到一个物体上时，和自己颜色相同的光会被反射，而颜色不同的光会被吸收。

22 G B R R B G G R B G B R

23 二、电脑图像处理的基本概念 颜色模式 色彩模式的选择 我们在电脑中进行设计的时候，如果最终要用于电脑显示，直接设置为RGB即可。
如果要设计一个印刷品，在PS制作的时候，要先用RGB模式制作。所有工作做完之后再转成CMY模式出片，因为我们在设计制作过程中，使用的还是电脑，工作环境是RGB模式，只需要最后一步再转成CMY模式。

24 二、电脑图像处理的基本概念 颜色模式 色域、溢色 一种颜色模式的色域，指的是它所能描述的颜色范围。
有些颜色可以在电脑上看到，但是不能被印刷出来，我们称之为溢色。

25 二、电脑图像处理的基本概念 颜色模式 LAB颜色模式
Lab颜色模式是CIE组织（国际照明委员会）确定一种理论上的颜色模式，它的色域非常广，弥补了RGB与CMYK两种彩色模式的不足，可以包括大自然中所有的颜色，也包括了人眼可见的所有色彩。Lab模式是理论上的颜色模式，既不依赖光线，也不依赖于颜料，其媒介对应的是大自然的颜色库。

26 二、电脑图像处理的基本概念 颜色模式 LAB颜色模式 一Lab颜色模式包括一个亮度分量的与两个颜色分量（绿到红，蓝到黄） 。

27 二、电脑图像处理的基本概念 颜色模式 总结： 颜色模型/模式 媒介 PS中应用 通道 HSB颜色模型 人眼的视觉细胞 拾色器 ————
RGB颜色模式 色光/发光设备 （加色模式） 【图像/模式/RGB颜色】 RGB、R、G、B CMYK颜色模式 印刷/油墨 （减色模式） 【图像/模式/CMYK颜色】 CMYK、C、M、Y、K Lab颜色模式 不基于任何媒介 【图像/模式/Lab颜色】 Lab、L、a、b

28 二、电脑图像处理的基本概念 像素和分辨率 像素 像素是什么？是数字图像所能显示的最小单位，像素是正方形的，每个像素上只能显示一种颜色。
“像素”（Pixel）是由Picture（图像）和Element（元素）这两个单词的字母所组成的。我们如果把数码影像放大数倍，会发现这些连续色调其实是由许多小方点所组成，这些小方点就是构成影像的最小单位“像素”（Pixel）。

29 二、电脑图像处理的基本概念 像素和分辨率 图形和图像 图像/位图：
PS是一个位图的处理软件，位图是基于像素的，位图我们一般称作图像。图像放大会失真。 图形/矢量： AI，Flash等软件是处理矢量的，矢量是基于路径的，矢量图我们一般称作图形。图形可以无限放大，不会失真。

30 二、电脑图像处理的基本概念 像素和分辨率 分辨率
对于数字图像而言，分辨率指单位长度内含有像素的数量，它是度量数字图像清晰度（质量）的单位。分辨率越大，数字图像越清晰。

31 二、电脑图像处理的基本概念 像素和分辨率 分辨率 分辨率的单位是什么？ 常用的分辨率有3种，分别为显示器分辨率、图像分辨率、专业印刷分辨率。
显示器分辨率：dpi（点／英寸 ） 打印机分辨率：dpi 、lpi（点／英寸 、线/英寸） 图像分辨率：ppi （ 像素／英寸 ）

32 二、电脑图像处理的基本概念 像素和分辨率 分辨率 分辨率是不是越大越好？
分辨率应该根据实际的用途来确定。能够达到要求就可以，并不是越大越好。 屏幕、网络：72-96dpi； 喷绘：20-45dpi； 写真：60-150dpi； 报纸、普通打印： dpi； 商业印刷： dpi； 高档彩色印刷：350dpi-400dpi

33 二、电脑图像处理的基本概念 图层 图层像一层层的透明的玻璃纸，上边的图层会遮住下边的图层，叠加后看到总体效果。 新建图层 删除图层 复制图层
调整图层顺序

34 三、文档的操作 1. 新建文档 Ctrl+N 2. 保存文档 【文件/存储】（Ctrl+S）
3. 关闭文档 【文件/关闭、关闭全部】（Ctrl+W） 4. 打开文档 【文件/打开】（Ctrl+O） 双击工作区 5. 编辑和重设文档 【图像/图像大小、画布大小】

35 四、基本工具 1.选框工具组 2.套索工具组 3.魔棒工具 4.移动工具 5.裁切工具 6.辅助工具组

36 五、对象的变换 【编辑/自由变换】（Ctrl+T）

37 第二章 绘画与修饰工具 绘画与修饰工具 图像编辑功能的总结

38 一、绘画与修饰工具 工具箱

39 1. 修复工具组 污点修复画笔工具：可移去污点和对象。 修复画笔：可修复图像中的缺陷，并能使修复的结果自然溶入周围的图像中。
修补工具：可利用样本或图案修复所选图像区域中不理想的部分。 红眼工具：可移去由闪光灯导致的红色反光。 ：

40 2. 画笔工具组 画笔工具：可绘制出边缘柔软的画笔效果 。 铅笔工具：可绘制硬边线条。 颜色替换工具：使用前景色对图像中的颜色进行替换。

41 2. 画笔工具组 练习：

42 3. 图章工具组 仿制图章工具：可准确复制图像的一部分或全部。 图案图章工具：可用各种定义好的图案填充图像。

43 4. 历史记录画笔组 历史记录画笔工具：恢复图像的原始状态。
历史记录艺术画笔工具：恢复图像的同时，采用模拟不同绘画风格的风格化描边进行绘画。

44 5. 橡皮擦工具组 橡皮擦工具：可将图像擦除，背景图层擦除后变为工具箱中的背景色。 背景橡皮擦工具：将图像擦成透明色。
魔术橡皮擦工具：只需单击一次即可将纯色区域擦抹为透明区域。

45 6. 填充工具组 渐变工具:在图像中添加指定的色彩渐变。 选择渐变工具，在工作区中单击鼠标并拖动，可为图层或选区添加颜色渐变效果。
鼠标拖动的起点、终点、方向会影响渐变的效果; 按Shift做水平、垂直、45°渐变； 在选项栏单击色条，可弹出渐变编辑器; 在选项栏可选择渐变的类型：线性、径向、角度、对称、菱形。 不透明度：可设置渐变的不透明度； 反向：可将渐变反向。 仿色：将在渐变中产生色彩抖动，使得色彩过度区域更柔和更平滑。 透明区域：只有勾选此项，不透明度的设定才会生效。

46 6. 填充工具组 练习：

47 6. 填充工具组 油漆桶工具 对选区或图层中颜色相近的区域填充颜色。 填充类型：前景、图案。其他选项用法同前所述。
油漆桶工具 对选区或图层中颜色相近的区域填充颜色。 填充类型：前景、图案。其他选项用法同前所述。 【编辑/填充】，也可实现对选区或图层的填充。

48 7. 聚焦工具组 模糊工具：可柔化图像中的硬边缘或区域，以减少细节。 锐化工具；可聚焦软边缘。以提高清晰度或聚焦程度。
涂抹工具：可模拟在湿颜料中拖移手指的动作。

49 8. 色调工具组 减淡工具：可使图像中的区域变亮。 加深工具：可使图像中的区域变暗。 海绵工具：可精确更改图像中某一区域的色彩饱和度。 ：

50 二、图像编辑功能的总结 1） 【图像/图像大小】命令，可以调整图像的尺寸。 2） 【图像/画布大小】、裁切工具，可以扩展或裁切画布。
3） 使用【编辑/自由变换】命令，可以对图像进行各种变换。 4） 使用工具箱中的绘画与修饰工具，可以为图片进行局部的修饰（修复、美容、化妆、局部变色等）。 5） 使用液化滤镜，可以将图片变形，为人物瘦身、改变表情。

51 本部分作业 1）在PS中制作加色模式、减色模式的原理图。 2）选择一个人像照片，为其皮肤进行综合修饰。 3）为一个黑白照片上色。
4）去掉图像中不该出现的人物。 5）使用历史记录艺术画笔为图像添加艺术效果。。

52 第三章 通道和调色 图像的通道 调色命令 图像的颜色模式

53 一、图像的通道 颜色通道 专色通道 Alpha通道 颜色通道用于记录图像中的颜色分布信息。
专色通道可以保存专色信息。它可以用来补充或替代印刷色。 Alpha通道 Alpha通道记录图像中的透明度信息，常用来保存选区。

54 二、调色命令 色阶（Ctrl+L） 曲线（Ctrl+M） 色相饱和度（Ctrl+U） 自动色阶、自动曲线、自动色相/饱和度

55 二、调色命令 亮度/对比度：两个滑块分别调整亮度和对比度。
曝光度：改变图片的曝光度，主要用于 HDR 图像（亮的地方非常亮、暗的地方非常暗、亮暗部细节都很明显）。 色彩平衡（Ctrl+B）：图像色调的整体调节，调整三个滑块，滑块两端互为补色。可单独调整中间调、阴影、高光； 黑白：将图像转为黑白图像，并能通过各个参数的调整，获得高质量的黑白图像效果。 照片滤镜：相当于传统摄影中用的有色滤镜，可改变图像色调，但其设定更符合摄影师等专业人士的使用习惯。 通道混合器：修改颜色通道，可实现使用其他调整方法不易实现的色彩效果。

56 二、调色命令 反相：将色彩转换为反转色，白色转为黑色，红色转为青色，蓝色转为黄色等。效果类似于底片效果。
色调分离：可以在保持图像轮廓的前提下，大量合并亮度，有效地减少图像中的色彩数量。 阈值：将图像转化为黑白图像，其效果可用来制作漫画、版刻画、插画和线稿（配合高反差保留）。 渐变映射：将图像的灰度范围映射到指定的渐变填充色。（调整黑白渐变，也可以制作高品质的灰度图。） 可选颜色：对图像中指定颜色的CMYK四色油墨进行调整，不影响其他颜色的表现。（原来印刷厂用的，不常用） 阴影（暗调）/高光：调整图像的高光、暗调部分，用于纠正图像的曝光过度和曝光不足（反差大）的现象。

57 二、调色命令 HDR色调：可用来修补太亮或太暗的图像，制作出高动态范围的图像效果。
变化：是一种较为直观的色彩平衡类工具，初学者较为喜欢。在实际使用中常用来判断哪种色调最适合。 去色：相当于在色相/饱和度中将饱和度设为最低，把图层转变为不包含色相的灰度图象。 匹配颜色：参照另一幅图片的色调来调整改变图象的色调，必须在PS中同时打开多幅图像。 原始素材色彩与灯光不好时，匹配好的图像光源与颜色。合成图象前先匹配颜色，可以做到天衣无缝。 替换颜色：选择图像中的某个色彩范围，替换为指定颜色。 （色相/饱和度的另外一种用法） 色调均化：将图像中最亮部分提升为白色，最暗部分降低为黑色，还按照灰度重新分布亮度，使图像更加鲜明。

58 三、图像的颜色模式 颜色模式 其他模式 位深度 灰度：变为黑白图像，有丰富的灰阶。 位图：产生没有灰阶的黑白图，用于报纸印刷。
双色调：用于产生专色。 索引颜色：用于网页图像。 多通道：用于打印印刷的样稿。 位深度

59 四、校色调色总结 校色通用调节 自动色阶 加强饱和度 强化冷暖对比 锐化

60 四、校色调色总结 特殊调色效果 制作黑白图像的方法 通道抠图

61 四、校色调色总结 反转负冲效果 选择蓝色通道，单击RGB通道前边的眼睛图标。可对蓝通道操作，同时观察图像最终效果。
选择蓝色通道，【图像/应用图像】，“反相”，混合“正片叠底”，不透明度“50%”。（图像增加黄色） 选择绿色通道，【图像/应用图像】，“反相”，混合“正片叠底”，不透明度“20%”。（ 图像增加紫色） 选择红色通道，【图像/应用图像】，“颜色加深”。（ 图像增加绿色） 根据图像情况，使用色阶或曲线对三个通道调整。