带你读《InDesign CC排版设计全攻略：视频教学版》之二：图形与图像处理

2022-02-27 09:17:41

第 2 章图形与图像处理

文字、图形和色彩是版式设计的三大视觉要素。
在图形图像处理方面，
InDesign为我们提供了丰富的工具和完备的功能，
其绘制图形的能力甚至不弱于专业绘图软件。
本章我们就来学习使用InDesign绘制图形和置入图像的方法。

2.1 创建几何形状

要想学会本节的内容，我们必须理解图形的概念。计算机中的图形是指由轮廓线条构成的矢量图，点是构成图形的最基本单位，两点之间产生线段，一系列的线段连接起来就组成了图形。在InDesign中，构成线段的点被称为锚点，两个锚点之间的线段叫作路径，线段组成的图形叫作形状，如图2-1所示。

形状上的每个锚点都能在普通点、角点和平滑点之间切换，以此来控制描点之间的路径是直线还是曲线，如图2-2所示。剩下的问题就简单了，我们只需调整锚点的数量、位置和类型就可以创建出任意形状的图形。

2.1.1 创建形状

这里还要解释一下对象的概念。对象是一个很宽泛的叫法，只要是InDesign能够创建和编辑的，都可以称其为对象。换句话说，不管是形状、文字还是表格，在InDesign中，它们之间的区别仅仅是设置参数不同而已。学会了创建形状的方法后，自然可以用同样的方法创建其他类型的对象。

创建形状
工具面板中提供了三种创建几何形状的工具，在【矩形工具】上单击鼠标右键就能全部显示出来。这里以创建椭圆形为例，激活按钮后在页面上按住鼠标拖动，到达需要的位置释放鼠标，页面上就会生成形状，如图2-3所示。

一般来说，创建形状之前，我们应该已经在页面上设置好了网格和参考线。在网格和参考线的定位下，使用上面介绍的方法可以快速在预定位置生成预定尺寸的形状。如果定位基准不全或者想要创建尺寸非常精确的形状，可以先激活形状创建工具，然后在页面上单击鼠标，在弹出的对话框中输入形状的尺寸参数后单击【确定】按钮，如图2-4所示。

角选项

角选项功能只能作用于路径的直线段部分，这项功能可以自动在形状上添加锚点，从而产生更加复杂的形状。选取一个形状后执行【对象】｜【角选项】命令，在打开对话框中就能设置转角的尺寸和形状，如图2-5所示。

转换形状

转换形状是一项很贴心的功能，展开【路径查找器】面板，单击【转换形状】选项组中的按钮，就能将当前选中的形状转换成其他形状，如图2-7所示。

2.1.2 调整形状

所谓的调整形状就是调整形状的大小、位置和角度。

移动形状

在页面上选择一个形状，形状的周围会出现包含数个控制点的框架，拖动框架就可以移动形状的位置，如图2-8所示。

缩放形状

拖动框架四角的控制点可以同时沿着两个轴向缩放形状，拖动边线中心的控制点上可以沿着一个轴向缩放形状。如图2-9
所示。

旋转形状

将光标移动到四角控制点的外侧，光标变成显示时可以旋转形状。

精确调整对象

创建完成形状后，我们还可以在控制面板中精确调整形状的大小、位置和角度，如图2-10所示。

在InDesign中，所有对象的调整操作都是围绕着参考点进行的，单击参考点定位器上的一个点，这个点就会成为调整操作的基准。进行移动操作时，选定的参考点是相对坐标的原点；进行缩放操作时，选定的参考点是位置固定的端点；进行旋转操作时，选定的参考点是旋转的轴心，如图2-11所示。

2.1.3 复制形状

按住Alt键移动形状，释放鼠标后就可以复制这个形状，快捷键则是我们熟知的Ctrl＋C和Ctrl＋V。如果你想原地复制形状，按下Ctrl＋C组合键后在页面的空白位置单击鼠标右键，执行快捷菜单中的【原位粘贴】命令。

多重复制

多重复制功能可以一次性复制多个对象。选中要复制的形状后执行【编辑】｜【多重复制】命令，在打开的对话框中，【计数】参数用于设置复制的数量，勾选【创建为网格】复选框会以矩形阵列的方式复制对象，如图2-12所示。

旋转复制

旋转复制就是在复制对象的同时将其旋转一定的角度。选中要复制的对象，在控制面板中设置参考点的位置，如图2-13所示。

按住Alt键单击控制面板上的按钮，在弹出的对话框中设置旋转角度，单击【复制】按钮即可完成旋转复制操作，如图2-14所示。

如果你想重复旋转复制操作，可以使用快捷键Ctrl＋Alt＋4，每按一次快捷键就会重复一次旋转复制，如图2-15所示。

2.1.4 对齐形状

页面上有很多形状时，我们可以利用对齐和分布工具快速调整形状之间的位置关系。

对齐工具

选中两个或两个以上的对象，单击控制面板上的快捷按钮就可以将对象对齐。单击按钮，在弹出的菜单中可以选择对齐的基准，如图2-16所示。

例如我们将对齐基准设置为【对齐选区】，按下按钮后，所有选中对象的框架上边线就会处于同一水平线上，如图2-17所示。

如果我们将对齐基准设置为【对齐边距】，按下按钮后，所有选中对象的框架上边线会与页面上边距重合，如图2-18所示。

分布工具

与对齐工具不同，分布工具会按照对象之间的距离分配对象。要想分布工具生效，我们至少要在页面上选中三个对象，按下按钮就会以所有对象的框架左边线为基准，匀均分布对象，如图2-19所示。

在【对齐】面板中还提供了分布间距功能，这项功能可以让所有选中对象之间都间隔相同的距离，如图2-20所示。

2.1.5 编组和锁定

页面上的形状多起来后，选择和管理它们就成了问题。执行【对象】｜【编组】命令可以将所有选中的形状设置成一个组，选择组中任何一个形状，其他的形状也会一同被选中。执行【对象】｜【取消编组】命令，选中的组就会解散。

执行【对象】｜【锁定】命令，选中的对象就无法被选取。锁定对象的左上角会出现图标，单击这个图标就可以解除对象的锁定状态，如图2-21所示。

2.2 绘制复杂路径

前面创建的都是简单的几何形状，接下来我们还要学习创建复杂形状的方法。创建复杂形状的方法有三种，第一种方法是把多个简单的几何形状组合成一个复杂形状；第二种方法是在几何形状的基础上，通过添加和调整锚点的方式细化形状；第三种方法是用【钢笔工具】绘制形状。

2.2.1 路径查找器

路径查找器就是布尔运算，即通过相加、减去、交叉等逻辑运算方法把简单的基本形状组合成新的形状，如图2-22所示。

路径查找器的操作非常简单，在页面上选取两个或两个以上彼此相交的形状，单击【路径查找器】面板中的快捷按钮就能看到运算的结果，如图2-23所示。

2.2.2 编辑锚点

前面介绍过，作为形状的最基本单位，调整锚点的数量、位置和类型就可以改变形状的外观。在【工具】面板中激活按钮后单击一个形状，形状上就会显示出锚点。锚点分为普通点、角点和平滑点三种类型，普通点只能移动位置，角点和平滑点可以通过方向线调整锚点所在路径的曲率，如图2-24所示。

转换锚点
展开【路径查找器】面板，单击【转换点】选项组中的按钮就可以切换锚点类型，如图2-25所示。

添加/删除锚点
用鼠标右键单击【工具】面板上的按钮展开工具组，激活工具后单击一个锚点就能将其删除。激活工具后在路径上单击鼠标，单击的位置会生成一个新锚点，如图2-27所示。

2.2.3 钢笔工具

钢笔工具主要用来绘制形状特别不规则的图形。激活【工具】面板中的按钮后，在页面上单击一下就会创建一个锚点，锚点之间会自动产生连线。要创建下一个锚点时，按住鼠标左键不放并拖动一个方向可以创建曲线，如图2-28所示。将光标移动到第一个锚点上，指针变为形状时单击鼠标可以将路径封闭。

展开【路径查找器】面板，利用【路径】选项组中的按钮可以将开放的路径闭合，或者将闭合的路径变成开放状态，如图2-29所示。

2.3 色板和渐变

在InDesign中，色彩是一个非常重要的元素。一方面，色彩确立了版面的色调，进而影响版面的风格。另一方面，我们在显示器上看到的色彩不等于成品的效果，如果控制不好颜色类型和颜色模式，印刷后就会出现较大的色差。

2.3.1 颜色类型和颜色模式

要想正确选择颜色类型和颜色模式，我们必须了解它们的概念。
颜色类型
InDesign的颜色类型分为印刷色和专色。印刷色就是我们俗称的四色印刷，即使用黄、洋红、青和黑色作为基础色，然后按照相减混色原理合成其他的色彩，如图2-30
所示。

专色是一种预先混合的特殊油墨，具有色域宽、色差小的特点，一般用来印刷Logo或固定图案。选择专色时需要使用潘通色卡或油墨厂商提供的色卡，如果没有特殊需求，不建议自己随意定义专色。因为非标准的专色印刷厂不一定能准确地调配出来，在屏幕上也无法看到准确的
颜色。

颜色模式

颜色模式主要有Lab、CMYK和RGB三种类型。Lab模式由三个通道组成，其中的L表示亮度，a表示从洋红色至绿色的范围，b表示从黄色至蓝色的范围。这种色彩模式的特点是色域宽阔，肉眼能感知的色彩，都能通过Lab模型表现出来。

RGB是显示器采用的颜色标准，R代表红色，G代表绿色，B代表蓝色，用InDesign设计网页或者是电子书时可以采用这种色彩模式。
CMYK模式就是四色印刷采用的色彩模式，C代表青色，M代表洋红色，Y代表黄色，K代表黑色。设计印刷品时，应该采用这种色彩模式。

2.3.2 使用色板

【色板】面板是创建和管理色彩的中枢，如图2-31所示。面板上的【套版色】和【黑色】属于内置色板，它们后面带有图标，表示该色板不能被编辑和删除。【纸色】也是内置色板，仅用来预览，虽然纸色可以修改颜色值以匹配不同类型的纸张，但是不能被打印或印刷出来。

编辑色板

双击一个色板打开选项对话框，通过下拉菜单选择颜色类型和颜色模式，然后通过滑动条调整设置颜色值，最后单击【确定】按钮保存修改，如图2-32所示。

新建和删除色板
单击【色板】面板下方的按钮就会复制当前选中的色板。将色板拖动到按钮上可以将该色板删除。

吸取颜色
我们还可以激活【工具】面板上的按钮，在页面上的任意位置单击鼠标拾取颜色，如图2-33所示。获取颜色后，单击按钮可以将由五种颜色组成的颜色组添加到【色板】面板中，如果只想保存一种颜色，可以直接将这个颜色拖动到【色板】面板中。

2.3.3 创建渐变色

为形状设置填色和描边的方法非常简单，选中一个形状后，在【控制】面板中通过控件选择即可，如图2-34所示。

为形状填充渐变色的方法是执行【窗口】｜【颜色】｜【渐变】命令打开【渐变】面板，在【类型】下拉菜单中选择渐变方向，如图2-35所示。
在渐变色谱下方单击鼠标就能创建一个新的色标，而删除一个色标的方法是将色标拖离面板以外的范围。按住Alt键单击【色板】面板中的一个色板，选中的色标就会应用这个颜色。左右拖动色标可以调整色标的位置。左右拖动渐变色谱上方的两个滑块，可以控制色标颜色的作用范围，如图2-36所示。

2.4 置入与处理图像

计算机中的图像分为位图和矢量图两类。像素是位图最小的信息单元，每个像素都具有特定的位置和颜色值，将很多个像素按照从左到右、从上到下的顺序排列起来就形成了位图。在版式设计中，位图的分辨率用PPI（像素密度）来度量，即每英寸图像内有多少个像素点。很显然，在尺寸不变的情况下，位图包含的像素点越多，分辨率就越高，印刷出来的图像也就越精细。
矢量图是用几何特性描述的图形，我们刚刚绘制过的形状就是矢量图。矢量图最大的特点图像质量与分辨率无关，任意放大和缩小都不会失真。缺点是色彩层次不丰富，难以表现逼真的实物，如图2-37所示。

常用的位图图像格式有JPEG、BMP、TIF和PSD。JPEG格式采用了有损压缩算法，大幅度的减小图像体积的同时也会产生失真。BMP格式几乎不进行压缩，因此会占用很大的磁盘空间。TIF格式支持多种编码方式，具有很强的灵活性和扩展性，是出版印刷业公认的标准格式。PSD是Photoshop的专用文件格式，可以保存图层、透明度、路径等原始信息。
总结前面介绍过的内容，使用InDesign进行版式设计时，排版所需的照片和图片尽量采用TIF格式的位图，颜色模式为CMYK。普通杂志和宣传品的图像分辨率一般为250～300PPI，精美画册和书籍的图像分辨率为350～400PPI，报纸的图像分辨率为150～200PPI。
如果图片需要抠图去除背景，最好在Photoshop中处理，然后保存为PSD格式。版面上的标志和LOGO应该采用矢量格式，直接保存为矢量绘图软件的专用格式即可。

2.4.1 直接置入图像

执行【文件】｜【置入】命令，在弹出的对话框中双击一张图像，在文档窗口上单击鼠标即可按照原始尺寸置入图像。在页面上单击并拖动鼠标则可以控制置入图像的大小。
我们还可以在【置入】对话框中选取多张图像，按下【打开】按钮后按照选取顺序逐个置入图像。使用键盘上的方向键可以切换下一张置入的图像，如图2-38所示。

置入图像时，系统会自动生成一个和图片尺寸相同的框架。直接用【选择工具】拖动图像边框，只能改变框架的大小，如图2-39所示。

双击图像或者使用【直接选择工具】选取图像，拖动图像周围的褐色边框就能调整图像的大小。如果图像大小超过了框架，就相当于对图像进行剪切操作，如图2-40所示。

2.4.2 通过框架置入

在实际工作中，创建一个新文档后，我们会利用框架作为占位符，设计好版面的结构布局后再置入图像，如图2-41所示。

在【工具】面板上激活【矩形框架工具】，在页面上单击并拖动鼠标创建框架，框架上的十字条表示这是一个正在等待充填内容的空白占位符，如图2-42所示。选中这个框架后按下快捷键Ctrl＋D，就可以在框架中内置入图像。

2.4.3 置入透明图层

如果图像带有透明信息，把这个图像置入到InDesign后就会显示出同样的透明效果。问题是，如果图像中包含很多个图层，我们只想置入部分图层时应该怎么办呢？遇到这种情况，我们可以在【置入】对话框中勾选【显示导入选项】复选框，然后双击需要置入的图像，如图2-43所示。

在弹出的【图像导入选项】对话框中单击【图层】选项卡，通过【显示图层】选项组中的按钮就可以选择导入哪些图层了，如图2-44所示。

2.4.4 置入剪切路径

用钢笔工具绘制复杂形状是一件费时费力的工作，而在Photoshop中，只需拖动鼠标就能轻松创建各种自定义形状。如果能将Photoshop的自定义形状导入成InDesign的路径，是不是就能免去绘制形状的烦恼呢。这里介绍一下用剪切路径功能导入PS形状的方法。
在Photoshop中单击【工具】面板中的【自定义形状工具】，在【控制】面板上选择一个自定义形状后在画布上创建形状路径，如图2-45所示。
先单击【路径】面板中的按钮建立选区，然后单击面板右上角的按钮，在弹出的菜单中选择【建立工作路径】，如图2-46所示。继续在弹出的对话框中设置【容差】参数为3。

双击【路径】面板中的【工作路径】，弹出对话框后单击【确定】，如图2-47所示。再次单击按钮，在弹出的菜单中选择【剪贴途径】，弹出对话框后设置【展平度】参数为1。
在【图层】面板中单击按钮创建一个新图层，然后将【形状】和【背景】图层删除，结果如图2-48所示。执行【文件】｜【存储】命令保存图像，格式选择【PSD】。

在InDesign中置入刚刚保存的图像，选中图像后在页面上单击鼠标右键，在弹出的快捷菜单中执行【将剪切转换为框架】命令。这样就得到了完整的路径，我们不但可以给路径填色描边，还能用【直接选择工具】编辑路径上的锚点，如图2-49所示。

2.4.5 使用链接面板

已经置入到InDesign的图像如果被修改，那么图像的右上角就会显示出图标，双击这个图标就会更新图像，显示最新的效果，如图2-50所示。
【链接】面板是管理和查看图像信息的中枢，如图2-51所示。在这里我们要重点关注【有效PPI】数值。【实际PPI】是原始图像的像素密度，【有效PPI】是图像经过InDesign处理后的像素密度。如果有效PPI数值达不到印刷标准，就要缩小图像或者更换图像素材。

为了节约文档容量，我们在页面上看到的图像只是包含原始图像链接的显示样本。如果原始图像缺失，那么将文档发送给别人后就无法显示这个图像。要想避免这个问题，我们可以单击【链接】面板右上角的按钮，在弹出的菜单中执行【嵌入链接】命令将原始图像嵌入文档中。

2.5 图层和效果面板

用过Photoshop的读者一定很熟悉图层。我们可以把图层想象成一张张透明的纸，把这些纸堆叠起来后，上面一张纸透明的地方就会显示出下面一张纸上的图像，不透明的地方则会遮挡下面的图像，如图2-52所示。
所谓的效果，其实就是Photoshop中的图层混合模式和图层样式的结合体。图层混合模式是将当前层的对象颜色与下一层的对象颜色混合叠加，通过不同的混合算法产生各种效果，如图2-53所示。

图层样式也是一项图层处理功能，这项功能可以简单快捷地制作出各种立体投影、质感以及光景效果，如图2-54所示。

2.5.1 使用图层面板

【图层】面板不但是图层操作的中心，在这里还可以很方便地查看和管理文档中的各种对象。在对象名称列表中，对象名称的先后顺序就是图层的顺序，调整图层顺序的方法是上下拖动对象名称，如图2-55所示。
单击对象名称前面的按钮，就可以在页面上隐藏这个对象，单击对象名称后面的按钮，这个对象就会被选中，如图2-56所示。

在对象名称列表中选择一个对象，单击面板下方的按钮可以将该对象删除。单击面板下方的按钮可以创建一个新的图层，双击图层名称打开【图层选项】对话框，在这里可以修改图层的名称、颜色和其他选项，如图2-57所示。

2.5.2 使用效果面板

效果可以应用给对象的不同级别，比如我们在【效果】面板中选择【对象】级别，减小【不透明度】参数后，对象的填色、描边和包括的文本都会变成半透明状态。如果我们选择【填充】级别，那么【不透明度】参数只能作用于对象的填色部分，如图2-58所示。

使用混合模式

当两个对象彼此重叠时，通过混合模式列表可以选择叠加部分的颜色混合效果，如图2-59所示。

在默认设置下，对某个对象应用了混合模式后，该对象下方的所有对象都会受到影响。如果我们只想让混合模式作用于特定对象，可以先将需要混合的对象编组，然后勾选【分离混合】复选框，如图2-60所示。
【挖空组】选项的作用和【分离混合】正好相反，【分离混合】选项可以让混合模式只影响编组的对象，而【挖空组】选项则是让混合模式不影响编组的对象，如图2-61所示。

添加对象效果

选中页面上的对象后，单击【效果】面板下方的按钮，在弹出的对话框中就能为选定的对象添加和设置样式效果，如图2-62所示。

单击【效果】面板下方的按钮可以将应用到对象上的样式效果清除，单击按钮可以清除对象上所有的混合模式、不透明度和样式效果设置。

2.6 上机练习

请打开第1章上机练习保存的台历文档，如果没有保存，可以打开附赠素材中的【上机练习】｜【上机练习02】｜【台历.indd】文档。学习了本章的内容后，我们可以给台历添加图像和形状了。
虽然是练习，也应该按照实际工作的步骤进行。按照标准流程，创建好文档后，下一步应该设置色板。展开【色板】面板，双击第一个青色色板，在弹出的对话框中修改颜色值为CMYK＝0、0、0、70。取消【以颜色值命名】复选框的勾选，然后将色板名称命名为“文字”，如图2-63所示。

双击洋红色板，设置色板的名称为“封面”，修改颜色值为CMYK＝19, 97, 74, 0。将其余的色板拖动到面板下方的按钮上删除，结果如图2-64所示。

接下来添加图像和形状。按F键激活【矩形框架工具】，在页面1上捕捉出血线和参考线创建矩形框架，如图2-65所示。

在【控制】面板中勾选【自动调整】复选框，然后按Ctrl＋D组合键置入附赠素材中的【上机练习】｜【上机练习02】｜【封面.tif】图像。在页面的空白位置单击鼠标右键，在弹出快捷的菜单中执行【显示性能】｜【高品质显示】命令，结果如图2-66所示。

形状的宽度和高度中包括描边粗细，如果先创建形状，然后取消形状的描边，那么这个形状的尺寸就会变小。因此，需要创建没有描边的形状时，我们应该在【控制】面板中将填充颜色设置为【封面】，将描边颜色设置为【无】。按M键激活【矩形工具】，在图像下方创建一个矩形，如图2-67所示。

按V键激活【选择工具】，然后在页面的空白位置单击鼠标取消形状的选取。继续在【控制】面板中设置填充色为【纸色】，按M键激活【矩形工具】，捕捉两条水平参考线创建矩形，如图2-68所示。

执行【窗口】｜【效果】命令展开【效果】面板，设置混合模式为【叠加】，如图2-69所示。

封面设置好了，现在切换到页面2，捕捉出血线创建一个矩形形状。在【控制】面板中设置【H】为70毫米，填充色为【封面】。单击按钮，在弹出的菜单中选择【对齐页面】，继续单击按钮居中对齐矩形，结果如图2-70所示。

按Ctrl＋C和Ctrl＋V组合键复制矩形形状，在【控制】面板中修改【H】参数为5毫米，填色为【纸色】。将白色矩形的上边缘与红色矩形的上边缘对齐，然后按住Alt键移动白色矩形进行复制操作，将复制矩形的下边缘与红色矩形的下边缘对齐，结果如图2-71所示。展开【效果】面板，设置两个白色矩形的混合模式为【叠加】。

按T键激活【文字工具】，在页面上创建一个文本框架后输入“2019”。选中所有数字，在【控制】面板中设置【字体】为“Dessau Pro”，【字体大小】为80点，填色为【纸白】。按Esc键激活【选择工具】，单击【控制】面板上的按钮让文本框架的尺寸适配文字大小，继续单击按钮将文本框架居中对齐，如图2-72所示。

执行【文字】｜【创建轮廓】命令将文字转换成形状，然后按Ctrl＋D组合键置入附带素材中的【上机练习】｜【上机练习02】｜【背景.tif】图像。在文字上双击鼠标进入图片编辑模式，按住Shift键缩小背景图像，结果如图2-73所示。

按Esc键退出图像编辑模式，在【控制】面板上设置描边色为【纸白】，【描边粗细】为1.5点。展开【效果】面板，单击面板下方的按钮，在弹出的菜单中选择【外发光】。在【效果】对话框中设置【模式】为【正片叠底】，颜色为黑色，继续设置【不透明度】为50％，【大小】为2毫米，单击【确定】按钮完成设置，如图2-74所示。