28 第3章 3.1 版面编排 版面编排是指将图形、文字和色彩等各种视觉传达要素进行合理 的配置和设计。版面编排的基本要素包括点、线和面。 ●点是最基本的形，它可以是一个文字，也可以是一个色块，在画面中单 独而细小的形象都可以称之为点。点的面积虽小，但对它的形状、方向、 大小、位置等进行编排设计之后，点就会变得生动而富有表现力，产生不 同的视觉效果，如图3-1、图3-2所示。 Sharpie笔广告 La Cocinera 食品广告 图3-1 图3-2 ●线在构图中的作用在于表示方向、长短、重量，还能产生方向性、条理 性，如图3-3、图3-4所示。线是分割画面的主要元素之一，线有不同的 形状，因此具有不同的含义和性格表情，给人以不同的视觉感受。 印尼道路交通安全协会广告 Audible广告 图 3-3 图3-4 ●面是各种基本形态和形式中最富于变化的，在版面编排中包容了点和线的 所有性质，在视觉强度上要比点、线更加强烈。面的形象具有一定的长度 和宽度，受线的界定而呈现一定的形状，如图3-5、图3-6所示。圆形具 有一种运动感；三角形具有稳定性、均衡感；正方形具有平衡感；规则 的面具有简洁、明了、安定和秩序的感觉；自由面具有柔软、轻松、生 动的感觉。面的大小、虚实、空间、位置的不同，也会让人产生不同的 视觉感受。 图层与选区 版面设计 Photoshop图像编辑 的基本流程是：先选 择需要编辑的对象所 在的图层，然后通过选 区将其选中，之后再 进行相应的操作。在Photoshop 中，图层的操作比较简单，选区 则具有一定的难度，这主要表现 在两个方面，一是选区的用途很 广，简单的操作如变换、变形、调 色等，复杂的操作如抠图、影像 合成和特效等，都有可能用到选 区；二是用于制作选区的工具比 较多，如选框工具、套索工具、钢 笔工具、路径、蒙版和通道等，由 这些工具又会派生出很多种选择 方法，因而，对于操作者综合运 用Photoshop各种工具的能力有 一定的要求。 扫描二维码，关注李老师的微博、微信。 第3章 版面设计：图层与选区 29 BreastCare Journal杂志广告 双立人刀具广告 图3-5 图3-6 3.2 图层 图层是Photoshop的核心功能，它承载了图像，而且有许多功能，如图层样式、混合模式、蒙版、滤镜、文字、 3D和调色命令等都依托于图层而存在。 3.2.1 图层的原理 图层如同堆叠在一起的透明纸，每一张纸（图层）上都保存着不同的图像，透过上面图层的透明区域，可以 看到下面层中的图像，如图3-7所示。 图3-7 如果没有图层，所有的图像将位于同一平面上，想要处理任何一部分图像内容，都必须先将它选择出来，否 则，操作将影响整个图像。有了图层，就可以将图像的不同部分放在不同的图层上，这样的话，就可以单独修改 一个图层上的图像，而不会破坏其他图层上的内容，如图3-8所示。 单击“图层”面板中的一个图层即可选择该图层，如图3-9所示，所选图层称为“当前图层”。 一般情况下， 所有编辑（如颜色调整、滤镜等）只对当前选择的一个图层有效，但是移动、旋转等变换操作可以同时应用于多 个图层。要选择多个图层，可以按住Ctrl键，分别单击它们，如图3-10所示。 对选区进行羽化/P42 快速选择工具/P41 图层的原理/P29 手撕字/P43 对选区进行运算/P42 图层面板/P30 突破平面 Photoshop CC 2015 设计与制作深度剖析 30 图3-8 图3-9 图3-10 3.2.2 图层面板 “图层”面板用于创建、编辑和管理图层，以及为 图层添加样式。面板中列出了文档中包含的所有图 层、图层组和图层效果，如图3-11所示。图层名称 左侧的图像是该图层的缩览图，它显示了图层中包含 的图像内容，缩览图中的棋盘格代表了图像的透明区 域。在图层缩览图上单击鼠标右键，可以在打开的快 捷菜单中调整缩览图的大小。 图3-11 3.2.3 新建与复制图层 单击“图层”面板中的按钮，即可在当前图层 上面新建一个图层，新建的图层会自动成为当前图 层，如图3-12、图3-13所示。如果要在当前图层的 下面新建图层，可以按住Ctrl键单击按钮。但“背 景”图层下面不能创建图层。将一个图层拖动到按 钮上，可复制该图层，如图3-14所示。按下Ctrl+J快 捷键，则可复制当前图层。 图3-12 图3-13 图3-14 3.2.4 调整图层堆叠顺序 在“图层”面板中，图层是按照创建的先后顺序堆 叠排列的。将一个图层拖动到另外一个图层的上面或 下面，即可调整图层的堆叠顺序。改变图层顺序会影 响图像的显示效果，如图3-15、图3-16所示。 图3-15 图3-16 第3章 版面设计：图层与选区 3.2.5 图层的命名与管理 在图层数量较多的文档中，可以为一些重要的图 层设置容易识别的名称，或可以区别于其他图层的颜 色，以便在操作中能够快速找到它们。 ●修改图层的名称：双击图层的名称，如图3-17所示， 在显示的文本框中可以输入新名称。 ●修改图层的颜色：选择一个图层，单击鼠标右键，在打 开的快捷菜单中可以选择颜色，如图3-18所示。 ●编组：如果要将多个图层创建在一个图层组内，可以选 择这些图层，如图3-19所示，然后执行“图层>图层编 组”命令，或按下Ctrl+G快捷键，如图3-20所示。创 建图层组后，可以将图层拖入组中或拖出组外。图层组 类似于文件夹，单击按钮可关闭（或展开）组。 图3-17 图3-18 图3-19 图3-20 3.2.6 显示与隐藏图层 单击一个图层前面的眼睛图标，可以隐藏该图 层，如图3-21所示。如果要重新显示图层，可在原眼 睛图标处单击，如图3-22所示。 将光标放在一个图层的眼睛图标上单击，并在眼 睛图标列拖动鼠标，可以快速隐藏（或显示）多个 相邻的图层。按住Alt键单击一个图层的眼睛图标，则 可将除该图层外的所有图层都隐藏；按住Alt键再次单击同 一眼睛图标，可以恢复其他图层的可见性。 图3-21 图3-22 3.2.7 合并与删除图层 图层、图层组和图层样式等都会占用计算机的内 存，这些内容和效果过多，会导致计算机的运行速度 变慢。将相同属性的图层合并，或者将没有用处的图 层删除可以减小文件的大小。 ●合并图层：如果要将两个或多个图层合并，可以选 择它们，然后执行“图层>合并图层”命令，或按下 Ctrl+E快捷键，如图3-23、图3-24所示。 图3-23 图3-24 ●合并所有可见的图层：执行“图层>合并可见图层” 命令，或按下Shift+Ctrl+E快捷键，所有可见图层会合 并到“背景”图层中。 ●删除图层：将一个图层拖动到“图层”面板底部的 按钮上，可删除该图层。此外，选择一个或多个图层 后，按下Delete键也可将其删除。 突破平面 Photoshop CC 2015 设计与制作深度剖析 3.2.8 锁定图层 “图层”面板中提供了用于保护图层透明区域、图 像像素和位置等属性的锁定功能，如图3-25所示，可 帮助用户避免因操作失误而对图层造成修改。 图3-25 ●锁定透明像素：按下该按钮后，可以将编辑范围限 定在图层的不透明区域，图层的透明区域会受到保护。 ●锁定图像像素：按下该按钮后，只能对图层进行移 动和变换操作，不能在图层上绘画、擦除或应用滤镜。 ●锁定位置：按下该按钮后，图层不能移动。对于设 置了精确位置的图像，锁定位置后，就不必担心被意外 移动了。 ●锁定全部：按下该按钮，可以锁定以上全部项目。 当图层只有部分属性被锁定时，图层名称右侧会出 现一个空心的锁状图标；当所有属性都被锁定 时，锁状图标是实心的。 3.2.9 图层的不透明度 在“图层”面板中，有两个控制图层不透明度的 选项，即“不透明度”和“填充”。在这两个选项中， 100% 代表了完全不透明、50% 代表了半透明、0% 为完全透明。 “不透明度”选项用来控制图层及图层组中绘制 的像素和形状的不透明度，如果对图层应用了图层样 式，那么图层样式的不透明度也会受到该值的影响。 “填充”选项只影响图层中绘制的像素和形状的不透明 度，不会影响图层样式的不透明度。 例如，图3-26所示为添加了“投影”样式的图像， 当调整图层不透明度时，会对图像和“投影”效果都产 生影响，如图3-27所示。调整“填充”不透明度时，仅 影响图像，“投影”效果的不透明度不会发生改变，如 图3-28所示。 图3-26 图3-27 图3-28 使用除画笔、图章、橡皮擦等绘画和修饰之外的其 他工具时，按下键盘中的数字键，可快速修改图层 的不透明度。例如，按下“5”，不透明度会变为50％；按 下“55”，不透明度会变为55％；按下“0”，不透明度 会恢复为100％。 3.2.10 图层的混合模式 混合模式决定了像素的混合方式，可用于合成图 像、制作选区和特殊效果。选择一个图层后，单击“图 层”面板顶部的按钮，在打开的下拉菜单中可以为 它选择一种混合模式，如图3-29所示。图3-30所示 为一个PSD格式的分层文件，下表中显示了为“图层 1”设置不同的混合模式后，它与下面图层中的像素 （“背景”图层）如何混合。 图3-29 图3-30 第3章 版面设计：图层与选区 正常模式 溶解模式 变暗模式 默认的混合模式， 图层的不透明度为 100％时，完全遮盖下 面的图像。降低不透 明度可以使其与下面 的图层混合 设置为该模式并降低 图层的不透明度时， 可以使半透明区域上 的像素离散，产生点 状颗粒 比较两个图层，当前 图层中较亮的像素会 被底层较暗的像素替 换，亮度值比底层像 素低的像素保持不变 正片叠底模式 颜色加深模式 线性加深模式 当前图层中的像素与 底层的白色混合时 保持不变，与底层的 黑色混合时则被其替 换，混合结果通常会 使图像变暗 通过增加对比度来加 强深色区域，底层图 像的白色保持不变 通过减小亮度使像素 变暗，它与“正片叠 底”模式的效果相似， 但可以保留下面图像 更多的颜色信息 深色模式 变亮模式 滤色模式 与“正片叠底”模式的 效果相反，它可以使 图像产生漂白的效 果，类似于多个摄影 幻灯片在彼此之上投 影 与“变暗”模式的效果 相反，当前图层中较亮 的像素会替换底层较 暗的像素，而较暗的像 素则被底层较亮的像 素替换 比较两个图层的所有 通道值的总和并显示 值较小的颜色，不会 生成第三种颜色 颜色减淡模式 线性减淡（添加）模式 浅色模式 与“颜色加深”模式的 效果相反，它通过减 小对比度来加亮底层 的图像，并使颜色变 得更加饱和 与“线性加深”模式 的效果相反。通过增 加亮度来减淡颜色， 亮化效果比“滤色”和 “颜色减淡”模式都强 烈 比较两个图层的所有 通道值的总和并显示 值较大的颜色，不会 生成第三种颜色 叠加模式 柔光模式 强光模式 当前图层中比50% 灰色亮的像素会使图 像变亮；比50%灰色 暗的像素会使图像变 暗。产生的效果与耀 眼的聚光灯照在图像 上相似 可增强图像的颜色， 并保持底层图像的高 光和暗调 当前图层中的颜色决 定了图像变亮或是变 暗。如果当前图层中 的像素比 50% 灰色 亮，图像变亮；如果像 素比 50% 灰色暗，则 图像变暗。产生的效 果与发散的聚光灯照 在图像上相似 亮光模式 线性光模式 点光模式 如果当前图层中的像 素比 50% 灰色亮，可 通过增加亮度使图像 变亮；如果当前图层 中的像素比 50% 灰 色暗，则通过减小亮 度使图像变暗。与“强 光”模式相比，“线性 光”可以使图像产生 更高的对比度 如果当前图层中的像 素比 50% 灰色亮，可 替换暗的像素；如果 当前图层中的像素比 50% 灰色暗，则替换 亮的像素，这对于向 图像中添加特殊效果 时非常有用 如果当前图层中的像 素比 50% 灰色亮，可 通过减小对比度的方 式使图像变亮；如果 当前图层中的像素比 50% 灰色暗，则通过 增加对比度的方式使 图像变暗。可使混合 后的颜色更加饱和 突破平面 Photoshop CC 2015 设计与制作深度剖析 3.3 图层实例：唯美纹身 打开两个素材文件，人物位于单独的图层中，如图 3-31、图3-32所示。荷花素材也已经抠去背景，如图 3-33、图3-34所示。 图3-31 图3-32 图3-33 图3-34 使用移动工具将荷花拖入人物文档中。按下Ctrl+T 快捷键显示定界框，按住Shift键锁定图像比例，旋转并 缩放，如图3-35所示。按下回车键确认。按下Ctrl+J快捷 键复制图层，如图3-36所示。按下Ctrl+T快捷键显示定界 框，按住Shift键锁定图像比例，自由变换复制后的图像 实色混合模式 差值模式 排除模式 如果当前图层中的像 素比50％灰色亮，会 使底层图像变亮；如 果当前图层中的像素 比50％灰色暗，则会 使底层图像变暗。该 模式通常会使图像产 生色调分离效果 当前图层的白色区域 会使底层图像产生反 相效果，而黑色则不 会对底层图像产生影 响 与“差值”模式的原理 基本相似，但该模式 可以创建对比度更低 的混合效果 减去模式 划分模式 色相模式 将当前图层的色相应 用到底层图像的亮度 和饱和度中，可以改 变底层图像的色相， 但不会影响其亮度和 饱和度。对于黑色、白 色和灰色区域，该模 式不起作用 可以从目标通道中相 应的像素上减去源通 道中的像素值 查看每个通道中的颜 色信息，从基色中划 分混合色 饱和度模式 颜色模式 明度模式 将当前图层的饱和度 应用到底层图像的 亮度和色相中，可以 改变底层图像的饱和 度，但不会影响其亮 度和色相 将当前图层的色相与 饱和度应用到底层图 像中，但保持底层图 像的亮度不变 将当前图层的亮度应 用于底层图像的颜色 中，可改变底层图像 的亮度，但不会对其 色相与饱和度产生影 响 在混合模式选项栏双击，然后滚动鼠标中间的滚轮，可以循环切换各个混合模式。 第3章 版面设计：图层与选区 效果如图3-37所示。按下回车键确认变换。 图3-35 图3-36 图3-37 按住Alt+Shift+Ctrl快捷组合键，同时连续按下T键重 复变换操作，每按一次便会复制与变换出一个新的图 层，直到复制的图像组成一个优美的弧形，如图3-38所 示，这时的“图层”面板状态如图3-39所示。 图3-38 图3-39 按住Shift键选择荷花的所有副本图层（除“荷花”图 层外），按下Ctrl+E快捷键合并。隐藏“荷花”图层， 按下Ctrl+[ 快捷键向下移动位置，如图3-40所示。按下 Ctrl+J快捷键复制当前图层，如图3-41所示。 图3-40 图3-41 按下Ctrl+T快捷键显示定界框，单击鼠标右键选择 “水平翻转”命令，再按住Shift键锁定方向，向右移 动图形，使两个图形对称分布，如图3-42所示，按下回 车键确认变换。按下Ctrl+E快捷键向下合并图层，按下 Ctrl+T快捷键显示定界框，自由变换图形，并放置到适 当的位置，如图3-43所示。 图3-42 图3-43 按下Ctrl+J快捷键复制图层，修改图层的混合模式为 “柔光”，将该图层与下一图层混合使图形变亮，如图 3-44所示。按下Ctrl+E快捷键向下合并图层。按下Ctrl+J 快捷键复制对称图形，按下Ctrl+T快捷键自由变换图 形，将图形垂直翻转再成比例缩小，按下Ctrl+E快捷键 向下合并，如图3-45所示。 图3-44 图3-45 选择并显示“荷花”图层。按下Ctrl+T快捷键显示定 界框，经过自由变换后，适当调整它的位置，如图3-46 所示，按下Ctrl+J快捷键复制图层，并修改复制图层的混 合模式和不透明度，使荷花变亮，如图3-47、图3-48所 示。同样按下Ctrl+E快捷键向下合并图层，将荷花与其 副本图层合并。 图3-46 图3-47 突破平面 Photoshop CC 2015 设计与制作深度剖析 图3-48 双击当前图层打开“图层样式”对话框，设置参数如 图3-49所示，效果如图3-50所示。按下Ctrl+E快捷键，将 由荷花组成的图案合并到一个图层中，重新命名为“荷 花”，如图3-51所示。 图3-49 图3-50 图3-51 按下Ctrl+U快捷键打开“色相/饱和度”对话框，调整 荷花的颜色，如图3-52、图3-53所示。 图3-52 图3-53 打开一个素材文件，如图3-54所示，将它拖入当前文 档中，并适当调整它在画面中的位置。按下Ctrl+E快捷 键，将它与“荷花”图层合并。调整该图层的混合模式 为“正片叠底”，将图案与人体混合，制作为彩绘效 果，如图3-55所示。 图3-54 图3-55 双击该图层打开“图层样式”对话框，按住Alt键，分 别拖动“混合颜色带”中“本图层”和“下一图层”的 白色滑块，将白色滑块分开，并向左移动，如图3-56所 示，分别将本图层的白色像素隐藏，将下一图层的白色 像素显示出来，使彩绘效果更加真实，如图3-57所示。 图3-56 图3-57 单击“图层”面板中的按钮，添加图层蒙版，使 用柔角画笔工具在超出人物背部的图案上涂抹，将它 们隐藏，如图3-58、图3-59所示。 图3-58 图3-59 第3章 版面设计：图层与选区 双击“人物”图层，打开“图层样式”对话框，选择 “内发光”选项，设置参数如图3-60所示，表现出环境 光的效果，如图3-61所示。 图3-60 图3-61 打开一个素材文件，如图3-62所示。这是一个PSD分 层文件，使用移动工具将花纹拖入人物文档中，设置 “花纹”图层的混合模式为“叠加”，使它与整个图像 混合，如图3-63所示。 图3-62 图3-63 3.4 图层实例：百变鼠标 打开光盘中的素材，如图3-64所示。每个鼠标都位于 单独的图层中，如图3-65所示。贴图文件由各种样式的 图案组成，如图3-66、图3-67所示。 图3-64 图3-65 图3-66 图3-67 选择移动工具，在工具选项栏中勾选“自动选 择”复选项，并选择“图层”选项，如图3-68所示。 图3-68 先将卡通图案拖动到鼠标文档中，将它所在的图层移 至“鼠标”图层的上方，按下Alt+Ctrl+G快捷键创建剪 贴蒙版，作为基底图层的鼠标就可以限定卡通图案的显 示范围了，如图3-69、图3-70所示。 图3-69 图3-70 设置该图层的混合模式为“正片叠底”，如图3-71所示。 使用横排文字工具输入文字，设置文字图层的混合模 式为“叠加”，效果如图3-72所示。 突破平面 Photoshop CC 2015 设计与制作深度剖析 图3-71 图3-72 在制作完第一个艺术鼠标后，可以将与它相关的图 层选取，然后按下Ctrl+G快捷键创建到一个图层组 内，这样有利于管理图层。 下面来制作啤酒质感鼠标。将素材文件中的啤酒图像 拖动到鼠标文档中，使它位于第一行第一个鼠标上方， 如图3-73所示。在“图层”面板中，也要将啤酒图层调 整到该鼠标图层的上方，然后按下Alt+Ctrl+G快捷键， 创建剪贴蒙版，如图3-74所示。 图3-73 图3-74 创建剪贴蒙版后，鼠标的滚轮和接缝被挡住了，下面 要将它们选取出来。先隐藏啤酒图层，然后选择鼠标所 在的图层，如图3-75所示。使用椭圆选框工具在鼠标 的接缝处创建一个选区，如图3-76所示，按下工具选项 栏中的从选区减去按钮，再创建一个选区，创建的过 程中可以按住空格键移动选区，如图3-77所示，放开鼠 标后可得到图3-78所示的选区。按下工具选项栏中的添 加到选区按钮，将滚轮部分选取，如图3-79所示，这 样选区就制作完成了，如图3-80所示。 图3-75 图3-76 图3-77 图3-78 图3-79 图3-80 按下Ctrl+C快捷键复制选区内的图像，选择“啤酒” 图层，然后单击创建新图层按钮，在该图层上面 新建“图层1”，按下Ctrl+V快捷键粘贴图像，再按 下Ctrl+D快捷键取消选择。显示“啤酒”图层，如图 3-81、图3-82所示。将组成啤酒鼠标的这3个图层选取， 按下Ctrl+G快捷键创建在一个图层组内。 图3-81 图3-82 将树叶素材拖动到鼠标文件中，使它位于第1行第2个 鼠标上方，创建剪贴蒙版，设置树叶图层的混合模式为 “叠加”。按下Ctrl+T快捷键显示定界框，将树叶朝顺 时针方向旋转，如图3-83所示。按下回车键确认。用同 样的方法制作脸谱鼠标，设置混合模式为“叠加”，效 果如图3-84所示。 图3-83 图3-84 第3章 版面设计：图层与选区 制作橄榄球鼠标时，设置它的混合模式为“强光”， 如图3-85所示； 制作传统图案鼠标时，设置图案的混合 模式为“叠加”，如图3-86所示，然后复制该图层，设 置混合模式为“线性加深”，不透明度为60%，效果如 图3-87所示；制作蓝色水晶石鼠标时，设置石头图层的 混合模式为“强光”，效果如图3-88所示。最终效果如 图3-89所示。 图3-85 图3-86 图3-87 图3-88 图3-89 3.5 创建选区 选区是指使用选择工具和命令创建的可以限定操作范围的区域。创建和编辑选区是图像处理的首要工作， 无论是图像修复、色彩调整还是影像合成，都与选区有着密切的关系。 3.5.1 认识选区 在Photoshop中处理局部图像时，首先要指定编 辑操作的有效区域，即创建选区。例如，图3-90所示 为一张荷花照片，如果想要修改荷花的颜色，就要先 通过选区将荷花选中，再调整颜色。选区可以将编辑 限定在一定的区域内，这样就可以处理局部图像而不 会影响其他内容了，如图3-91所示。如果没有创建选 区，则会修改整张照片的颜色，如图3-92所示。 选区还有一种用途，就是可以分离图像。例如，如 果要为荷花换一个背景，就要用选区将它选中，再将 其从背景中分离出来，然后置入新的背景，如图3-93 所示。 图3-90 图3-91 图3-92 图3-93 突破平面 Photoshop CC 2015 设计与制作深度剖析 在Photoshop中可以创建两种选区，普通选区和 羽化的选区。普通选区具有明确的边界，使用它选出 的图像边界清晰、准确，如图3-94所示；使用羽化的 选区选出的图像，其边界会呈现逐渐透明的效果，如 图3-95所示。 图3-94 图3-95 3.5.2 创建几何形状选区 矩形选框工具可以创建矩形和正方形选区， 椭圆选框工具可以创建椭圆形和圆形选区。这两 个工具的使用方法都很简单，只需在画面中单击并 拖出一个矩形或椭圆选框，然后放开鼠标即可，如图 3-96、图3-97所示。 图3-96 图3-97 在创建选区时，按住Shift键操作，可创建正方形或 圆形选区；按住Alt键操作，将以鼠标的单击点为中 心向外创建选区；按住Shift+Alt组合键，可由单击点为中 心向外创建正方形或圆形选区。此外，在创建选区的过程 中按住空格键拖动鼠标，可以移动选区。 3.5.3 创建非几何形状选区 多边形套索工具可以创建由直线连接成的选 区，如图3-98所示。选择该工具后，在画面中单击鼠 标，然后移动鼠标至下一点上单击，连续执行以上操 作，最后在起点处单击可封闭选区，也可以在任意的 位置双击，Photoshop会在该点与起点处连接直线来 封闭选区。 套索工具可以创建比较随意的选区，如图 3-99所示。使用该工具时，需要在画面中单击并按住 鼠标按键徒手绘制选区，在到达起点时放开鼠标，即 可创建一个封闭的选区，如果在中途放开鼠标，则会 用一条直线来封闭选区。 图3-98 图3-99 使用套索工具时，按住Alt键，松开鼠标左键，在 其他区域单击可切换为多边形套索工具绘制直 线。如果要恢复为套索工具，可以单击并拖动鼠标，然后 放开Alt键继续拖动鼠标。使用多边形套索工具时，按住 Alt键单击并拖动鼠标，可切换为套索工具；放开Alt键， 然后在其他区域单击可恢复为多边形套索工具。 3.5.4 磁性套索工具 磁性套索工具具有自动识别对象边缘的功能， 使用它可以快速选取边缘复杂、但与背景对比清晰的 图像。 选择该工具后，在需要选取的图像边缘单击，然后 放开鼠标按键沿着对象的边缘移动鼠标，Photoshop 会在光标经过处放置一定数量的锚点来连接选区，如 图3-100所示。如果想要在某一位置放置一个锚点， 可以在该处单击，如果锚点的位置不准确，则可以按 下Delete键将其删除，连续按下Delete键可依次删除 前面的锚点，如图3-101所示。如果要封闭选区，只 需将光标移至起点处单击即可，如图3-102所示。 图3-100 图3-101 图3-102 第3章 版面设计：图层与选区 3.5.5 魔棒工具 魔棒工具能够基于图像中色调的差异建立 选区，它的使用方法非常简单，只需在图像上单击， Photoshop就会选择与单击点色调相似的像素。例如， 图3-103~图3-105所示是使用魔棒工具选择背 景，然后反转选区选择的苹果。 图3-103 图3-104 图3-105 在魔棒工具的选项栏中，有控制工具性能的重 要选项，如图3-106所示。 图3-106 ●取样大小：用来设置魔棒工具的取样范围。选择“取 样点”，可对光标所在位置的像素进行取样；选择 “3×3平均”，可对光标所在位置3个像素区域内的平 均颜色进行取样。其他选项以此类推。 ●容差：用来设置选取的颜色范围，该值越高，包含的 颜色范围越广。图3-107所示是设置容差值为32时创建 的选区，此时可选择到比单击点高32个灰度级别和低 32个灰度级别的像素，图3-108所示是设置该值为10 时创建的选区。 图3-107 图3-108 ●消除锯齿：选择该选项后，可在选区边缘1个像素宽的 范围内添加与周围图像相近的颜色，使边缘颜色的过渡 柔和，从而消除锯齿。图3-109所示是在未消除锯齿的 状态下选取出来的图像（局部的放大效果），图3-110 所示是消除锯齿后选出的图像。 图3-109 图3-110 ●连续：勾选该选项后，仅选择颜色连接的区域，如图 3-111所示。取消勾选，则可以选择与单击点颜色相近 的所有区域，包括没有连接的区域，如图3-112所示。 图3-111 图3-112 ●对所有图层取样：勾选该选项后，可以选择所有可见 图层颜色相近的区域；取消勾选该项，则仅选取当前 图层颜色相近的区域。 3.5.6 快速选择工具 快速选择工具的图标是一只画笔+选区轮廓， 这说明它的使用方法与画笔工具类似。该工具能够利 用可调整的圆形画笔笔尖快速“绘制”选区，也就是 说，可以像绘画一样涂抹出选区。在拖动鼠标时，选区 还会向外扩展，并自动查找和跟随图像中定义的边缘， 如图3-113~图3-115所示。 图3-113 图3-114 图3-115 突破平面 Photoshop CC 2015 设计与制作深度剖析 3.6 编辑选区 创建选区以后，往往要对其进行加工和编辑，才能使选区符合要求。 3.6.1 全选与反选 执行“选择>全部”命令，或按下Ctrl+A快捷键， 可以选择当前文档边界内的全部图像，如图3-116所 示。创建选区之后，如图3-117所示，执行“选择>反 向”命令，或按下Shift+Ctrl+I快捷键，可以反转选区， 如图3-118所示。 图3-116 图3-117 图3-118 3.6.2 取消选择与重新选择 创建选区以后，执行“选择>取消选择”命令，或 按下Ctrl+D快捷键，可以取消选择。如果要恢复被取 消的选区，可以执行“选择>重新选择”命令。 3.6.3 对选区进行运算 选区运算是指在画面中存在选区的情况下，使用 选框工具、套索工具和魔棒工具等创建新选区时，在 新选区与现有选区之间进行运算，生成新的选区。图 3-119所示为工具选项栏中的选区运算按钮。 图3-119 ●新选区：按下该按钮后，如果图像中没有选区， 可以创建一个选区，图3-120所示为创建的矩形选区； 如果图像中有选区存在，则新创建的选区会替换原有的 选区。 ●添加到选区：按下该按钮后，可在原有选区的基础 上添加新的选区，图3-121所示为在现有矩形选区基础 之上添加的圆形选区。 ●从选区减去：按下该按钮后，可在原有选区（矩形 选区）中减去新创建的选区（圆形选区），如图3-122 所示。 ●与选区交叉：按下该按钮后，画面中只保留原有选 区（矩形选区）与新创建的选区（圆形选区）相交的 部分，如图3-123所示。 图3-120 图3-121 图3-122 图3-123 3.6.4 对选区进行羽化 创建选区以后，如图3-124所示，执行“选择>修 改>羽化”命令，打开“羽化选区”对话框，通过“羽化 半径”可以控制羽化范围的大小，图3-125所示为使 用羽化后的选区选取的图像。图3-126所示为“羽化 选区”对话框。 图3-124 图3-125 创建选区以后，如果新 选区按钮为按下状 态，则使用选框、套索和魔棒工 具时，只要将光标放在选区内， 单击并拖动鼠标即可移动选区。 如果要轻微移动选区，可以按下 键盘中的→、←、↑、↓键。 第3章 版面设计：图层与选区 图3-126 3.6.5 存储与载入选区 创建选区后，单击“通道”面板底部的将选区存储 为通道按钮，Photoshop会将选区保存到Alpha 通道中，如图3-127所示。如果要从通道中调出选区， 可以按住Ctrl键单击Alpha通道，如图3-128所示。 执行“文件>存储”命令保存文件时，选择 PSB、 PSD、PDF和TIFF等格式可以保存Alpha通道。 图3-127 图3-128 3.7 选区实例：手撕字 打开光盘中的素材，如图3-129所示。单击“图层”面 板底部的按钮，新建一个图层，如图3-130所示。 图3-129 图3-130 选择套索工具，在画面中单击并拖动鼠标绘制选 区，将光标移至起点处，放开鼠标按键可以封闭选区， 如图3-131、图3-132所示。 图3-131 图3-132 按下Alt+Delete快捷键，在选区内填充前景色，如图 3-133所示。按下Ctrl+D快捷键取消选择。采用同样的 方法，在“c”字右侧绘制字母“h”选区并填色（按下 Alt+Delete快捷键），如图3-134所示。按下Ctrl+D快捷 键取消选择。 图3-133 图3-134 下面通过选区运算制作字母“e”的选区。先创建图 3-135所示的选区；然后按住Alt键创建图3-136所示的选 区；放开鼠标按键后，这两个选区即可进行运算，从而 得到字母“e”的选区，如图3-137所示。按下Alt+Delete 快捷键填充颜色，然后按下Ctrl+D快捷键取消选择，如 图3-138所示。 突破平面 Photoshop CC 2015 设计与制作深度剖析 图3-135 图3-136 图3-137 图3-138 使用套索工具在字母“e”外侧创建选区，选中 该文字，如图3-139所示。将光标放在选区内，按住 Alt+Ctrl+Shift组合键单击并向右侧拖动，复制文字，如 图3-140所示。 图3-139 图3-140 采用同样的方法，分别制作文字“r”、“u”、 “p”、“！”的选区并填色，如图3-141所示。 单击“树叶”图层，选择该图层；然后在其前方单 击，让眼睛图标显示出来（即显示该图层），如图 3-142所示；按下Alt+Ctrl+G快捷键，创建剪贴蒙版，如 图3-143、图3-144所示。 图3-141 图3-142 图3-143 图3-144 3.8 选区实例：春天的色彩 打开光盘中的素材文件，如图3-145所示。选择魔棒工 具，在工具选项栏中将“容差”设置为32，在白色背 景上单击，选中背景，如图3-146所示。 图3-145 图3-146 按住Shift键在漏选的背景上单击，将其添加到选区 中，如图3-147、图3-148所示。 图3-147 图3-148 执行“选择>反向”命令反转选区，选中手、油漆桶 和油漆，如图3-149所示。按下Ctrl+C快捷键复制图像。 打开另一个文件，按下Ctrl+V快捷键，将图像粘贴到该 文档中，使用移动工具拖动到画面的右上角，如图 3-150所示。 第3章 版面设计：图层与选区 图3-149 图3-150 单击“图层”面板底部的按钮，添加蒙版。选择 画笔工具，在工具选项栏中选择柔角笔尖并设置不透 明度为50%，在油漆底部涂抹，通过蒙版将其遮盖，如 图3-151、图3-152所示。 图3-151 图3-152 选择“背景”图层，如图3-153所示。使用矩形选框工 具创建选区，如图3-154所示。 单击“调整”面板中的按钮，创建一个“色相/饱 和度”调整图层，在“属性”面板中选择“黄色”选项， 将选中的树叶调整为红色，如图3-155、图3-156所示。 图3-153 图3-154 图3-155 图3-156 使用画笔工具在草地上涂抹黑色，通过蒙版遮 盖调整效果，以便让草地恢复为黄色，如图3-157、图 3-158所示。 图3-157 图3-158 3.9 应用案例：移形换影 打开光盘中的素材，如图3-159所示。“路径”面板 中包含人物的轮廓路径，如图3-160所示。单击“路径 1”，再按下Ctrl+回车键将路径转换为选区，如图3-161 所示。 图3-159 图3-160 图3-161 突破平面 Photoshop CC 2015 设计与制作深度剖析 再打开一个素材，如图3-162所示。使用移动工具 将选中的人物拖动到该文档中，如图3-163所示。 图3-162 图3-163 移入的人物位于一个单独的图层中，如图3-164所示。 执行“编辑>变换>旋转180度”命令，调整人物的角度， 如图3-165所示。 图3-164 图3-165 使用矩形选框工具选取人物的上半身，如图3-166 所示。按下Shift+Ctrl+J快捷键，将选中的图像剪切到一 个新的图层中，如图3-167所示。 图3-166 图3-167 按下Ctrl+T快捷键显示定界框，按住Shift键拖动定界 框的一角，将图像成比例缩小，如图3-168所示，按回 车键确认操作。由于人物变小了，产生了强烈的错位效 果，如图3-169所示。使用移动工具将人物上半身向 左移动，使人物的背部能够形成一条流畅的弧线，如图 3-170所示。 选择“图层1”。使用多边形套索工具选取腹部 多余的图像，如图3-171所示，按住Alt键单击按钮 创建图层蒙版，将多余的区域隐藏，如图3-172、图 3-173所示。 图3-168 图3-169 图3-170 图3-171 图3-172 图3-173 在图像中创建选区后，单击按钮从选区生成蒙版 时，选区内的图像是可见的，如果按住Alt键单击 按钮，则可以生成一个反相的蒙版，将选中的图像隐藏。 按住Ctrl键单击“图层2”，选取图3-174所示的两个图 层，按下Alt+Ctrl+E快捷键盖印到一个新的图层中，如图 3-175所示。 第3章 版面设计：图层与选区 图3-174 图3-175 按下Shift+Ctrl+U快捷键去色，如图3-176所示。设置 该图层的混合模式为“正片叠底”，使图像的色调变 暗，如图3-177、图3-178所示。 图3-176 图3-177 图3-178 按住Ctrl键单击该图层的缩览图，载入人物的选区， 如图3-179所示。选择“背景”图层，在它上方新建一个 图层，将前景色设置为黑色，按下Alt+Delete快捷键填充 前景色，如图3-180所示。 图3-179 图3-180 按下Ctrl+D快捷键取消选择。执行“滤镜>模糊>动感 模糊”命令，设置参数如图3-181所示，效果如图3-182 所示。现在这个投影效果还不够真实，先按住Ctrl键将该 图层向左移动，以避免投影出现在人物右侧，再使用橡 皮擦工具（柔角300像素，不透明度为30%）对投影 进行适当擦除。使用柔角画笔工具在鞋跟、膝盖的位 置绘制投影，效果如图3-183所示。 图3-181 图3-182 图3-183 突破平面 Photoshop CC 2015 设计与制作深度剖析 选择画笔工具，在画笔下拉面板中 选择硬边圆画笔，设置大小为10像素，如 图3-184所示。按住Shift键在画面中人物 身体错位的区域绘制一条白色的直线，在 画面右下角输入文字，完成后的效果如图 3-185所示。 图3-184 图3-185 3.10 应用案例：平面广告 打开光盘中的素材，如图3-186所示。单击“路径”面 板中的“路径1”，显示灯泡路径，如图3-187所示。按 下Ctrl+回车键将路径转换为选区，如图3-188所示。 按下Ctrl+N快捷键打开“新建”对话框，创建一个A4 大小（21厘米×29.7厘米）、分辨率为200像素/英寸的 RGB模式文件。将背景填充为洋红色。使用移动工具 将灯泡移动到新建的平面广告文档中，如图3-189所示。 图3-186 图3-187 图3-188 图3-189 双击灯泡所在的图层，打开“图层样式”对话框， 选择“内发光”选项，设置发光颜色为洋红色，如图 3-190、图3-191所示。 图3-190 图3-191 打开一个素材。使用魔棒工具（容差26）按 住Shift键在背景上单击，将背景全部选取，按下 Shift+Ctrl+I快捷键反选，如图3-192所示。单击工具选 项栏中的“调整边缘”按钮，在打开的对话框中设置参 数，如图3-193所示，对选区进行平滑处理，使用移动工 具将人物拖动到平面广告文档中，如图3-194所示。 第3章 版面设计：图层与选区 图3-192 图3-193 “调整边缘”命令 可以提高选区边缘 的品质，并允许对照不同 的背景查看选区，在“调 整边缘”对话框中按下F 键，可以循环显示各种预 览模式，按下X键可以临 时查看图像。 图3-194 在“图层”面板中按住Alt键向下拖动人物所在的图 层，到达“背景”图层上时放开鼠标，复制出一个图 层，如图3-195所示。隐藏“图层2副本”，选择“图层 2”，设置不透明度为75%，这样可以看到灯泡的范围， 以方便制作蒙版。按下Ctrl+T快捷键显示定界框，按住 Shift键拖动定界框的一角将人物略微缩小。单击按钮 添加图层蒙版，如图3-196所示。 图3-195 图3-196 按住Ctrl键单击“图层1”的缩览图，载入灯泡的选 区，如图3-197所示。选择画笔工具，设置为尖角200 像素，在蒙版中涂抹黑色，将灯泡范围内的人体除手腕 外的区域隐藏，如图3-198所示。在描绘到手腕区域时， 可按下[ 键将画笔调小进行精确绘制，如图3-199所示。 图3-197 图3-198 图3-199 描绘到手部投影时，可适当多留出一些区域，采用快 捷键创建直线的方式比较方便，先在一点单击，然后按 住Shift键在另外一点单击形成直线，如图3-200所示。 选择柔角画笔，设置大小为100像素，不透明度为 20%，在直线边缘上拖动鼠标使其变浅、变柔和，如图 3-201所示。 图3-200 图3-201 突破平面 Photoshop CC 2015 设计与制作深度剖析 按下Shift+Ctrl+I快捷键反选，使用画笔工具继续 在蒙版中绘制，将腰部图像隐藏，按下Ctrl+D快捷键取 消选择，将该图层的不透明度恢复为100%，效果如图 3-202所示。 图3-202 显示并选择“图层2副本”图层，如图3-203所示， 按下Ctrl+T快捷键显示定界框，将图像沿逆时针方向旋 转，如图3-204所示。按下回车键确认操作。 图3-203 图3-204 使用多边形套索工具选取除左臂以外的区域，如图 3-205所示，按住Alt键单击按钮，创建一个反相的蒙 版，将选区内的图像隐藏，如图3-206、图3-207所示。 图3-205 图3-206 图3-207 在工具选项栏中设置画笔工具为柔角笔尖，不透明度 调整为80%。打开“画笔”面板，调整直径为1400px， 圆度为15%，如图3-208所示；在“图层”面板最上方新 建一个图层，使用画笔工具在画面中单击，绘制投 影，如图3-209所示。 图3-208 图3-209 选择圆角矩形工具，选择工具选项栏中的“路 径”选项，设置半径为30厘米，在画面中创建一个圆角 矩形路径，如图3-210所示；按下Ctrl+回车键将路径转换 为选区，如图3-211所示。 图3-210 图3-211 第3章 版面设计：图层与选区 执行“编辑>描边”命令，在打开的对话框中设置描 边宽度为8，颜色为白色，位置居外，如图3-212、图 3-213所示。 图3-212 图3-213 选择横排文字工具，在工具选项栏中设置字体为 “Impact”，大小为14点，输入文字，完成后的效果如 图3-214所示。 图3-214 3.11 课后作业：愤怒的小鸟 本章学习了图层与选区的操作方法。下面通过课后作业来强化学习效果。如果有不清楚的地方，请看一下 视频教学录像。 素材位置：光盘/素材/3.11 视频位置：光盘/视频/3.11 右图是用各种食材制作的愤怒的小鸟。操作时主 要用到椭圆选框工具和多边形套索工具 选取素材，再用移动工具将其合成到一处。用 素材造型时要抓住小鸟的特征，如圆圆、大大的 眼睛，竖起的眉毛等，如果素材大小不合适，可 以按下Ctrl+T快捷键，再拖动控制点调整大小。 愤怒的小鸟 分层的素材 3.12 复习题 1. 从图层原理的角度看，图层的重要性体现在哪几个方面？ 2. 选区分为几种？ 3. “图层”面板、绘画和修饰工具的工具选项栏、“图层样式”对话框、“填充”命令、“描边”命令、“计算”和“应 用图像”命令等都包含混合模式选项，请归类并加以分析。