电脑图文设计

admin管理员组

文章数量:1537046

2024年5月17日发(作者：)

引言 《电脑图文设计》课是学什么的

图文设计一般都是平面设计方面的，包括招贴设计、排版印刷等。

一、图文广告业务范围

服务类：上网查询、收发传真、打印、复印等。

图文类：写真、喷绘、海报、彩色名片、精装（简装）菜谱等。

印刷类：印刷彩页、宣传单、杂志、不干胶、条幅等。

安装类：刻字、钛金标牌、展板、门头广告（电子）灯箱、LED屏制作；户外广告牌、路牌、各

种证卡、标牌、车贴、车体广告等。

影像类：扫描、刻录光盘、冲洗照片、证件照、制作相册、相框等。

二、我们要学习什么

电脑图文设计以计算机（俗称电脑）为工具完成图文设计工作。

在学会电脑软件基本使用方法的基础，学习图文设计的基本方法。（软件+方法）

第一章 图片调色

一、色彩原理

1、位图与矢量图

根据在电脑中存储和表现图像内容的方式的不同，将图片分为位图和矢量图两种类型。



位图

电脑图像





矢量图

(1) 位图：由许许多多不同颜色的像素点组合而成。

像素（Pixel）：是组成位图图像的基本单位。我们如果把一张图片放大数倍，会发现图片中颜色

的平滑过度其实是由许多色彩相近的小方点所组成，这些小方点就是构成图像的最小单位——像素。

位图图片的精度：和图片的分辨率有关。

分辨率（Resolution）：特指设备分辨率（又称输出分辨率），指的是各类输出设备每英寸上可产

生的点数。这种分辨率通过DPI来衡量，PC显示器的设备分辨率一般在72－96DPI之间，而打印及

印刷设备的分辨率一般在300 DPI以上。

图片大小：像素单位、厘米单位。

图片大小与分辨率的关系。

常见的图片（如数码相机拍摄图、扫描图、电分图）都是位图图像。

常用的位图编辑软件：Photoshop、画图。它们的操作对象是像素。

位图的优点：可以很好地表现颜色的连续变化（比如：人物照片、自然风景图）。

位图的缺点：图像文件较大，放大倍数较大时，容易出现马赛克现象。

(2) 矢量图：是由矢量（也叫向量）的线形组成。线形分为开放线形和闭合线形。

常用的矢量图编辑软件：Illustrator、CorelDraw。它们的操作对象是线的轮廓，可以调节线的粗

细、颜色，闭合的线形可以填充颜色。

矢量图的优点：可以无限放大，与设备分辨率无关，不会出现马赛克现象，图像文件非常小。常

用于表现一些由线条、色块组成的标志、图案等内容。

矢量图的缺点：不易表现照片类的连续阶调变化的图像。

2、RGB与CMYK色彩模式

(1) 色光三原色：R红、G绿、B蓝

原色是指不能透过其他颜色的混合调配而得出的“基本色”。

(2) 颜料三原色：C青、M洋红、Y黄

(3) 原色的加减性质

原色以不同比例混合时，会产生其他颜色。在不同的色彩空间系统中，有不同的原色组合。可以

分为“叠加型”和“消减型”两种系统。

(a) 色光三原色——加色法原理

人的眼睛是根据所看见的光的波长来识别颜色的。可见光谱中的大部分颜色可以由三种基本色光

按不同的比例混合而成，这三种基本色光的颜色就是红（Red）、绿（Green）、 蓝（Blue）三原色光。

这三种光以相同的比例混合、且达到一定的强度，就呈现白色（白光）；若三种光的强度均为零，就是

黑色（黑暗）。这就是加色法原理，加色法原理被广泛应用于电视机、监视器等主动发光的产品中。

(b) 颜料三原色——减色法原理

在打印、印刷、油漆、绘画等靠介质表面的反射被动发光的场合，物体所呈现的颜色是光源中被

颜料吸收后所剩余的部分，所以其成色的原理叫做减色法原理。 减色法原理被广泛应用于各种被动发

光的场合。 在减色法原理中的三原色颜料分别是青（Cyan）、品红（Magenta）和黄（Yellow）。

（左图：RGB 右图CMY）

(4) RGB模式

RGB色彩通常用于照明、视频、电脑屏幕显示等。

使用不同比例的R、G、B原色混合出自然界中丰富多彩的颜色来。

在计算机中，每个像素的颜色都对应一组RGB颜色值。RGB分别使用0～255的强度值，表示

该像素中红、绿、蓝色成份的多少。

（R255、G255、B255）表示纯白色。

（R0、G0、B0）表示纯黑色。

（R255、G0、B0）表示纯红色。

………… （学会颜色的表示方法）

(5) CMYK模式（用于印刷）

从理论上说，使用CMY三种颜色的油墨可以混合出纯黑色。但由于油墨纯度问题，得到的往往

是暗红色。因此，在实际印刷当中，需要在CMY三种颜色油墨的基础上，额外添加一种黑色（K）油

墨，来补偿偏色问题，从而形成了CMYK色彩模式。

在印刷当中，使用不同比例的C、M、Y、K四种基本颜色来混合得到需要的各种颜色。

在CMYK模式下，每个颜色的颜色都对应一组CMYK颜色值。CMYK分别使用0～100的百分

比值，表示该像素中青、品红、黄、黑4种油墨的成份组成。

（C0、M0、Y0、K0）表示纯白色

（C0、M0、Y0、K100）表示纯黑色

………… （学会颜色的表示方法）

在实际应用中我们会发现，在电脑屏幕上看到的RGB模式的图像亮度较高、颜色鲜亮；而CMYK

模式的图像会偏暗。这是由于色域问题造成的。

(6) 色域

色域是指一个技术系统能够产生的颜色的总和。

在计算机图形处理中，色域是颜色的某个完全的子集。颜色子集最常见的应用是一个给定的色彩

空间或是某个输出装置的呈色范围。

3、其它几种主要色彩模式

(1) Bitmap位图模式

图像只由黑色和白色两种颜色的像素组成。每个像素使用1位（即1个比特）来表示（0和1）

即可。

图像占用存储空间小，但颜色太少，不能用于表达彩色图片、照片等信息。

(2) Grayscale灰度模式

灰度模式使用256级灰度来表现图像，图片表现为黑白照片。每个像素使用一个0～255的亮度

值（使用1个字节）来表示明暗变化。

4、色彩模式的互相转换

常用的颜色模式：RGB颜色、CMYK颜色、灰度。

注意：从色域宽的颜色模式向色域窄的颜色模式转换，会丢失大量颜色信息。

举例：简单的上色演示。

二、调色基础篇

1、图片调色

图片调色是图片设计使用前必做的重要工作，主要是调节图片的偏色问题。

整体偏色、局部单色偏色、亮部与暗部偏色等。

方法：一般先调节整体偏色，再使用选区工具选择局部并进行局部偏色的调节。

Photoshop提供了一系列调整工具，使用时应灵活运用。

2、图片调色使用的主要工具

例1 将图片转化为不同色彩风格。

Ａ步骤

原图

图像-调整-去色

说明：“去色”命令用于将图片中的色彩去除，使图片变为黑白照片效果。

图像-调整-变化(加一些黄色)

说明：“变化”命令用于在图片上添加指定的颜色。

文件-另存为。（将处理后的图片保存为新的文件）

Ｂ步骤（从原图开始）

图像-调整-曲线

说明：“曲线”命令用于有针对性地调整图片中的明暗对比（暗调、中间调、高光）

（结果）

。

图像-调整-匹配颜色

说明：“匹配颜色”命令使用（另）一幅图片中的颜色来修改当前图片中的颜色。

（结果）

Ｃ步骤（从原图开始）

图像-调整-色调分离

说明：“色调分离”命令使用较少数量的颜色来表达图片的内容。

图像-调整-可选颜色

说明：“可选颜色”可以有针对性地对图片中的颜色进行调整。

图像-调整-可选颜色

（结果）

Ｄ步骤（从原图开始）

图像-调整-曲线

图像-调整-反相（图片变成负片）

说明：“反相”命令将图片变为负片效果。

图像-调整-色相/饱和度

说明“色相/饱和度”命令可以调节图片的色彩、饱和度、亮度。

（结果）

特别提示：图片用于屏幕显示时使用RGB模式，而打印或印刷时使用CMYK模式，在屏幕上看

见的色彩和打印、印刷出的色彩会有一定差距。在进行颜色调整时一定要注意图片的最终用途！

注意：CMYK后面的“!”号，表示颜色溢出。

例2 对图片进行更多的调节。

A步骤

图像-调整-曲线

图像-调整-匹配颜色

图像-调整-色相/饱和度

（结果，和书上有区别）

B步骤（从原图开始）

图像-调整-匹配颜色

图像-调整-色调分离

图像-调整-渐变映射

（结果）

C步骤（从原图开始）

复制“背景”图层

选择“背景 副本”图层，应用“图像-调整-反相”命令。

然后，调整图层的不透明度

（当前效果）

在“图层”面板中，应用“拼合图层”命令。

使用“裁切工具”对图片进行适当裁剪。

D步骤（从原图开始）

图像-调整-阈值

（效果）

打开新图片，制作类似效果

将新图片拷贝到例图中，调整位置及大小，并调整不透明度。

使用“裁切工具”调整图片大小。

裁切

单色调图片的一些做法（P20页）：简介

渐变映射（P21页）：简介

三、调色提高篇

1、层色关系

(1) “图层（Layer）”功能介绍

什么是图层？图层功能允许让多张图片进行叠加放置并保存在一个文件中。

为什么要设立图层？通过对图像分层放置，您能够有效的把多张图片混合在一起，隐藏或显示每

个单独的图层，文本、绘图和图象可以在各自的图层上被添加、删除、移动和编辑而不会影响其它图

层。

“图层”面板：

图层名、图层图标、显示/隐藏图层、不透明度

图层的叠加方式（混合模式）：先简单会用几个常用的即可。

常用的：正常、正片叠底、叠加、颜色

(2) 渐变工具

渐变样式：

渐变方式： 线性、径向、角度、对称、菱形（5种）

操作对象：在一个图层（或选区）中操作。

操作范围：渐变会填充到整个图层（或选区）中。

渐变工具的使用方法：

先选择（或创建）一个图层，或在一个图层中创建一个选区。

选择渐变工具；在“选项栏”中选择渐变方式，并选择一种渐变样式（或自定义渐变样式）。

在图像窗口中拖动鼠标，形成渐变效果。

例3 通过色彩的渐变层与图层的各种变化叠加出不同色彩效果。（P23页）

例4 色彩调节练习

A步骤图：

(1) (2) 色相/饱和度：去除黄色。

(3) (4) 替换颜色：替换天空颜色。

B步骤图：

(1) 复制图层：

(2) 新建图层：

(3) (4) 使用“阈值”命令：转换为位图图像（纯黑白2色）。

(5)(6) 填充渐变：亮蓝色->深蓝色

(7) 应用图层的混合模式：滤色

(8) 链接图层，合并图层：

(9) 应用图层的混合模式：变暗，调低图层不透明度

C步骤图：接B步骤图

(1) 应用图层的混合模式：点光，调低图层不透明度

(3) (4)

D步骤图：

(1) 应用“反相”命令，反转图像。

(2) 复制图层。

(3) (4) 复制图层：应用“阈值”命令，得到黑白图像。

(5) (6) 背景图层：应用“阈值”命令，得到黑白图像。

(7) (8) 调节图层不透明度，并合并图层。

(9) (10) (11) 新建图层，添加渐变色。

(12) 设置图层的混合模式：滤色

2、通道的变化与调色

通道抽离、通道置换（可使用复制、粘贴的方法交换通道信息）、增加通道、改变通道色彩等方法。

例5 通道调色（P31页）

例6 通道调色（P32页）

四、调色案例与分析

（P36页）

有些是绘画作品。主要是创意！

（P37页）

摄影作品 + 后期调整

第二章 修图技巧

一、修图基础篇

在进行一幅作品的设计之前，要对获取的图片素材进行修图，然后才能使用。

常见的修改有：去除图片中的杂点、修掉多余的物体、改变色调、修改图片尺寸、修改图片空间

大小、移动物体位置、制作细节、调整图片等许多方面。

在实际制作中，要根据素材的具体情况，灵活运用Photoshop中的工具及功能进行图片修整。

1、分辨率：已讲过，书上内容可参考。

2、缩放与变形：改变图片的形状、大小、比例等，不改变图片内容。

在设计中，常常需要对图片的大小、角度等进行调整。但放大时，倍数不能太大。

(1) 图层中的图像

菜单命令：编辑 > 自由变换（Ctrl+T）

菜单命令：编辑 >变换（10种，见下图）

(2) 整个图像（所有图层）旋转

菜单命令：图像 > 旋转画布（6种）

(3) 图像尺寸调整

菜单命令：图像 > 图像大小（用于图像的缩放）

菜单命令：图像 > 画布大小（用于增大画布）

注意二者的区别。

增大画布的另一个命令：图像 > 显示全部（当图层中的内容没有显示完全时）

(4) 图片的裁切

工具箱：直接裁切

菜单命令：图像 > 裁切（要先创建选区）

要记住常用功能的基本操作方法！（记在笔记本上，会考试这方面内容）

========================================================

=====

3、路径抠图

在设计中，许多图片素材需要从背景中分离出来，然后再与其它素材拼贴在一起，这时就需要使

用抠图来完成。

抠图：就是把需要的图像从整个图像的背景中分离出来。

抠图的方法有多种，需要根据抠图对象的具体情况，选择合适的抠图方法。

对于具有较清晰轮廓的内容，可以使用路径抠图法。

Photoshop提供了一组路径工具：

基本步骤：

(1) 先使用“钢笔工具”沿着抠取的边缘勾出路径线。

(2) 使用“直接选择工具”对路径节点进行修整，使路径线与抠图边缘吻合一致。

(3) 使用其它路径工具进行路径的细致调整（加点、减点、转换点等）。

(4) 将路径转化为选区。

(5) 将选区内的图像“复制”到单独的图层上，即可完成抠图操作。

路径线的种类：直线、贝塞尔曲线

路径种类：开放路径、封闭路径

路径工具的使用：熟悉操作方法。（结合实例说明）

路径的用途：填充、描边、转化为选区

路径面板：用于保存路径

可以创建许多条路径

填充路径、描边路径、路径转化为选区、选区转化为路径、新建路径、删除路径。

例图7（P46页）

（原图）

修图思路：先调整画面角度，使飞翔的感觉显得更加生动。再修掉多余部分，并复制对象。最后

改变画面层次与色调，强调光线与气氛。

（最终效果）

使用的主要工具及方法：全选（Ctrl+A），旋转变换（Ctrl+T）、仿制图章工具（S）、跨图像克隆、

套索工具（粗选，L）、复制、水平翻转、自由变换（Ctrl+T）、色阶（调整对比，Ctrl+L）、修边、合

并图层、渐变映射、图像文件保存。

总结：（1）灵活运用图层功能，可以大大方便操作过程，不必担心整个图像会被弄坏（一般只会

影响一层）。

（2）灵活运用视图的缩放功能（Ctrl+＋，Ctrl+—），方便精确操作。

P49页：图片变形还可以使用Photoshop的“滤镜”菜单下“扭曲”滤镜组：

例图8（P50页）路径抠图

（原图）

抠图与修图思路：先在原图上用钢笔工具抠出形象的轮廓，再赋予它以新的底色，改变形象色彩

使之与底色协调，并制造图案效果和底色。

使用的主要工具及方法：

（A）复制背景层（一般都这样做，以保护原始素材）、钢笔工具勾出轮廓（生成路径：粗勾路径、

精修路径）、路径转化为选区、选区修改（一般用收缩）、反选（Ctrl+Shift+I）、删除选区内图像（Delete）、

新建图层并填充底色、存储图像。

填充前景色：Alt + Delete

填充背景色：Ctrl + Delete

效果图：简单背景

（B）接步骤（A）、图层转化为选区（Ctrl+单击）、新建图层、填充渐变色、应用图层混合模式

（正片叠底）、使用橡皮工具修整皮肤部分（使用图层蒙板更好）、“存储为”新图像。

效果图：渐变效果

（C）接步骤（B）、自定义图案、新建图层、填充（Fill）自定义的图案、应用图层混合模式、“存

储为”新图像。

效果图：添加底纹

注意：在使用电脑作图的过程中，要养成随时存盘（Ctrl+S）的习惯，以避免因死机或断电造成

的损失。

二、修图提高篇

1、选区功能对比

(1) 矩形、椭圆、多边形套索等：选择边缘规则、清晰的内容。

(2) 套索、磁性套索：选择边缘不规则、清晰的内容。

(3) 魔术棒：按照颜色近似程度选择、边缘不规则、不清晰的内容。

(4) 路径工具：选择边缘整齐、清晰的内容。

(5) 选择 > 色彩范围：功能类似魔术棒工具，但有更多选择方式。

(6) 通道选择：根据通道图像的亮度创建选区，适用于较复杂内容的选取（比如：头发、动物毛

发等）。

创建选区后，都可以进行羽化：选择 > 羽化

选区的加减：选择创建好后，可以根据需要增加或减少选择的范围。

：新选区、加（Shift）、减（Alt）、交叉（Shift+Alt）

抠图的方法多种多样，需要根据图像的具体情况加以选择。

(1) 如果要抠出的图像边缘整齐、方正，可使用矩形选区工具。（此种情况极少）

(2) 如果要抠出的图像边缘整齐、笔直，可使用多边形套索工具或路径工具。（适合箱子、门窗等

物件）

(3) 如果要抠出的图像边缘整齐、曲线分明，可使用路径工具。

(4) 如果要抠出的图像边缘复杂，但与背景差别明显，可使用磁性套索工具。

(5) 如果要抠出的图像与背景颜色差别较大，可使用魔术棒工具。

技巧1：灵活运用选区的“加、减”操作。

技巧2：运用快速蒙板修改选区的细节。

技巧3：设置适当的羽化值。

(6) 如果要抠出的图像边缘复杂，甚至与背景颜色接近，此时可以使用下面要讲的通道抠图和抽

出抠图。

抠图的方法还有很多，可以在实际运用中灵活使用，也可同时使用以上的几种方法来完成一项抠

图工具。

2、通道抠图：

通道抠图：是一种较复杂的抠图方法。运用图像的通道信息，来间接取得要抠取图像的选区。

(1) 什么是通道？

有两种。一种用来表示图像的颜色，叫做颜色通道（RGB通道、CMYK通道）；另一种用来表示

选区信息，叫做Alpha通道。

(2) 通道表示什么是含义？

通道表示了图像的某种亮度值。颜色通道的亮度表示某种颜色的强度（RGB通道和CMYK通道

表示方法相反。RGB通道中，越白亮的地方表示该种颜色越多）。Alpha通道的亮度表示选区的位置

及选择的程度（白色部分表示完全选择，灰色部分表示部分选择，黑色部分表示不选择）。

(3) 通道抠图：就是运用通道中的亮度信息，通过调节，取得要抠取部分的Alpha通道，再转化

为选区，从而取得要抠取的图像。

例图9（P54页）：通道抠图实例

基本步骤：选择并复制反差最大的蓝色通道、调整色阶、反相、曲线、画笔（外部涂黑，内部涂

白）、载入选区、Ctrl+J、新建图层并填充、图层>修边>移去白边、精细修整、存储为新图像。

载入选区的方法：

菜单命令：选区 > 载入选区

快捷键：Ctrl + 单击通道

通道抠图的优点：P56页

技巧：用来抠图的图像素材要足够大，以便表示更多细节。

技巧：如果条件允许，用来抠图的图像素材可以在单色背景下拍摄。

技巧：应用图层蒙板。

3、抽出抠图：

抽出抠图：一种智能抠图工具。根据前景色与周边色的差别，通过描摹大致的边缘范围，自动保

留范围内的图像内容。

“抽出”命令：滤镜 > 抽出

抽出操作的基本步骤：

(1) 打开图像文件。

(2) 应用“滤镜 > 抽出”命令。

(3) 使用工具标记抽出边缘。根据需要调整笔刷大小。

(4) 使用工具填充保留区域。

(5) 点击按钮，查看抽出效果。

(6) 如果效果不满意，重做。如果满意，点击“好”按钮。

(7) 得到抽出图像。

例图10（P57页）：抽出抠图实例

基本步骤：复制2个背景图层（备用）、新建图层并填充蓝色（作为底色）、在复制图层上使用抽

出命令（强制前景，吸取头发颜色，然后勾画人物的头发边缘）抠出头发、橡皮擦除多余细节、在复

制的另一图层上添加图层蒙板并保留人物主体、添加背景图片、存储为新文件。

技巧：分两步进行，先用抽出命令抠出头发（头发及人物内部全部涂满绿色），再使用磁性套索工

具选择人物主体。最后，使用图层蒙板进行精细修整。

强制前景色就是设定一个绝对要保留下来的颜色（被锁定保护的颜色）。比如：前景色为白色，那

么你图上白色的部分无论怎么画都会抽取出下来，在抽出头发丝等细小地方很有用处。

技巧：进行图像合成时，注意光线的方向要保持一致！

例图11（P59页）：图像拼合实例

基本步骤：加宽画布（宽度13.10英寸）、复制原图到新层、缩放调整大小及角度、图层蒙板、调

色、存贮图像。

3、图片提取

三、修图案例与分析

(1) 选择/移动工具

选框工具：矩形、椭圆、单行、单列

套索工具：套索、多边形套索、磁性套索

魔术棒工具

移动工具

裁切工具

切片工具、切片选取工具

(2) 编辑工具

修复画笔工具、修补工具、颜色替换工具

画笔工具、铅笔工具

仿制图章工具、图案图章工具

历史记录画笔工具、历史记录艺术画笔

橡皮擦工具、背景色橡皮擦工具、魔术橡皮擦工具

渐变工具、油漆桶工具

模糊工具、锐化工具、涂抹工具

减淡工具、加深工具、海绵工具

(3) 矢量工具

路径选择工具、直接选择工具

文字工具：横排文字、直排文字、横排文字蒙板、直排文字蒙版

钢笔工具、自由钢笔工具、添加锚点工具、删除锚点工具、转换点工具

形状工具：矩形、圆角矩形、椭圆、多边形、直线、自定形状

(4) 其它工具

注释工具、语音注释工具

吸管工具、颜色取样器工具、度量工具

抓手工具

缩放工具

前景色/背景色设置

标准编辑模式、快速蒙板模式

标准屏幕模式、带菜单的全屏幕模式、全屏幕模式

跳转到ImageReady

选区的用途、羽化的作用

本文标签： 工具颜色图像图层图片