Photoshop CC设计与应用任务教程（第3版）（中篇共上中下3篇）

第4章书籍装帧《PhotoshopCC设计与应用任务教程（第3版）》学习目标/Target了解书籍装帧的相关知识，对书籍装帧的构成、原则和流程有一个基本了解。掌握画笔工具的使用，能够熟练运用画笔工具绘制图像。掌握选区的布尔运算，能够通过加、减等运算绘制不同样式的选区。章节概述/Summary运用Photoshop不仅可以完成logo、网页这些与计算机相关的设计，还可以完成书籍装帧等印刷相关的设计。本章将运用Photoshop中的画笔工具，以及选区的布尔运算等相关知识，制作书籍装帧中常见的封面、插图和扉页。目录/Contents010203书籍装帧简介【任务6】书籍封面制作【任务7】画册插图制作04【任务8】宣传册扉页制作书籍装帧简介4.14.1书籍装帧简介书籍装帧是书籍生产过程中的一系列设计工作（也称“书籍艺术”），是在书籍生产过程中将材料和工艺、思想和艺术、外观和内容、局部和整体等统一在一起的设计艺术。丰富内涵性质受众用途

先定一个小目标！了解书籍装帧的构成要素，能够说出各构成要素的位置及其的作用。4.1.1书籍装帧的构成要素4.1.1书籍装帧的构成要素书籍装帧包含很多构成要素。例如，封面、扉页、书脊、插图等，其中封面、扉页和插图是其中的三大主体构成要素。封面书籍正面最外层。美化书籍、保护书心。封底书脊勒口4.1.1书籍装帧的构成要素书签带扉页插图书籍反面最外层。印有条形码、统一书号和定价。连接封面和封底的转折部分。印有书名、作者名、出版社名。书籍封皮的延长内折部分。编排作者、译者简介，说明文字。作为书签使用。便于读者浏览阅读时作标记使用。装饰、增加书籍美观度。插装在书刊内，对正文进行补充说明的图像。

先定一个小目标！熟悉书籍装帧的基本原则，在制作封面、扉页等要素时能够遵循一定的设计原则。4.1.2书籍装帧的基本原则4.1.2书籍装帧的基本原则优秀的书籍装帧应该是艺术性与功能性的完美统一，因此在设计中既要注重视觉的表现形式，还要遵循相关的设计原则。协调统一局部服从整体形式服从内容童话类书籍自传类书籍4.1.2书籍装帧的基本原则优秀的书籍装帧应该是艺术性与功能性的完美统一，因此在设计中既要注重视觉的表现形式，还要遵循相关的设计原则。主次关系主题突出层次分明书籍封面书籍扉页4.1.2书籍装帧的基本原则优秀的书籍装帧应该是艺术性与功能性的完美统一，因此在设计中既要注重视觉的表现形式，还要遵循相关的设计原则。可行性生产工艺的可行性制版的精度印刷的色差套版的准确装帧材料的特性材料和制作成本

先定一个小目标！熟悉书籍装帧的基本流程，避免在制作封面、扉页等要素时无从下手。4.1.3书籍装帧的流程4.1.3书籍装帧的流程一个优秀的书籍装帧作品，从接受任务、阅读原稿、设计构思、选择开本、绘制草图、设计制作到最终的制版印刷，每一个环节都必须认真对待。接受任务阅读原稿设计构思选择开本制版印刷设计制作绘制草图【任务6】书籍封面制作4.24.2.1任务描述优秀的封面设计应该在内容的安排上做到繁而不乱、简而不空，彰显意境和格调的同时又能反映和揭示该书的内容和主题。本任务是为“中国诗词”设计一个书籍封面。客户要求封面要简洁典雅，并彰显中国古典文化的设计格调。4.2.2知识点讲解

先定一个小目标！掌握“画笔工具”选项栏中各个参数的功能和设置方法，通过在选项栏中设置画笔参数，能够绘制出不同笔触。“画笔工具”类似于传统的毛笔，它使用前景色绘制笔触或线条。“画笔工具”不仅能够绘制图画，还可以修改通道和蒙版。4.2.2知识点讲解1.画笔工具选择笔尖形状设置画笔的大小和硬度4.2.2知识点讲解可调出“画笔”和“画笔设置”面板设置笔尖颜色与下面像素的混合模式设置画笔的不透明度设置应用颜色的速率启用喷枪模式设置线条平滑度平滑选项启用对称模式1.画笔工具4.2.2知识点讲解优点例如：原素材拖动鼠标进行绘制按住【Shift】键绘制直线1.画笔工具4.2.2知识点讲解优点“画笔工具“描摹路径绘制路径；选择“画笔工具”；设置画笔的笔尖大小和颜色；单击“路径”面板，底部的“用画笔描边路径”按钮1.画笔工具4.2.2知识点讲解

先定一个小目标！掌握“橡皮擦工具“的使用方法，能够擦除想要擦除的区域。4.2.2知识点讲解使用“橡皮擦工具”（或按【E】键）可以擦除图像中的像素。如果处理的是背景图层或锁定了透明区域的图层，涂抹区域会显示为背景色,处理其他图层时，则可擦除涂抹区域的像素。擦除背景图层擦除其他图层2.橡皮擦工具4.2.2知识点讲解画笔铅笔块可创建柔边擦除效果可创建硬边擦除效果可创建方形擦除效果有选择地将图像恢复到指定步骤。2.橡皮擦工具4.2.2知识点讲解

先定一个小目标！掌握“套索工具“的使用方法，能够绘制自由选区。4.2.2知识点讲解使用“套索工具”可以创建自由的选区。选择“套索工具”【L】键拖动释放鼠标若光标没有回到起始位置，释放鼠标后，终点和起点之间会自动生成一条直线来闭合选区。未释放鼠标之前按【Esc】键，可以取消选定。3.套索工具4.2.2知识点讲解

先定一个小目标！掌握“多边形套索工具“的使用方法，能够绘制不规则选区。4.2.2知识点讲解“多边形套索工具”，用来创建一些不规则选区。拖动绘制释放鼠标4.多边形套索工具4.2.2知识点讲解使用“多边形套索工具”创建选区时，有一些实用的小技巧：【Delete】删除所有节点删除当前节点水平、垂直、45°方向创建节点【Esc】LOREM【Shift】4.多边形套索工具4.2.2知识点讲解优点例如：原素材不规则选区创建多边形选区4.多边形套索工具4.2.3任务分析选择开本尺寸：在进行书籍封面设计时，首先要确定封面的开本尺寸。本次任务选用正度16开（185mm×260mm）作为书籍封面的尺寸，书脊宽度设置为20mm，出血尺寸为3mm，封面的平面总尺寸应为396mm×266mm。4.2.3任务分析设计定位：该书籍属于古代诗歌类书籍，因此在设计风格上可以选择中国古典水墨风格。在颜色上，客户要求简洁典雅，因此可以用白灰色作为封面的主色调。在图案的选择上，则可以运用印章、水墨山水等彰显中国古典文化韵味的图形图像。4.2.4任务制作书籍封面制作【任务7】画册插图制作4.34.3.1任务描述本任务是为一家国术馆宣传画册设计插图。客户要求在插图中，能够将中国特色的艺术风格和国术结合起来，以直观的形象、真实的生活感和美的感染力激发读者的阅读兴趣。4.3.2知识点讲解

先定一个小目标！熟悉“画笔设置”面板中各参数的作用，能够对画笔进行简单设置。4.3.2知识点讲解“画笔设置”面板可设置画笔的显示效果。例如，画笔笔触、画笔的形状动态等。窗口→画笔设置【F5】键画笔设置画笔笔触显示画笔参数设置画笔描边预览1.“画笔设置”面板4.3.2知识点讲解调整画笔形态形状动态可以调整画笔的形态。选择形状动态时，会自动切换到“形状动态”选项栏。1.“画笔设置”面板4.3.2知识点讲解调整画笔的分布和位置值越大，散布越稀疏散布可以调整画笔的分布和位置。选择散布时，会自动切换到“散布”选项栏。笔触范围缩小1.“画笔设置”面板4.3.2知识点讲解颜色、饱和度、明度发生变化√

纹理使画笔绘制出的线条像是在带纹理的画布上绘制出的效果一样。√颜色动态使绘制出的线条的颜色、饱和度和明度产生变化。√传递用来确定颜色在描边路线中的改变方式。绘制纹理效果确定颜色在描边路线中的改变方式1.“画笔设置”面板4.3.2知识点讲解优点例如：原素材绘制枫叶绘制枫叶选择“画笔工具”设置笔刷1.“画笔设置”面板4.3.2知识点讲解

先定一个小目标！熟悉“画笔”面板的功能，能够使用“画笔”面板设置画笔。4.3.2知识点讲解“画笔”面板中提供了各种预设的画笔。使用绘画或修饰工具时，打开“画笔”面板，选择一个预设的笔尖并调整笔尖大小即可。设置笔刷大小选择预设笔刷2.“画笔”面板4.3.2知识点讲解优点使用定义画笔绘制执行“编辑→定义画笔预设”命令，将当前画布中的图像或选区预设成为画笔笔尖形状。选择预设的“画笔形状”，设置大小和颜色进行绘制。2.“画笔”面板4.3.2知识点讲解

先定一个小目标！掌握段落定界框的基本操作，能够缩放、旋转、倾斜段落定界框。4.3.2知识点讲解段落文本是以段落文本定界框来确定文本的位置与换行，在定界框中输入文本后，可以编辑段落文本。编辑段落文本包括缩放段落定界框、旋转和倾斜段落定界框。12旋转和倾斜段落定界框缩放段落定界框3.编辑段落文本4.3.2知识点讲解（1）

缩放段落定界框输入文本后，将光标移至段落定界框的角点上，当其变成形状时，拖动控制点即可放大或缩小定界框。定界框内文字大小不变按【Shift】键=等比缩放定界框3.编辑段落文本（2）

旋转和倾斜段落定界框4.3.2知识点讲解在定界框中输入文本后，将光标移至段落定界框角点的外面，当其变成形状时，拖动控制点即可旋转定界框。移动中心可改变旋转中心。按【Shift】键=15°的倍数进行旋转3.编辑段落文本（2）

旋转和倾斜段落定界框4.3.2知识点讲解按住【Ctrl】键的同时，将光标移至定界框外框处，当光标变成时，拖动即可倾斜段落定界框。3.编辑段落文本4.3.2知识点讲解

先定一个小目标！了解“铅笔工具”，能够说出“铅笔工具”和“画笔工具”的区别。熟悉“铅笔工具”的自动涂抹功能，能够绘制有规律的间隔色。4.3.2知识点讲解“铅笔工具”是画笔工具组中的重要一员，它使用前景色来绘制线条，与“画笔工具”最大区别是“铅笔工具”只能绘制硬边线条。4.铅笔工具4.3.2知识点讲解使用“自动涂抹”功能，可以绘制有规律的间隔色。勾选自动涂抹，开始拖动鼠标时，如果光标的中心在包含前景色的区域上，可将该区域涂抹成背景色；如果光标的中心在不包含前景色的区域上，则将该区域涂抹成前景色。前景色背景色绘制间隔色的原理4.铅笔工具4.3.2知识点讲解脚下留心：绘制间隔色的注意事项绘制出前景色的圆点后，需轻移光标，使光标中心仍在前景色上，再次单击，此时所绘制的圆点颜色才会变为背景色。多次反复操作即可绘制出间隔色的效果。4.3.2知识点讲解

先定一个小目标！掌握自由变换的变形操作的方法，能够对图像进行斜切、扭曲、透视、变形操作。4.3.2知识点讲解在Photoshop中可以对图像进行“斜切”“扭曲”“透视”和“变形”操作。在定界框上右击，弹出自由变换的菜单列表。变换操作变形操作5.自由变换的变形操作4.3.2知识点讲解（1）

斜切调出图像定界框并右击，在弹出的菜单中选择“斜切”命令，将光标置于定界框外侧，光标会变为或状，按住左键不放并拖动鼠标可以沿水平或垂直方向斜切图像。5.自由变换的变形操作4.3.2知识点讲解（2）

扭曲调出图像的定界框并右击，在弹出的快捷菜单中选择“扭曲”命令，将光标放在定界框的角点上，光标会变为状，按住左键不放并拖动鼠标可以扭曲图像。5.自由变换的变形操作4.3.2知识点讲解（3）

透视调出图像的定界框并右击，在弹出的快捷菜单中选择“透视”命令，将光标放在定界框的角点上，光标会变为状，按住左键不放并拖动鼠标可以将图像进行透视变形。5.自由变换的变形操作4.3.2知识点讲解（4）

变形调出图像的定界框并右击，在弹出的快捷菜单中选择“变形”命令，画面中将显示网格，将光标放在网格内，光标变为或状，按住左键不放并拖动鼠标可进行变形图像。5.自由变换的变形操作4.3.2知识点讲解优点值得一提在确定“斜切”“扭曲”“透视”和“变形”这些变形操作前，按【Esc】键可以取消变形。5.自由变换的变形操作4.3.3任务分析在设计定位上，可以将中国特有的水墨风格和国术相结合，通过喷溅的墨迹、武术人物，将国术的力量和爆发力完美地展现出来；在设计尺寸上，可以直接按照客户画册的既定尺寸制作，大小为594mm×291mm，出血尺寸为3mm，插图的总尺寸应为600mm×297mm。4.3.4任务制作画册插图制作【任务8】宣传册扉页制作4.44.4.1任务描述本任务是为某企业设计一本宣传册。客户要求简洁大气、突出诚信、进取、自强不息的企业理念。4.4.2知识点讲解

先定一个小目标！掌握修改选区的方法，能够载入选区、变换选区、创建边界选区、平滑选区、扩展选区和收缩选区。4.4.2知识点讲解修改选区是指在不影响选区内容的前提下，只对选区进行调整。执行“选择→修改”命令，对选区进行修改。变换选区创建边界选区载入选区收缩选区扩展选区平滑选区修改选区选择→修改1.修改选区4.4.2知识点讲解（1）

载入选区按住【Ctrl】键的同时，单击“图层”面板中的“图层”缩览图，即可将选区载入到图像中。执行“选择→载入选区”命令，可以弹出“载入选区”对话框。单击，载入选区1.修改选区4.4.2知识点讲解（2）

变换选区执行“选择→变换选区”命令，选区四周出现定界框，拖动控制点，即可对选区进行变换操作，其操作方法与“自由变换”类似变换选区缩放图像/图形缩放选区自由变换1.修改选区4.4.2知识点讲解（3）

创建边界选区创建边界选区是在原选区的边缘创建一个环状选区。例如：创建选区选择→修改→边界环状选区选区扩展的像素值向外、向内分别扩展15像素1.修改选区4.4.2知识点讲解（4）

平滑选区平滑选区可以使带有棱角的选区变得平滑。创建选区后，执行“选择→修改→平滑”命令，弹出“平滑选区”对话框。数值越大，选区越平滑勾选：画笔以外选区平滑不勾选：画布以外选区消失1.修改选区4.4.2知识点讲解（5）

扩展选区扩展选区可以将选区的区域扩大。创建选区后，执行“选择→修改→扩展”命令，弹出“扩展选区”对话框。确定扩展选区的范围1.修改选区4.4.2知识点讲解（6）

收缩选区收缩选区与扩展选区相反，是将选区的区域缩小。执行“选择→修改→收缩”命令，则可以收缩选区范围。1.修改选区4.4.2知识点讲解

先定一个小目标！掌握选区布尔运算的方法，能够对选区进行布尔运算。4.4.2知识点讲解布尔运算有两种运算方式：√通过选区工具的选项栏进行运算。√通过“载入选区”对话框进行运算。2.选区的布尔运算4.4.2知识点讲解（1）

通过选项栏进行运算创建选区后，单击选项栏中的布尔运算按钮，即可对选区进行操作。新选区与选区交叉从选区减去添加到选区2.选区的布尔运算4.4.2知识点讲解（1）

通过选项栏进行运算默认状态画布中无选区：创建选区画布中有选区：新选区替换原有选区新选区2.选区的布尔运算4.4.2知识点讲解（1）

通过选项栏进行运算按【Shift】键添加选区选区同时保留若有交叉，会叠加在一起添加到选区2.选区的布尔运算4.4.2知识点讲解（1）

通过选项栏进行运算按【Alt】键减去新选区若无交叉，新选区消失若有交叉，擦除两个选区重叠部分从选区减去2.选区的布尔运算4.4.2知识点讲解（1）

通过选项栏进行运算按【Alt+Shift】键保留相交区域与选区交叉2.选区的布尔运算4.4.2知识点讲解（2）

通过“载入选区”对话框进行运算新建选区与选区交叉从选区减去添加到选区通过“载入选区”对话框进行运算适用于不同图层中选区的布尔运算。2.选区的布尔运算4.4.2知识点讲解优点例如：选中一个图层执行“选择→载入选区”命令选择“新建选区”并确定选中另一个图层再次执行命令并选择选项（2）

通过“载入选区”对话框进行运算2.选区的布尔运算4.4.3任务分析在公司性质上分析，该企业是一家传统型企业，其VI系统的主色调也是传统的红色（CMYK：20、100、90、0）。4.4.3任务分析在宣传册传递的理念上，客户希望展现公司诚信、进取、自强不息的企业精神，因此可以运用一些具有典型性的文字或素材，例如骏马、雄狮、古鼎等。本任务使用骏马作为素材配合文字内容，完成最终的扉页设计。在设计尺寸上，可以直接按照客户要求的尺寸设计制作，其大小为370mm×250mm，出血尺寸为3mm，扉页的总尺寸应为376mm×256mm。4.4.4任务制作宣传册扉页制作本章小结本章介绍了书籍装帧的相关知识，包括书籍装帧的构成要素、书籍装帧的基本原则和书籍装帧的流程。并使用“画笔工具”“橡皮擦工具”，以及一系列选区工具，制作了书籍封面、画册插图和宣传册扉页三个案例。通过本章的学习，希望读者可以掌握书籍装帧的相关知识，以及“画笔工具”和选区的相关使用技巧。第5章UI设计《PhotoshopCC设计与应用任务教程（第3版）》学习目标/Target了解UI设计的基本常识，能够完成UI的设计与制作。掌握时间轴面板的使用，能够使用时间轴面板制作动画。掌握图层样式的操作，可以对图层样式进行设置与修改。掌握图层混合模式的使用方法，可以为图层设置合适的混合模式。章节概述/SummaryUI设计是指在考虑用户体验和交互设计的前提下，对用户界面进行的美化设计，涉及移动端、PC端、多媒体终端等各个领域。在实际生活中，一个优秀的UI设计师不仅需要对界面进行美化，还需要对界面中的一些元素进行设计。本章将使用Photoshop软件制作几个不同类型的案例带大家了解UI的相关知识。目录/Contents010203UI设计简介【任务9】进度条设计【任务10】金属质感按钮设计04【任务11】播放器图标设计UI设计简介5.15.1UI设计简介UI是指用户界面，是英文UserInterface的缩写。UI设计是指对软件的人机交互、操作逻辑、界面美观的整体设计。5.1.1UI设计的应用范围

先定一个小目标！了解UI设计的应用范围，能够知道UI设计可以涉及到哪些领域。5.1.1UI设计的应用范围UI设计涉及领域广泛，手机APP、电视终端、网页等都会用到UI设计。智能电视电脑医疗家电车载导航应用软件手机平板电脑应用范围数码机床远程会议虚拟现实5.1.2UI设计的原则

先定一个小目标！了解UI设计的原则，能够设计出符合规范的界面。5.1.2UI设计的原则为了能够迎合用户、提高用户体验，越来越多的产品开始提倡“以用户为中心”的设计理念，这就要求UI设计师们要有敏锐的设计嗅觉和完整的设计流程及思维。简洁性便于识别便于操作降低错误选择注意界面排列舒适度5.1.2UI设计的原则为了能够迎合用户、提高用户体验，越来越多的产品开始提倡“以用户为中心”的设计理念，这就要求UI设计师们要有敏锐的设计嗅觉和完整的设计流程及思维。一致性图标和界面的风格一致界面内部结构一致用户对功能操作的感受一致ABC一致性是决定用户快速上手并持续使用的一个关键。5.1.2UI设计的原则为了能够迎合用户、提高用户体验，越来越多的产品开始提倡“以用户为中心”的设计理念，这就要求UI设计师们要有敏锐的设计嗅觉和完整的设计流程及思维。人性化满足用户的心理需求满足用户的功能诉求AB【任务9】进度条制作5.25.2.1任务描述在系统缓冲时，优秀的进度条可以使用户耐心等待。本任务将制作一个进度条。5.2.2知识点讲解

先定一个小目标！了解“帧”的概念，能够描述帧组成动画的原理。1.认识“帧”5.2.2知识点讲解用Photoshop打开一个gif动态图时，会发现Photoshop已经把动画分解成一张一张的小图像。这些小图像统称为“帧”。“帧”是动画中最小单位的单幅影像画面，相当于电影胶片上的每一格镜头。每一帧都是静止的图像，当这些帧被快速、连续地展示便形成了动的假象。5.2.2知识点讲解帧分为关键帧和过渡帧，两个关键帧的中间可以没有过渡帧，但过渡帧前后必然有关键帧。关键帧：是指物体运动或变化中的关键动作所处的那一帧，包含动画中关键的图像。过渡帧：可以由Photoshop自动生成，形成关键帧之间的过渡效果。1.认识“帧”5.2.2知识点讲解

先定一个小目标！熟悉帧模式时间轴面板的组成，能够在面板中对动态图进行编辑。5.2.2知识点讲解帧模式时间轴面板主要用来制作动画，创建画布后，执行“窗口→时间轴”命令，即可打开“时间轴”面板。单击2.帧模式时间轴面板5.2.2知识点讲解选中某个帧，工作区中即显示该帧内的内容设置每帧画面所停留的时间设置动画的播放次数选择第一帧删除所选帧复制所选帧选择上一帧预览动画添加过渡帧选择下一帧2.帧模式时间轴面板5.2.2知识点讲解

先定一个小目标！了解蒙版，能够说出蒙版的作用和原理。5.2.2知识点讲解概念：蒙版”可以理解为蒙在上面的“板子”，通过这个“板子”可以保护图像中未被选中的区域，使其不被编辑。非破坏性3.认识蒙版5.2.2知识点讲解分类：1剪贴蒙版图层蒙版快速蒙版2LOREM3矢量蒙版43.认识蒙版5.2.2知识点讲解

先定一个小目标！掌握图层蒙版的基本操作，能够添加、隐藏/显示、链接、停用和恢复图层蒙版。5.2.2知识点讲解“图层蒙版”就是在图层上直接建立的蒙版。黑色画笔涂抹隐藏图像内容白色画笔涂抹显示图像内容灰色画笔涂抹图像呈现半透明4.图层蒙版5.2.2知识点讲解（1）

添加图层蒙版在“图层”面板中单击“添加图层蒙版”按钮，即可为选中的图层添加一个图层蒙版。4.图层蒙版5.2.2知识点讲解（2）

隐藏和显示图层蒙版按住【Alt】键，单击“图层”面板中的图层蒙版缩览图，画布中的图像将被隐藏，只显示蒙版图像，按住【Alt】键，再次单击图层蒙版缩览图，将恢复画布中的图像效果。【Alt】4.图层蒙版5.2.2知识点讲解（3）

链接图层蒙版图层缩览图和图层蒙版缩览图之间存在“链接图标”，用来关联图像和蒙版，当移动图像时，蒙版会同步移动。显示图标图像蒙版不显示图标图像蒙版4.图层蒙版5.2.2知识点讲解（4）

停用和恢复图层蒙版执行“图层→图层蒙版→停用”命令（或按住【Shift】键不放，单击图层蒙版缩览图），可停用被选中的图层蒙版，此时图像全部显示。再次单击图层蒙版缩览图，将恢复图层蒙版效果。图层→图层蒙版→停用【Shift】+单击蒙版缩览图4.图层蒙版5.2.2知识点讲解（5）

删除图层蒙版执行“图层→图层蒙版→删除”命令，即可删除被选中的图层蒙版在图层蒙版缩览图上右击，在弹出的快捷菜单中选择“删除图层蒙版”命令，也可删除被选中的蒙版。图层→图层蒙版→删除或4.图层蒙版5.2.2知识点讲解多学一招：创建遮盖图层全部的蒙版执行“图层→图层蒙版→隐藏全部”命令（或按住【Alt】键不放单击“添加图层蒙版”按钮），可创建一个遮盖整个图层的蒙版。15.2.2知识点讲解多学一招：创建遮盖图层全部的蒙版设置前景色为白色，选择“画笔工具”，在画布中涂抹。即可以显示涂抹区域中的图像。25.2.2知识点讲解

先定一个小目标！掌握剪贴蒙版的使用方法，能够创建和释放剪贴蒙版。5.2.2知识点讲解剪贴蒙版是通过下方图层的形状来限制上方图层的显示范围，达到一种剪贴画效果的蒙版。优点：通过一个图层来控制多个图层的可见内容。5.剪贴蒙版5.2.2知识点讲解剪贴蒙版是通过下方图层的形状来限制上方图层的显示范围，达到一种剪贴画效果的蒙版。要求：至少需要两个图层才能创建“剪贴蒙版”。5.剪贴蒙版5.2.2知识点讲解剪贴蒙版是通过下方图层的形状来限制上方图层的显示范围，达到一种剪贴画效果的蒙版。做法1：选中要作为“剪贴层”的图层，执行“图层→创建剪贴蒙版”命令（或按【Ctrl+Alt+G】组合键），即可用下方相邻图层作为“基底图层”，创建一个剪贴蒙版。5.剪贴蒙版5.2.2知识点讲解剪贴蒙版是通过下方图层的形状来限制上方图层的显示范围，达到一种剪贴画效果的蒙版。做法2：按住【Alt】键不放，将光标移动到“剪贴层”和“基底图层”之间单击，也可以创建剪贴蒙版。5.剪贴蒙版5.2.2知识点讲解剪贴蒙版是通过下方图层的形状来限制上方图层的显示范围，达到一种剪贴画效果的蒙版。释放剪贴蒙版：选择“剪贴层”，执行“图层→释放剪贴蒙版”命令（或按【Ctrl+Alt+G】组合键）即可释放剪贴蒙版。5.剪贴蒙版5.2.2知识点讲解注意：可以用一个“基底图层”来控制多个“剪贴层”，但是这些“剪贴层”必须是相邻且连续的。5.剪贴蒙版5.2.2知识点讲解

先定一个小目标！了解模糊工具,能够说出模糊工具可以用来做什么。掌握模糊工具的使用方法，能够对图像进行模糊。5.2.2知识点讲解“模糊工具”可以对图像进行适当的修饰，产生模糊的效果，使主体更加突出。做法：选择“模糊工具”，待鼠标变成状，按住鼠标左键反复涂抹，即可对图层对象进行模糊处理。6.模糊工具5.2.2知识点讲解“模糊工具”可以对图像进行适当的修饰，产生模糊的效果，使主体更加突出。设置模糊工具的笔触和强度:设置笔尖形状控制压力大小值越大，压力越大笔触强度6.模糊工具5.2.2知识点讲解

先定一个小目标！掌握涂抹工具的使用方法，能够绘制毛发效果。5.2.2知识点讲解“涂抹工具”模拟手指拖过湿油漆时所看到的效果，使用“涂抹工具”，可以使颜色与颜色之间衔接不好的图像过渡柔和，也可以画出毛发的质感。做法：选择“涂抹工具”，在选项栏设置参数，在图像上进行涂抹。7.涂抹工具5.2.2知识点讲解

先定一个小目标！掌握图层样式的基本操作，能够添加、显示/隐藏、修改/删除、复制/粘贴图层样式。5.2.2知识点讲解图层样式可以为图层中的对象添加诸如投影、发光、浮雕等效果，从而创建真实质感的特效。优点：操作灵活，在不影响图层的前提下，可以随时对图层中的效果进行编辑。添加图层样式显示与隐藏图层样式修改与删除图层样式123复制与粘贴图层样式48.图层样式的基本操作5.2.2知识点讲解（1）

添加图层样式做法1：单击“添加图层样式”按钮弹出菜单，选择效果选项弹出“图层样式”对话框8.图层样式的基本操作5.2.2知识点讲解（1）

添加图层样式做法2：双击”图层“空白处弹出“图层样式”对话框8.图层样式的基本操作5.2.2知识点讲解（1）

添加图层样式8.图层样式的基本操作5.2.2知识点讲解（1）

添加图层样式折叠或展开效果列表：添加了图层样式的图层会显示图层样式的图标和一个效果列表。单击该图层右侧的按钮，可以折叠或展开效果列表。8.图层样式的基本操作5.2.2知识点讲解注意：图层样式不能直接用于背景图层，可以将背景图层转换为普通图层，再添加图层样式。按住【Alt】键的同时，双击背景图层，即可将背景图层转换为普通图层。8.图层样式的基本操作5.2.2知识点讲解（2）

显示与隐藏图层样式效果名称前显示/隐藏图标显示/隐藏一个效果“效果”前显示/隐藏图标隐藏图层所有效果8.图层样式的基本操作5.2.2知识点讲解（3）

修改与删除图层样式修改图层样式：在添加的图层样式名称上双击，可以再次打开“图层样式”对话框，在对话框中对参数进行修改即可。双击8.图层样式的基本操作5.2.2知识点讲解（3）

修改与删除图层样式删除图层样式：将图层样式名称拖动到按钮上删除选中的图层样式将效果图标拖动到按钮上删除图层所有效果8.图层样式的基本操作5.2.2知识点讲解（4）

复制与粘贴图层样式在添加了“图层样式”的图层上右击，在弹出的快捷菜单中选择“拷贝图层样式”选项，复制图层样式。复制图层样式：8.图层样式的基本操作5.2.2知识点讲解（4）

复制与粘贴图层样式在需要粘贴的图层上右击，在弹出的菜单中选择“粘贴图层样式”选项，完成图层样式的粘贴。粘贴图层样式：8.图层样式的基本操作5.2.2知识点讲解（4）

复制与粘贴图层样式复制粘贴小技巧：按住【Alt】键不放，将效果图标拖动至目标图层。按住【Alt】键不放，将效果的名称拖动至目标图层。复制并粘贴图层的所有效果复制并粘贴图层的一个效果8.图层样式的基本操作5.2.2知识点讲解

先定一个小目标！了解投影和内阴影效果的区别能够说出投影和内阴影分别是什么效果。掌握投影和内阴影的参数设置，能够为图层准确地添加投影和内阴影。9.投影和内阴影投影内阴影在图像背后添加阴影，使其产生立体感效果:效果:在图像前面内部边缘位置添加阴影，使其产生凹陷效果5.2.2知识点讲解控制半透明图层的投影可见性5.2.2知识点讲解设置阴影与下方图层的色彩混合模式设置光源的照射角度设置阴影颜色保持一致的照射角度设置投影与图像的距离数值越大，阴影越大数值越大，阴影越模糊值越大，颗粒越明显9.投影和内阴影5.2.3任务分析本任务要求在进度条中能体现出高尔夫的主题，因此我们在挑选素材时，可以选取高尔夫球、草坪等与高尔夫相关的元素。在设计尺寸上，按照iPhoneX手机进行设计，手机尺寸的宽度为1125像素，因此在制作本任务时可以将宽度设置为1125像素、高度不限。5.2.4任务制作进度条制作【任务10】金属质感按钮设计5.35.3.1任务描述旋转按钮是图标设计中常见的款式，本任务要求设计一款有旋转按钮和指针的金属质感按钮图标。客户要求该图标的形式要为圆形，需有指针和刻度，适用于浅色背景的界面设计，图标要求醒目、简洁、有质感，同时兼顾时尚性。5.3.2知识点讲解

先定一个小目标！了解斜面和浮雕的效果，能够为合适的图层添加斜面和浮雕图层样式。熟悉斜面和浮雕的参数设置，能够调整斜面和浮雕的参数。5.3.2知识点讲解“斜面和浮雕”效果可以为图像添加高光与阴影的各种组合，使图像内容呈现立体效果。设置浮雕样式设置创建浮雕的方法数值越高，浮雕的立体性越强设置浮雕的光源角度1.斜面和浮雕5.3.2知识点讲解例如：分别为其添加“外斜面”样式、“内斜面”样式、“浮雕效果”样式、“枕状浮雕”样式和“描边浮雕”样式原素材外斜面内斜面浮雕效果枕状浮雕描边浮雕1.斜面和浮雕5.3.2知识点讲解

先定一个小目标！了解内发光和外发光效果的区别，能够说出内发光和外发光效果的发光位置。2.内发光和外发光5.3.2知识点讲解内发光外发光沿图层对象的边缘向内创建发光效果效果:效果:沿图层对象的边缘向外创建发光效果5.3.2知识点讲解控制发光位置设置光源大小设置发光范围设置发光模糊程度2.内发光和外发光5.3.2知识点讲解

先定一个小目标！熟悉光泽效果，能够对其参数面板进行设置。5.3.2知识点讲解“光泽”效果可以为图像添加光泽，通常用于创建金属表面的光泽外观。改变光泽的样式3.光泽5.3.2知识点讲解

先定一个小目标！了解颜色叠加、渐变叠加和图案叠加的区别，能够为图像添加合适的叠加效果。5.3.2知识点讲解颜色叠加“颜色叠加”效果可以在图像上叠加指定的颜色，通过设置颜色的“混合模式”和“不透明度”控制叠加效果。4.颜色叠加、渐变叠加和图案叠加5.3.2知识点讲解颜色叠加例如：颜色：黄色混合模式：划分4.颜色叠加、渐变叠加和图案叠加设置效果影响的范围5.3.2知识点讲解渐变叠加“渐变叠加”效果可以在图像上叠加指定的渐变颜色。设置渐变颜色设置渐变形式设置光照角度4.颜色叠加、渐变叠加和图案叠加5.3.2知识点讲解渐变叠加例如：原素材渐变叠加4.颜色叠加、渐变叠加和图案叠加设置效果影响的范围5.3.2知识点讲解图案叠加“图案叠加”效果可以叠加指定的图案，并且可以缩放图案、设置图案的不透明度和混合模式。设置图案设置图案的原点位置将图案链接到图层4.颜色叠加、渐变叠加和图案叠加5.3.2知识点讲解图案叠加例如：原素材图案叠加4.颜色叠加、渐变叠加和图案叠加注意：“颜色叠加”“渐变叠加”和“图案叠加”的效果与“纯色”“渐变”和“图案”填充图层类似，只不过前者是通过图层样式的形式与内容进行叠加，更便于修改。5.3.2知识点讲解4.颜色叠加、渐变叠加和图案叠加5.3.2知识点讲解

先定一个小目标！掌握描边参数的设置。在为图像添加描边效果时，能够对描边参数进行设置。5.3.2知识点讲解“描边”效果可以使用颜色、渐变或图案勾勒图像的轮廓，在图像的边缘产生一种描边效果。设置描边的宽度设置描边的位置设置描边颜色类型设置描边颜色5.描边5.3.2知识点讲解“描边”效果可以使用颜色、渐变或图案勾勒图像的轮廓，在图像的边缘产生一种描边效果。例如：原素材描边5.描边5.3.2知识点讲解

先定一个小目标！了解图层样式的混合选项，能够说出在图层样式混合选项参数设置面板可以设置什么效果。5.3.2知识点讲解图层样式的混合选项是对图层样式的高级设置。执行“图层→图层样式→混合选项”命令。做法1：单击“图层”面板下方的“添加图层样式”，在弹出的下拉菜单中选择“混合选项”命令。做法2：打开“混合选项”参数设置面板6.图层样式的混合选项设置图像填充的不透明度5.3.2知识点讲解参数设置面板中提供了“常规混合”“高级混合”和“混合颜色带”3部分。对不同的通道进行混合设置不同图层的穿透效果6.图层样式的混合选项5.3.2知识点讲解“混合颜色带”选项组用于指定混合效果对哪一通道起作用。混合颜色带：图层的色阶0~255显示/隐藏当前图层的像素调整下一图层像素的亮部和暗部亮部暗部6.图层样式的混合选项5.3.2知识点讲解混合颜色带：例如两个素材叠加两个素材混合后6.图层样式的混合选项5.3.2知识点讲解混合颜色带：值得一提按住【Alt】键的同时拖动滑块，滑块会变为两部分。这样可以使图像上、下两层的颜色过渡更加平滑。6.图层样式的混合选项5.3.3任务分析1.质感方面由于图标要求由按钮、刻度和指针这几个部分组成，信息相对比较繁琐，故而在造型上尤其需要注重使用“层次”来区分这几部分。“层次”不仅可以通过颜色、大小、凹凸进行区分，还可以通过质感来区分。虽然要将按钮做成金属质感，但是如果将按钮中的所有部分都赋予金属质感，反而削弱了质感的效果。因此，我们将图标的视觉中心，即按钮部分，制作成金属质感，削弱其他部分的质感。这样做有利于提升图标的质感对比、层次和效果。5.3.3任务分析2.颜色方面该按钮最终运用在浅灰色（RGB：230、230、230）的背景之上，在颜色方面既要与之统一，又必须有视觉的亮点。这里运用黑色和玫红色，来制作视觉的反差效果，注意黑、白、灰的关系表现。5.3.3任务分析3.实用方面任何图标最后都是以实用为目的，指针和刻度应存在相应的关系，可以给用户产生关联的信号，便于操作。例如，通过颜色将其进行关联。5.3.4任务制作金属质感按钮设计【任务11】播放器图标设计5.45.4.1任务描述用户在选择播放器时，第一眼看到的就是播放器图标，美观的图标能让用户产生下载的欲望，本任务将制作一款播放器图标，客户要求整体色调是蓝色，并且一眼能够识别。5.4.2知识点讲解

先定一个小目标！了解图层混合模式,能够说出图层混合模式的作用和分类。5.4.2知识点讲解在进行图像合成时，经常需要对多个图层进行颜色的融合，这时就需要使用图层的混合模式。混合模式是指一个图层与其下方图层的混合方式。混合色基色结果色1.图层的混合模式5.4.2知识点讲解

先定一个小目标！了解正片叠底这一混合模式的特点，能够在合适的图像上正确使用。5.4.2知识点讲解通过“正片叠底”模式可以将图像的原有颜色与混合色复合，得到较暗的结果色。0102任何颜色与黑色混合产生黑色任何颜色与白色混合保持不变03任何颜色与其他颜色混合会得到较暗的图像正片叠底特点2.正片叠底5.4.2知识点讲解在进行图像合成时，常用“正片叠底”来添加阴影或保留图像中的深色部分。例如：2.正片叠底5.4.2知识点讲解

先定一个小目标！了解滤色这一混合模式的特点，能够在合适的图像上正确使用。5.4.2知识点讲解“滤色”模式与“正片叠底”模式相反，应用“滤色”模式的合成图像，其结果色将比原有颜色更淡。“滤色”通常会用于加亮图像或去掉图像中的暗色部分。例如：3.滤色5.4.2知识点讲解

先定一个小目标！了解叠加这一混合模式的特点，能够在合适的图像上正确使用。5.4.2知识点讲解“叠加”是“正片叠底”和“滤色”的组合模式。采用此模式合并图像时，图像的中间调会发生变化，亮色调和暗色调基本保持不变。通常运用“叠加”来制作图像中的高光、亮色部分。例如：4.叠加5.4.3任务分析本任务是制作一个视频播放器图标，客户要求使用蓝色作为主体色。但是在设计时，若均使用一个蓝色，那么最终效果会显得单调，不足以让用户在众多播放器中选择我们的播放器，这时我们可以选取一个反差大的颜色作为点睛色，本任务选取橙黄色作为点睛色，来吸引消费者眼球。5.4.4任务制作播放器图标设计本章小结本章介绍了UI设计的相关知识，包括UI的应用范围、UI的设计原则两个模块。并利用帧、蒙版、图层样式等功能制作了进度条、金属质感按钮和播放器图标三个案例。通过本章的学习，希望读者可以掌握UI设计的相关知识，以及帧、蒙版、图层样式等功能模块的使用方法。第6章海报设计《PhotoshopCC设计与应用任务教程（第3版）》学习目标/Target了解海报的构成要素和设计要求，能够制作符合要求的海报。掌握创建3D的方式，能够创建3D模型。掌握各类修复工具的使用，例如“仿制图章工具”“内容感知移动工具”等。章节概述/Summary海报是现代广告中使用最频繁、最广泛的广告传播手段之一。人们审美观念的提高和企业对自身形象宣传的重视，使现代的海报设计不但具有传播的价值，还具有极高的艺术欣赏性和收藏性。本章将使用Photoshop软件制作两个海报，带领大家掌握3D的相关知识和一系列修补工具的使用方法。目录/Contents010203海报简介【任务12】VR宣传公益海报设计【任务13】美发沙龙商业海报设计海报简介6.16.1海报简介海报是一种张贴在公共场合，引起大众注意，以达到宣传目的的印刷广告形式。6.1.1海报的分类

先定一个小目标！了解海报的分类，能够列举海报的类别。熟悉公益海报和商业海报的定义，能够区分公益海报和商业海报。6.1.1海报的分类公益海报商业海报公益海报通常是以社会公益性问题为题材绘制的宣传画，旨在通过某种观念的传达，呼吁公众关注的问题，从而服务于公众利益。概念:概念:商业海报以宣传企业促销商品和商业服务，满足消费者需求等内容为题材。6.1.1海报的分类公益海报商业海报6.1.2海报的构成要素

先定一个小目标！了解海报的构成要素，列举海报中的构成要素。1.文字6.1.2海报的构成要素文字是海报设计的重要组成部分，是增强视觉传达效果、展现海报设计风格、赋予海报版面审美价值的重要手段。文案设计将广告内容、信息通过文字的方式表达出来，力求简单、明了，富于冲击力和表现力主题字体设计突出表现形式利用文字的重叠、夸张、变形等手段将文字图形化，表达主题内容。6.1.2海报的构成要素图像/图形是海报设计的又一重要组成部分。海报设计包含具象图像和抽象图形两种。具象图像抽象图形AB2.图像/图形6.1.2海报的构成要素图像/图形是海报设计的又一重要组成部分。海报设计包含具象图像和抽象图形两种。具象图像有具体形象的图案摄影或逼真的绘制方法丰富的感染力2.图像/图形6.1.2海报的构成要素图像/图形是海报设计的又一重要组成部分。海报设计包含具象图像和抽象图形两种。抽象图形点、线、面和肌理效果不具有象形的意义表达形式美感2.图像/图形6.1.2海报的构成要素色彩作为一种表情达意的手段，在海报设计中是特别重要的一个要素。一幅海报的成败，很大程度上取决于色彩运用的优劣。例如：果蔬宣传广告3.色彩6.1.3海报的设计要求

先定一个小目标！熟悉海报的设计要求，能够设计出符合要求的海报。6.1.3海报的设计要求海报设计虽隶属于平面设计，遵循平面设计的相关规范和要求，例如设计出血线、设置CMYK颜色模式和单色黑字体的设置要求等，也具有自己的设计要求。画面尺寸设计创意视觉效果6.1.3海报的设计要求画面尺寸海报的分布范围主要是在公共活动空间，这就决定了海报必须以大尺寸的画面来进行信息传达。对开全开1.画面尺寸6.1.3海报的设计要求设计创意能够使海报的诉求明确、主题突出并具有深刻的内涵，使海报作品产生强烈的感染力和说服力。设计创意2.设计创意6.1.3海报的设计要求视觉效果色彩的对比强烈，且搭配需要和谐统一图像/图形和文字的搭配需要准确、简洁画面空间的灵活运用和信息的简化，突出关键信息3.视觉效果【任务12】VR宣传公益海报设计6.26.2.1任务描述本任务是为“新视觉”这一非营利性机构制作一个VR宣传的公益海报。客户要求突出科技感，并能够有效地传达VR的概念。6.2.2知识点讲解

先定一个小目标！了解创建3D有哪几种方式，能够在实际应用中使用不同的方法创建出3D模型。6.2.2知识点讲解在Photoshop的菜单栏中单击“3D”选项，即可在下拉菜单中看到3D的创建方式。将图层中的元素转换为3D模型将绘制的路径转换为3D模型将选区中的内容转换为3D模型创建预设好的3D模型1.创建3D的方式6.2.2知识点讲解（1）

使用“从所选图层新建3D模型”方法创建3D模型“从所选图层新建3D模型”用于将图层的内容转化为立体图形。例如：1.创建3D的方式6.2.2知识点讲解（2）使用“从图层新建网格”方法创建3D“从图层新建网格”这一方法主要包括“明信片”“网格预设”“深度映射到”等命令。例如：网格预设拖动绘制1.创建3D的方式6.2.2知识点讲解（2）使用“从图层新建网格”方法创建3D“从图层新建网格”这一方法主要包括“明信片”“网格预设”“深度映射到”等命令。深度映射到明度高凸起明度低凹陷3D→从图层新建网格→深度映射到→平面1.创建3D的方式6.2.2知识点讲解（2）使用“从图层新建网格”方法创建3D“从图层新建网格”这一方法主要包括“明信片”“网格预设”“深度映射到”等命令。深度映射到映射到双面平面映射到圆柱体映射到球体1.创建3D的方式6.2.2知识点讲解（2）使用“从图层新建网格”方法创建3D“从图层新建网格”这一方法主要包括“明信片”“网格预设”“深度映射到”等命令。深度映射到不同明度的素材产生的效果也不同。1.创建3D的方式6.2.2知识点讲解在“3D”面板中同样可以创建3D模型，“3D”面板中的各选项与菜单栏中的各个命令一一对应。执行“窗口→3D”命令，即可打开“3D”面板。1.创建3D的方式6.2.2知识点讲解注意：创建3D模型之前，首先要新建画布或图层，否则将无法执行创建3D的相关命令。6.2.2知识点讲解

先定一个小目标！了解3D工作界面的各个区域，能够在实际应用中查看并使用区域中的功能。6.2.2知识点讲解创建3D模型后就可以看到3D工作界面。2.3D工作界面6.2.2知识点讲解（1）

编辑区编辑区是编辑3D模型和场景的区域。舞台幕后表演者2.3D工作界面6.2.2知识点讲解（2）

小视图小视图主要用于预览各个视图角度。在小视图中，单击“视图/相机”按钮，会弹出视图下拉菜单。只切换小视图中的预览图不影响编辑区中3D模型的角度2.3D工作界面6.2.2知识点讲解（3）3D工具3D工具可以对3D模型或场景进行操作，例如旋转、缩放等。缩放拖动旋转滚动滑动2.3D工作界面6.2.2知识点讲解（3）3D工具3D工具既可以作用于场景，又可以作用于模型。选中模型对模型操作不选中模型对场景操作原视图旋转模型旋转场景2.3D工作界面6.2.2知识点讲解（3）3D工具旋转使3D模型或场景沿x轴和y轴旋转例如：2.3D工作界面6.2.2知识点讲解（3）3D工具滚动使3D模型或场景沿z轴旋转例如：2.3D工作界面6.2.2知识点讲解（3）3D工具拖动用于移动3D模型或场景例如：2.3D工作界面6.2.2知识点讲解（3）3D工具缩放用于缩放3D模型或场景2.3D工作界面6.2.2知识点讲解（3）3D工具滑动沿X轴方向和Z轴方向进行移动【Alt】沿Y轴方向进行移动2.3D工作界面6.2.2知识点讲解（3）3D工具精确调整3D模型：选中某个模型或场景，在“属性”面板中单击“坐标”按钮，即可看到对应的坐标。2.3D工作界面6.2.2知识点讲解（4）“属性”面板“属性”面板主要用于设置或调整参数。执行“窗口→属性”命令，即可调出或关闭“属性”面板。模型的属性面板场景的属性面板2.3D工作界面6.2.2知识点讲解（5）“3D”面板“3D”面板是存放编辑区内所有元素的区域，包括环境、场景、无线光、默认相机，以及当前的3D模型。执行“窗口→3D”命令即可打开“3D”面板。2.3D工作界面6.2.2知识点讲解

先定一个小目标！了解设置表面样式的作用和设置表面样式的方法，能够在操作中为不同的3D模型添加合适的表面样式。6.2.2知识点讲解设置表面样式可以让3D模型的效果更加美观、突出。单击“预设”会弹出下拉菜单例如：3.设置表面样式6.2.2知识点讲解注意：在索引颜色模式和CMYK颜色模式下，3D中的命令无效。3.设置表面样式6.2.3任务分析1.