1、第 1 章 图形图像基础知识1.1 Photoshop 功能简介Photoshop 是一款强大的平面设计软件，在网页设计、建筑效果图设计、平面广告设计、特效文字设计、界面设计和影像创意设计等设计领域都有广泛的应用。1平面设计的概念平面设计是设计者借助一定的工具材料，将所要表达的形象及创意在二维空间中塑造出的视觉艺术。其广泛应用于广告、招贴、包装、海报、插图及网页制作等，因此，平面设计就是视觉传达设计。2平面设计的应用（1）广告设计在现实生活中，广告已和人类社会的经济以及人们的文化生活紧密交织在一起。在平面广告设计中一般包含有文字和图形。常见的表现手法有名人与名牌、夸张与准确、幽默与悬念、劝导与
2、引诱恐吓等。广告作品一般由主题、创意、文字、形象和衬托等组成。广告创作就是将这些要素有机地结合起来，成为一则完整的广告作品，如图 1-1 所示。图 1-1 广告设计（2）商标设计标志是表明事物特征的记号。商标、店标、厂标等专用标志对于发展经济、创造经济效益、维护企业和消费者权益等具有巨大的实用价值和法律保障作用。各种国内外重大活动、会议、运动会以及邮政运输、金融财贸、机关、团体乃至个人（图章、签名）等几乎都有表明自己特征的标志，如图 1-2 所示。图形图像处理应用教程（第二版）2（3）包装设计包装是商品生产的延续，是商品的有机组成部分，商品经过包装和生产过程才算完成。随着商品经济的发展，商品的
3、包装设计越来越受到重视，如图 1-3 所示。图 1-2 商标设计 图 1-3 鲜奶包装设计（4）网页设计在因特网上，有很多设计独特、美观、新颖的网站，这些网站的网页使用了许多平面设计的技巧，如图 1-4 所示。图 1-4 网页设计1.2 图像的基本概念1.2.1 像素和分辨率要学习计算机平面设计，必须掌握图像的像素数据是如何被测量与显示的基本知识，这里涉及以下几个概念。图形图像基础知识3第1章1像素像素是构成图像的最小单位，是图像的基本元素。2分辨率分辨率是指单位长度内所含像素点的数量，单位为“像素每英寸” （pixel/inch，ppi ） 。分辨率对处理数码图像非常重要，与图像处理有关的分
4、辨率有图像分辨率、打印机或屏幕分辨率等，如图 1-5 所示。（a）1 个像素 （ b）8 个像素图 1-5 分辨率3图像分辨率图像分辨率直接影响图像的清晰度，图像分辨率越高，则图像的清晰度越高，图像占用的存储空间也越大。4显示器分辨率在 显 示 器 中 每 个 单 位 长 度 显 示 的 像 素 或 点 数 ， 通 常 以 “点 每 英 寸 ”（ dpi） 来 衡 量 。 显示 器 的 分 辨 率 依 赖 于 显 示 器 尺 寸 与 像 素 设 置 ， 个 人 计 算 机 显 示 器 的 典 型 分 辨 率 通 常 为96dpi。5打印机分辨率与显示器分辨率类似，打印机分辨率也以“点每英寸”来
5、衡量。如果打印机分辨率为300600dpi，则图像的分辨率最好为 72150ppi；如果打印机的分辨率为 1200dpi 或更高，则图像分辨率最好为 200300ppi。通常情况下，如果希望图像仅用于显示，可将其分辨率设置为 96ppi（与显示器分辨率相同） ；如果希望图像用于印刷输出，则应将其分辨率设置为 300ppi 或更高。1.2.2 图像的种类计算机图像分为两大类：位图和矢量图。1位图位图是指以点阵方式保存的图像。它由多个不同颜色的点组成，可以在不同的软件之间转换，主要用于保存各种照片图像。位图的缺点是文件尺寸太大，且和分辨率有关。因此，当位图的尺寸放大到一定程度后，会出现锯齿现象，图
6、像将变得模糊，如图 1-6 所示。图形图像处理应用教程（第二版）4图 1-6 位图放大后会出现锯齿现象2矢量图矢量图是指利用图形的几何特性的数学模型进行描述的各种图形，与分辨率无关，将图形放大到任意程度，都不会失真，如图 1-7 所示。图 1-7 矢量图放大到任意程度，都不会失真1.2.3 颜色及颜色模式图像处理离不开色彩处理，因为图像无非是由色彩和形状两种信息组成的。在使用色彩之前，需要了解色彩的一些基本知识。1色彩的三要素色彩的三要素即色相、明度、纯度（色度）。任何一个颜色或色彩都可以从这三个方面进行判断分析。色相：指色彩所呈现出来的质的面貌，例如红、黄、蓝、绿等。明度：指色彩的明暗深浅程
7、度，明度高，就是说颜色亮。纯度：指色相的鲜艳程度，即色彩中其他杂色所占成分的多少。2颜色模式颜色模式用来确定如何描述和重现图像的色彩。常见的颜色模型包括 HSB（色相、饱和度、亮度） 、RGB（红色、绿色、蓝色） 、CMYK（青色、品红、黄色、黑色）和 Lab等。因此，相应的颜色模式也就有 RGB、CMYK、Lab 等。如图 1-8 所示的是 Photoshop调色板的几种颜色模式表示红颜色时的数值。（1）RGB 颜色模式利用红（Red） 、绿（Green）和蓝（Blue ）三种基本颜色进行颜色加法，可以配制出绝大部分肉眼能看到的颜色。彩色电视机的显像管及计算机的显示器都是以这种方式来混合出各
8、种不同的颜色效果的，如图 1-9 所示。图形图像基础知识5第1章图 1-8 几种颜色模式 图 1-9 RGB 颜色模式Photoshop 将 24 位 RGB 图像看作由三个颜色通道组成。这三个颜色通道分别为红色通道、绿色通道和蓝色通道。其中每个通道使用 8 位颜色信息，该信息由从 0255 的亮度值来表示。这三个通道通过组合，可以产生 1670 余万种不同的颜色。在 Photoshop 中用户可以很方便地从不同通道对 RGB 图像进行色彩处理。下面是 RGB 颜色模式所表示的几种特殊颜色：R255， G0， B0 表示红色；R0， G255， B0 表示绿色；R0， G0， B255 表示蓝
9、色；R0， G0， B0 表示黑色；R255， G255， B255 表示白色。（2）CMYK 颜色模式CMYK 颜色模式是一种用于印刷的模式，分别是指青（Cyan） 、品红（Magenta） 、黄（Yellow）和黑（ Black） 。CMYK 模式在本质上与 RGB 颜色模式没有什么区别，只是产生色彩的原理不同。由于 RGB 颜色合成可以产生白色，因此，RGB 产生颜色的方法称为加色法。而青色（C ） 、品红（M ）和黄色（Y）的色素在合成后可以吸收所有光线并产生黑色，因此，CMYK 产生颜色的方法称为减色法。（3）Lab 颜色模式Lab 颜色模式是以一个亮度分量 L（Lightness）
10、 ，以及两个颜色分量 a 与 b 来表示颜色的。其中，L 的取值范围为 0100，a 分量代表由绿色到红色的光谱变化，而 b 分量代表由蓝色到黄色的光谱变化，且 a 和 b 分量的取值范围均为120120。Lab 颜色模式是 Photoshop 内部的颜色模式。该模式是目前所有模式中色彩范围（称为色域）最大的颜色模式。（4）HSB 模式HSB 模式以色相、饱和度、亮度与色调来表示颜色。通常情况下，色相由颜色名称标识，如红色、橙色或绿色。饱和度（又称彩度）是指颜色的强度或纯度。饱和度表示色相中灰色分量所占的比例，使用从 0（灰色）100%（完全饱和）的百分比来度量。亮 度 是 颜 色 的 相 对
11、 明 暗 程 度 ， 通 常 使 用 从 0（ 黑 色 ） 100%（ 白 色 ） 的 百 分 比 来 度 量。色调是指图像的整体明暗度，例如，如果图像亮部像素较多，则图像整体上看起来较为明快。反之，如果图像中暗部像素较多，则图像整体上看起来较为昏暗。对于彩色图像而言，图像具有多个色调。通过调整不同颜色通道的色调，可对图像进行细微的调整。图形图像处理应用教程（第二版）6（5）颜色模式的选择在 Photoshop 中，主要使用 RGB 颜色模式，因为只有在这种模式下，用户才能使用Photoshop 软件系统提供的所有命令与滤镜。因此，用户在进行图像处理时，如果图像的颜色模式不是 RGB，则可首先
12、将其颜色模式转换为 RGB 模式，然后进行处理。1.3 图像文件格式根据记录图像信息的方式（位图或矢量图） 、压缩图像数据的方式的不同，图像文件可以分为多种格式，每种格式的文件都有相应的扩展名。目前常见的图像文件格式有很多种，如 BMP、TIFF、JPEG 、 GIF、PDF、PNG 等。而 Photoshop 所默认的图像文件为PSD 格式。由于大多数的图像格式都不支持 Photoshop 的图层、通道、矢量元素等特性，因此，如果希望能够继续对图像进行编辑，则应将图像以 PSD 格式保存。课 后 习 题1什么是平面设计？2什么是广告设计？什么是商标设计？3计算机图像分为哪几类？4常见的颜色模式有哪几种？5Photoshop 默认的图像文件格式是什么？
