《Photoshop 平面设计（第2版）》中职全套教学课件

Photoshop平面设计（第2版）

全套可编辑PPT课件模块1走进AIGC时代的平面设计模块2工具应用与卡片设计模块3图层、通道、蒙版与电商视觉设计模块4路径与标志设计模块5图像色彩调整与照片处理模块6滤镜与海报设计模块7综合实例应用Photoshop平面设计

（第2版）

模块1走进AIGC时代的平面设计

平面设计作为视觉传达的重要载体，通过图形、文字、色彩等元素的创造性组合，传递信息、表达情感、展现个性AIGC时代的来临，让"人机共创"成为主流工作模式，AI负责素材筛选与初稿生成，设计人员主导创意决策本模块将通过2个实操案例，层层递进地引导读者掌握AIGC+Photoshop基础技能本模块将通过2个实操案例，层层递进地引导读者掌握AIGC基础技能：1制作世界读书日海报——AIGC技术初探2遇见非遗——图片浏览（Photoshop入门）从平面设计的基础认知、AI工具趋势、专业术语，到Photoshop工作界面与文件基本操作,构建“传统设计功底+AI工具应用”的基础框架，从容应对AIGC时代所带来的挑战与机遇。【学习导读】知识目标掌握平面设计的基础概念、工作流程、专业术语及常用工具了解AIGC的概念、功能、应用场景及其为设计行业带来的变革与趋势熟悉Photoshop的工作界面，掌握其图像文件的基本操作【学习目标】技能目标具备使用Photoshop进行新建、浏览、编辑、保存图像文件的基本操作能力能够使用标尺、网格和参考线等辅助工具查看图像的应用能力能够运用AIGC工具（如即梦AI）进行创意激发、生成设计初稿并进行优化初步实现人机协作的创作流程，提升设计效率与创意质量【学习目标】素养目标树立对AIGC技术的正确认知，严格遵守法律、道德及学术规范积极培养在技术变革中持续学习、跨界融合的创新思维与战略视野强化自身不可替代的创意策划与文化叙事能力【学习目标】1.1平面设计基础知识1.核心概念平面设计（GraphicDesign）亦称视觉传达设计，由威廉·艾迪生·德威金斯于1922年提出。是一种借助对图形、文字、色彩等视觉元素进行创造性组合，以达成引导视觉、传递信息、表达情感及展现个性之目的的艺术形式。1.1平面设计基础知识2.平面设计的工作流程AI工具05CorelDRAW04AdobeInDesign03AdobeIllustrator02AdobePhotoshop013.平面设计的常用软件及工具1.1平面设计基础知识1.1平面设计基础知识4.AI时代下平面设计的发展趋势01动态化与沉浸式体验崛起单击此处编辑添加正文，文字是您思想的提炼02人机协同成为主流工作模式单击此处输入你的正文，文字是您思想的提炼03AI成为创意引擎单击此处编辑添加正文，文字是您思想的提炼04个性化与数据驱动设计单击此处输入你的正文，文字是您思想的提炼05创意与设计质量要求持续提升单击此处编辑添加正文，文字是您思想的提炼06设计行业的跨界融合创新传统商业与品牌视觉领域

品牌识别系统（Logo/VI）、包装设计、广告设计（海报、宣传单页、户外广告牌）等数字媒体与交互设计领域

UI/UX设计、网页/移动端视觉、营销活动页、社交媒体视觉等文化与公共服务领域

展览装置、文创产品、文化宣传、公益海报、出版物设计等典型应用图例品牌识别包装设计广告海报UI设计文创产品公益宣传1.1平面设计基础知识5.平面设计的应用领域1.2平面设计的专业术语矢量、位图、分辨率、颜色模式、文件格式矢量图由数学公式描述线条和形状无限缩放不失真适合Logo、字体、UI图标、印刷出版CDRAISVG位图由像素点组成放大可能出现锯齿/失真适合照片、特效、合成、屏幕显示PSDJPGPNGBMP分辨率（Resolution）单位dpi/ppi。屏幕72-150ppi，印刷≥300ppi。分辨率越高，图像越清晰，文件也越大。颜色模式（ColorMode）RGB（屏幕）·CMYK（印刷）·Lab（色彩管理）·灰度/位图重要结论：印刷品必选CMYK+300ppi；屏幕显示选RGB+72ppi即可；Logo与文字图层优先矢量化。常见文件格式与适用场景PSDPhotoshop源文件保留图层、通道、蒙版、样式，可二次编辑JPGJPEG有损压缩体积小、广泛通用，不支持透明，适合照片PNG无损压缩+透明支持透明背景，适合UI图标、网页插图GIF支持动画+透明仅256色，适合简单动画、表情包SVG矢量格式无限缩放，适合响应式图标、网页LogoTIFF印刷级无损保留高质量图像，体积大，用于专业印刷出版选格式三步法①屏幕显示JPG（照片）/PNG（透明背景）/GIF（动画）②印刷出版TIFF/PDF（CMYK+300ppi）/印刷专用PDF/X③二次编辑PSD/AI/CDR（保留所有可编辑元素）1.2平面设计的专业术语案例1制作世界读书日海报——AIGC技术初探案例解析

访问即梦AI平台并选择对应模型。

构思并生成提示词。

生成并筛选图片。

对图片进行后期调整与优化。1.3AIGC概述1．AIGC的概念和功能AIGC（AI-GeneratedContent）即人工智能生成内容，通过深度学习、大模型与多模态对齐技术，让机器自主生成文字、图像、音频、视频等内容。在平面设计领域，AIGC工具能协助设计人员迅速获取灵感、梳理设计思路、撰写文案，开展智能图片编辑、以文生图、以图生图等操作。六大核心能力文本生成图像生成音频生成视频生成代码生成数据分析1.3AIGC概述2．AIGC在平面设计中的应用利用AIGC技术快速生成大量风格多样的视觉创意草图和方案，帮助设计人员打破思维定式、搭建灵感板。创意构思与灵感激发利用AIGC技术根据品牌名称、行业属性与风格关键词，自动生成多种风格的Logo初稿，供设计人员筛选与深化优化。Logo与品牌标识设计利用AIGC技术智能生成海报的主视觉图、背景素材，或者为产品创建多场景化的营销图片，极大提升设计产出效率。营销海报与Banner设计利用AIGC技术生成带有金属、玻璃、火焰等特效的艺术字，或者创造独特的背景纹理和图案，丰富设计细节。字体与纹理设计利用AIGC技术根据文案描述或设计需求，定制生成特定艺术风格的插画、吉祥物和人物角色，降低绘画门槛、节省创作时间成本。插画与角色设计1.3AIGC概述3．平面设计行业常用的AIGC工具Midjourney：高精度风格化图像生成Midjourney以高质量图像生成能力著称，可实现精细化的风格控制和细节刻画，适用于插画、海报、概念图等设计创作，需在Discord平台使用，对提示词的精准度要求较高。DALL-E3：自然语言驱动的智能图像生成DALL-E3与ChatGPT深度联动，可通过自然语言描述生成图像，具备较强的复杂指令理解能力，适合快速生成符合文本逻辑的设计作品。StableDiffusion：开源可控的定制化图像生成StableDiffusion属于开源模型，可控性极强，可通过各类插件和模型拓展实现高度定制化的图像生成。CanvaAI：面向非专业用户的轻量级设计辅助CanvaAI集成于Canva平台，支持自动生成海报布局、智能抠图、文案智能匹配等功能，操作简便，适用于非专业设计人员或需要快速出稿的设计场景。AdobeFirefly：专业设计工作流无缝集成的AIGC工具AdobeFirefly是Adobe公司推出的AIGC工具，能与Photoshop、Illustrator等设计软件无缝衔接，生成的图像可直接导入设计软件编辑，且支持版权合规的素材生成，适配专业设计全流程。PicsartAI擅长生成图标、贴纸、滤镜等设计素材，支持一键生成并快速应用于设计作品中，适用于社交媒体配图、短视频封面等轻量化设计场景01法律规范恪守法律法规尊重知识产权02道德规范保持真实性和客观性避免歧视和偏见维护网络生态03学术规范辅助使用原则文责自负遵守学科规定1.3AIGC概述4．AIGC工具的使用规范案例2

遇见非遗——图片浏览案例描述

启动Photoshop程序，并在程序中打开目标图像文件。

熟悉Photoshop的工作界面。

使用缩放工具和抓手工具完成图像全局浏览与局部细节观察操作。

使用标尺、参考线实现图像的精确定位。1.4Photoshop简介1.Photoshop基本功能软件定位AdobePhotoshop（简称PS）是Adobe公司开发的专业图像处理软件，具有强大的图像编辑、设计制图、颜色校正、图像合成、文字排版等功能。被广泛应用于数字图像处理、广告设计、UI设计、网页设计、包装设计、书籍设计、摄影后期制作等领域。六大核心功能图像编辑设计制图颜色校正图像合成文字排版AI智能应用领域平面设计·摄影后期·UI/UX·电商视觉·包装与书籍·广告与海报·数字插画·影视概念设计——几乎涵盖了所有视觉创作的细分领域，是设计师必备的核心工具之一。1.4Photoshop简介1菜单栏文件、编辑、图像、图层、滤镜等11个一级菜单2工具箱/选项栏左侧浮动工具+顶部工具参数，工具图标可分组折叠3图像编辑窗口中央画布区域，显示当前正在编辑的图像文件4面板区右侧多标签面板：图层/通道/路径/历史记录/颜色等5状态栏底部信息栏，显示缩放比例、文档信息、提示文本6浮动面板（可自定义）字符/段落/信息/直方图等，按需打开拖拽💡工作区可保存为自定义布局（窗口→工作区），快捷键Ctrl+0适配屏幕1.4Photoshop简介Photoshop的工作窗口Photoshop

工作界面1.5图像文件的基本操作新建文件→新建，设置名称、预设（常用：国际标准纸张、A4、1920×1080等）、尺寸（宽×高+分辨率+颜色模式），提前规划是印刷级还是屏幕级。打开/置入文件→打开或拖入文件到画布。置入用于嵌入其他PS/AI/PDF文件（带路径时双击可矢量化）。Shift+双击可快速置入为智能对象。保存/另存为/导出Ctrl+S保存为PSD（保留所有可编辑元素）Ctrl+Shift+S另存为JPG/PNG/TIFF等通用格式文件→导出→导出为现代Web格式（PNG-8/WBPG/JPG-100%）。1.5图像文件的基本操作视图缩放、标尺/参考线/网格视图缩放Ctrl+0适配屏幕Ctrl+1100%实际像素空格+拖拽平移视图标尺/参考线视图→标尺显示标尺（Ctrl+R）从标尺拖出参考线视图→锁定参考线移动/删除参a考线网格/切片视图→显示→网格编辑→首选项→参考线、网格和切片可设网格大小、颜色、子网格对齐参考线/网格可精准定位三种屏幕模式（按F或Tab切换）标准屏幕模式默认模式，显示完整界面与菜单栏带有菜单栏的全屏模式保留菜单栏全屏，编辑空间更大全屏模式隐藏所有UI，专注创作（按Tab临时显示面板）💡善用快捷键、参考线和网格——让精准绘图事半功倍Ctrl++放大图像显示视图Ctrl+-缩小图像显示视图感谢观看

Photoshop平面设计

（第2版）

Photoshop平面设计（第2版）

模块2工具应用与卡片设计Photoshop平面设计

（第2版）

卡片设计是兼具实用性与美学价值的视觉设计领域，广泛应用于商务沟通、品牌营销、情感传递等多个场景。以"工具应用+实战案例"为核心，系统介绍卡片设计的核心逻辑与Photoshop实操技能。选区创建、颜色设置、图像绘制、文字排版、修复优化——五大工具族一站打通。本模块将通过2个实操案例，层层递进地引导读者掌握卡片设计：1制作销售经理名片——选区的创建和填充2制作代金券——图像的绘制与装饰从卡片类型、尺寸规范到PS工具实操，再到名片与会员卡的综合设计——建议读者先跟随案例熟悉工具操作，再独立完成实训任务，重点关注信息层级梳理、视觉风格统一、技术与人文的平衡。【学习导读】3制作工作证——修复工具的应用知识目标掌握卡片设计的核心类型及对应场景的设计要点，明确不同卡片的信息传递逻辑与功能定位；熟记卡片设计的标准尺寸、分辨率、颜色模式及印刷规范；理解Photoshop中选区、颜色、画笔、文字、修复等核心工具的工作原理。【学习目标】技能目标能够熟练运用Photoshop选框工具、套索工具、魔棒工具等创建精准选区；具备卡片设计的色彩搭配与填充能力，能通过拾色器、色板、渐变工具等实现适配场景需求的色彩效果；熟练完成卡片图像的绘制、装饰与修复工作，包括使用画笔工具、修复工具、图章工具的操作；能够独立完成至少3类常见卡片（名片、代金券、工作证）的完整设计与输出工作。【学习目标】素养目标树立"形式追随功能"的设计思维，养成从用户需求、场景属性出发进行设计决策的习惯培养精准把控细节的职业素养，注重卡片设计中的尺寸精度、色彩准确性、信息完整性，契合印刷与传播规范形成"理论—实操—反思"的学习闭环，具备独立解决设计问题的能力，同时培养创新思维与团队协作中的设计表达能力【学习目标】2.1卡片设计基础卡片设计的类型、尺寸、应用趋势核心概念卡片在我们的日常生活与工作中随处可见。常见的标准规格为86×54毫米，源于国际标准化组织ISO/IEC7810中定义的ID-1标准，与银行卡、身份证等规格一致。卡片设计需兼顾功能性与美学表达，构图应遵循视觉重心分布原则，确保信息层级清晰、可读性强。七大卡片类型名片会员卡购物卡邀请函贺卡优惠券门票设计原则"形式追随功能"（包豪斯学派）——优秀卡片设计不仅要在色彩、字体、留白间和谐统一，更需精准传递核心信息，在有限空间内实现传播效能的最大化。AI时代趋势AIGC融入设计效率显著提升，AR智能卡片实现虚实交互，融合节气/地域/品牌故事的个性化定制，电子卡片兼容多终端显示。2.1卡片设计基础七大卡片类型名片身份与品牌载体"黄金阅读区"原则关键信息3秒捕捉90×54mm会员卡权益凭证精准传递权益强化专属感知85.5×54mm购物卡预付消费凭证礼品属性品牌推广85.5×54mm邀请函正式文书礼义表达烫金浮雕工艺160×220mm贺卡节日祝福情感传递立体镂空工艺90×180mm优惠券促销载体醒目+信息清晰刮涂层/二维码90×54mm门票准入凭证防伪标识50×150mm共性原则①信息层级清晰关键信息可被快速捕捉②视觉风格统一色彩/字体/留白和谐③技术与人文平衡印刷落地+情感表达卡片设计的尺寸规范卡片类型标准尺寸（毫米）名片方角：90×54/90×50/90×45

圆角：85×54会员卡/购物卡85.5×54/90×50邀请函/贺卡（折叠展开）160×220/210×200/180×210/360×105/280×210邀请函/贺卡（单卡）90×180/105×180/90×210/165×102/100×145门票/入场券50×150/54×180/68×210/200×80优惠券/代金券90×54/140×54/180×54/210×90通用规范分辨率≥300ppi颜色模式CMYK标准矩形86×54mm网络卡按标准尺寸出血位避免裁切出现露白边/内容被裁大型印刷：5–10mm小型印刷：2–3mm本章案例：制作销售经理名片（案例3）名片90×54mm分辨率300ppi颜色模式CMYK

涵盖椭圆选框、多边形套索、描边方框、文字工具与盖印图层五大操作。2.1卡片设计基础案例3

制作销售经理名片——选区的创建和填充案例解析新建符合印刷规范的名片文档，设置参考线以界定版心，使用椭圆选框工具、多边形

套索工具等绘制并填充组合几何图形，构建出名片正面的核心视觉框架。通过绘制描边方框来定义功能区域，置入公司标志与二维码素材，使用文字工具输入

文字信息，完成名片正面的全部内容布局。新建“背面”图层组，置入公司标志并输入公司名称，通过绘制平滑多边形，完成公

司理念区域的设计，形成与正面呼应的背面效果。利用盖印图层技术，分别将名片正、背面出血线内的有效区域复制为独立图层，并快

速导出为PNG格式的成品文件，完成整个设计与输出流程。2.2选区创建工具族精准绘图的基础——五大类选区工具按场景分工什么是选区选区是图像上被选中的区域，由蚁行线（闪烁虚线）界定。被选中的区域可进行填充、描边、滤镜、变换等操作，未选中区域不受影响。创建精准选区是Photoshop图像处理的核心第一步。选框工具组矩形选框/椭圆选框/单行/单列选框套索/多边形套索/磁性套索。按住Shift限定比例，按住Alt中心绘制。魔棒/快速选择/色彩范围魔棒基于颜色相似度选区快速选择智能识别边界并拖拽扩展色彩范围基于色域精确选择特定颜色像素。选区运算新选区/添加到选区（Shift+拖拽）/从选区减去Alt+拖拽）/与选区交叉。四种运算符号在工具选项栏左侧。选框2.2选区的绘制和编辑五大选区工具选框工具矩形/椭圆拖拽创建标准几何形状单行/单列1像素选区，多用于线条绘制按住Shift正方形/圆形，按住Alt中心绘制套索工具组套索自由手绘多边形套索点击转折磁性套索边缘吸附适合不规则选区，按Delete删除最近锚点魔棒工具基于颜色相似度自动选择相邻色域容差越大选越多，0–255之间配合连续复选框控制是否跨区域选快速选择工具智能识别边界，拖拽扩展选区+笔刷画大-笔刷排除实时预览，适合人像/物体抠图色彩范围选择→色彩范围命令用吸管在图中点击采样指定颜色调整颜色容差精确选区，预览效果焦点选择/主体选择→主体（AI一键识别）选择→焦点选择（AI景深识别）选择→天空（AI替换天空）选区原则：先用选框/套索粗选大面积，再用魔棒/色彩范围精修细节，复杂图像多工具协同，先选后编。2.3

颜色的选取与设定颜色1．使用拾色器设置颜色2．使用“色板”面板3．使用“颜色”面板4．使用吸管工具2.3颜色的选取与设定拾色器前景/背景色面板支持HSB/RGB/CMYK/Lab十六进制输入，仅Web颜色复选框警告：CMYK越界将变为最接近可印刷色色板面板管理常用色彩库新建/删除/复位色板支持Pantone/HKS/Toyo单击填前景色，Shift+单击填背景色颜色面板单击“设置前景色”或“设置背景色”图标，在面板中单击某个颜色，可将其设置为对应的前景色或背景色。吸管工具吸管工具的作用是拾取画面中的颜色，按住“Alt”键的同时单击画布某一区域，可将对应区域颜色设置为背景色。2.3颜色的选取与设定渐变工具5种渐变类型：线性/径向/角度/对称/菱形渐变编辑器卡片背景/阴影常用油漆桶单击对闭合区域填充模式：前景色/图案填充：连续/不连续注意：若选区未闭合则填充整张图：调整颜色、位置、中点填充工具组包括渐变工具、油漆桶工具和3D材质拖放工具。3D材质拖放工具使用3D材质拖放工具可直接在3D对象上取样材质并应用材质，工作原理与传统油漆桶工具高度相似。2.3颜色的选取与设定拾色器前景/背景色面板支持HSB/RGB/CMYK/Lab十六进制输入，仅Web颜色复选框警告：CMYK越界将变为最接近可印刷色色板面板管理常用色彩库新建/删除/复位色板支持Pantone/HKS/Toyo单击填前景色，Shift+单击填背景色填充工具组包括渐变工具、油漆桶工具和3D材质拖放工具案例4

制作代金券——图像的绘制与装饰案例解析将花朵图案定义为画笔，通过调整形状动态、散布和颜色动态参数，实现自然、活泼

的随机分布效果，有效增强画面装饰性与灵动感。使用柔光模式叠加渐变色层，形成柔和自然的色彩过渡，有效构建温馨、甜美的视觉

基调，贴合品牌调性。综合运用横排与直排文字工具，通过字体、字号、颜色的差异化设置，清晰呈现代金

券金额、编号及店铺名称等关键信息，提升可读性与设计感。对素材进行裁剪并运用椭圆蒙版进行形状控制，将蛋糕图像自然融入画面，形成视觉

中心，有效增强整体设计的吸引力与专业度。画笔工具组（装饰主体）画笔工具柔边笔触铅笔工具硬边像素

颜色替换按住Alt取色混合器画笔画布混色。画笔预设面板调整大小/硬度/间距/角度/圆度。[]调整笔刷大小，{}调整硬度。橡皮擦工具组橡皮擦擦除像素至背景色背景橡皮擦擦除并设为透明魔术橡皮擦单击清除相似色。三种工具都支持模式：加色/减色2.4图像的绘制与装饰2.5裁剪工具组

裁剪工具组包括裁剪工具、透视裁剪工具、切片工具和切片选择工具，其主要作用是实现图像的裁剪和切片。裁剪工具选择“裁剪工具”后，图像四周会出现一个包含8个控制点的裁剪框，在图像上单击鼠标左键，会出现三等分网格线，通过拖曳边框或控制点可以设置裁剪范围，按“Enter”键或在裁剪框内双击鼠标左键，即可实现对图像的裁剪。透视裁剪工具选择“透视裁剪工具”，在图像中依次单击4个点，即可定义一个任意形状的四边形裁剪框，按“Enter”键，裁剪框以外的部分被裁剪掉，并且原来的任意形状的四边形区域变为矩形区域。切片工具切片工具的作用是分割图像，将一张大图像分割成多个小的矩形区域，这些小的矩形区域被称为切片。选择“切片工具”后，在图像上按住鼠标左键并拖曳，即可创建一个切片。还可以通过切片选择工具对切片进行移动、调整大小或删除等操作。利用切片选择工具可对切片进行堆叠顺序调整、对齐、分布操作，以及切片选项设置。切片选择工具2.6文字的创建与排版

文字工具组包括横排文字工具、直排文字工具、直排文字蒙版工具和横排文字蒙版工具，其主要功能是输入文字、编辑文字、创建文字选区、将文字转换为路径、栅格化文字及将文字转换为形状。输入文字编辑文字创建文字选区将文字转换为路径选择文字工具，单击需要编辑的文字，进入文字编辑状态，移动光标至修改位置，即可修改文字内容。在图像中输入文字后，依次执行“文字”和“创建工作路径”命令，即可在文字边缘生成路径。栅格化文字将文字转换为形状选择“横排文字工具”，设置参数后，单击鼠标左键，即可生成文字插入点，并自动添加一个文字图层，文字输入完毕后，按快捷键“Ctrl+Enter”。选择文字所在图层，依次执行“文字”和“转换为形状”命令；或者单击鼠标右键，在弹出的快捷菜单中执行“转换为形状”命令，执行后该文字图层将转换为矢量形选择“横排文字蒙版工具”或“直排文字蒙版工具”，可在画布中创建文字选区，选定文字图层，依次执行“文字”和“栅格化文本图层”命令，或者单击鼠标右键，在弹出的快捷菜单中执行“栅格化文字”命令。案例5制作工作证——修复工具的应用案例解析按工作证尺寸和印刷标准新建文档。通过矩形、椭圆选区的加减运算，构建出工作证的基础轮廓图形。采用“祛痘—磨皮—锐化”三层修图流程，结合历史记录画笔功

能实现局部保留细节的磨皮效果。通过重命名、编组合并等操作保持图层秩序，采用滤色混合模式

提升图像通透度。运用描边、装饰线条、文字信息与二维码完成规范排版，完善工

作证的功能性与美观度。2.7修复工具组污点修复画笔单击或涂抹修复图像中的瑕疵。无需取样，软件自动计算周围像素。(1)模式：设置修复时混合模式，默认"正常"(2)类型（3种）：(3)对所有图层取样：勾选从所有可见图层取样；否则仅当前图层修复画笔精准取样修复使用初始取样点确定的图像或预设图案对图像进行修复。需手动取样。使用方法：修复原理：样本像素的纹理、光照、透明度、阴影与源像素匹配，不留痕迹融入图像。

修复工具组包括污点修复画笔工具、修复画笔工具、修补工具、内容感知移动工具和红眼工具，其主要功能是对图像进行修复。

内容识别

创建纹理

近似匹配按住“Alt”键在图像中取样，移动鼠标至要修复的位置，通过单击或拖曳鼠标进行修复2.7修复工具组修补工具区域修复通过创建选区修复图像，修复后样本像素的纹理、光照、阴影与源像素匹配。源：拖动选区至新位置，用该位置修复原选区目标：用当前选区去修复其他位置透明：未勾选仅边缘融合；勾选整幅纹理融合使用图案：选区后激活，用预设图案填充内容感知移动工具两大核心功能：移动选定部分自动修复空隙；复制选定部分边缘自动柔化融合。模式：移动（默认）/扩展（复制选区到新位置）结构（1~7）：控制与原图相似度，越小边缘越柔化操作：选择工具→绘制选区→拖曳至新位置红眼工具闪光修复修复闪光灯拍摄导致的人物眼睛发红现象。瞳孔大小（1~100%）：控制修复影响范围，小值仅修较红部分，大值影响整个瞳孔变暗量（0~100%）：控制修复后瞳孔变暗程度，越大越接近自然暗度使用：在红眼区域框选即可自动识别并修复💡5种工具选用口诀：小瑕疵→污点·大瑕疵→修复画笔·区域→修补·移物→内容感知·红眼→红眼工具颜色（0~10）：调节修补区域色彩融合度，越高越自然2.8图章工具组仿制图章工具

图案图章工具仿制图章工具用来复制取样的图像。使用方法：

图章工具组包含仿制图章工具和图案图章工具，两款工具分别用来复制取样图像和预设的图案。(1)模式：设置绘制出的图案与原图像的混合模式。(2)对齐：若勾选该复选框，多次绘制的图案将保持连续平铺特性，

即便分次绘制，图案依旧保持连续平铺的效果；若取消

勾选该复选框，分次绘制出的图案之间没有连续性。(3)印象派效果：勾选该复选框，绘制的图案会呈现印象派艺术质感。图案图章工具用来绘制预设的图案。首先要按住“Alt”键在图像上单击鼠标左键取样，然后在图像中拖曳鼠标，就会实现图像的复制。与修复画笔工具类似，但复制后图像不会与周围像素融合，保持清晰边缘。2.9历史记录画笔工具组历史记录画笔工具

历史记录艺术画笔工具历史记录画笔工具与“历史记录”面板结合使用，可将图像恢复到“历史记录”面板中某个操作的状态。

历史记录画笔工具组包含历史记录画笔工具和历史记录艺术画笔工具两个工具历史记录艺术画笔工具的功能是使用指定历史记录状态或快照中的源数据，以风格化描边进行绘画。2.10模糊工具组

模糊工具组包含模糊工具、锐化工具

模糊工具锐化工具涂抹工具模糊工具的功能是柔化图像，主要通过柔化图像中较突出的色彩和僵硬的边界，从而使图像的色彩过渡平滑，产生模糊效果。锐化工具的作用是提升像素对比度，使图像呈现更清晰的视觉效果。涂抹工具的使用效果类似于用笔刷在未干的油画上涂抹，会留下刷子划过的痕迹，且涂抹起始点的颜色会随工具滑动而延伸。（1）强度：用于定义涂抹的力度，数值越大，涂抹效果越明显。（2）手指绘画：勾选该复选框后，使用前景色在图像上涂抹，效果类似蘸取颜料在未干的油墨上绘画；若按住“Alt”键同时在图像上涂抹，可实现手指涂抹的效果。2.11加深减淡工具组

加深减淡工具组包含减淡工具、加深工具和海绵工具。

减淡工具加深工具海绵工具减淡工具的作用是使颜色减淡，提高图像的亮度，通常用于对局部图像的增亮。加深工具的作用是使图像变暗、颜色加深，通常用来修复曝光过度的图片，或者使图像的局部变暗。海绵工具的作用是改变图像局部的色彩饱和度。（1）模式：有“加色”和“去色”两个选项。若选择“加色”，则海绵工具将增加图像的色彩饱和度，使图像变得更加鲜艳；若选择“去色”，则海绵工具将降低图像的色彩饱和度。（2）自然饱和度：勾选该复选框后，降低饱和度时，对饱和度高的部位降低效果明显，对饱和度低的部位影响较小；提高饱和度时，对饱和度高的部位影响较小，对饱和度低的部位提高效果明显。（1）范围：有“阴影”“中间调”“高光”3个选项。选择“阴影”选项时，加亮的范围主要是图像框，可尽较暗的部分，其他部分变化不明显；选择“高光”选项时，加亮的范围主要是图像较亮的部分；选择“中间调”选项时，加亮的范围主要是图像中介于较暗和较亮之间的区域。（2）曝光度：用于控制减淡的速度发生色偏。（3）保护色调：勾选该复选可能减小对阴影和高光的修剪影响，还能防止颜色感谢观看

Photoshop平面设计

（第2版）

Photoshop平面设计（第2版）

Photoshop平面设计

（第2版）

模块3图层、通道、蒙版与电商视觉设计

图层、通道、蒙版是Photoshop中三大核心技术，其中，图层承载着图像的所有元素，实现分层编辑与灵活调整；通道既存储图像的颜色信息，又能精准保存选区，为复杂抠图提供技术支撑；蒙版则是通过黑白灰的控制，让设计修改更安全、更高效。本模块围绕图层、通道、蒙版的核心功能，结合冰纯饮料海报、电商面霜主图、小熊抠图换背景、秋日奶茶海报4个电商案例，讲解其操作步骤与原理，助力读者掌握相关工具，有效提升电商视觉设计中图像编辑与合成能力。【学习导读】

知识目标1．掌握图层的核心概念与分类，熟悉图层混合模式的效果逻辑与适用场景。2．明晰通道的功能与类型，理解通道与图像色调、选区的关联。3．理解蒙版的原理与分类，厘清蒙版与选区、通道的转换关系。4．了解电商视觉设计的技术规范，明确电商主图、海报、详情页中图层分层的命名与管理标准、通道抠图的精度要求、蒙版融合的自然度准则。【学习目标】

技能目标1．能够通过菜单、快捷键操作图层；会运用图层混合模式优化电商视觉效果；能创建图层组管理多图层文件，提升设计效率。2．能够使用通道完成图像抠取操作。3．能够创建图层蒙版，并通过画笔、渐变工具调整可见范围，实现产品与背景的自然过渡。4．能够运用图层、通道、蒙版技法制作电商主图、促销海报等作品，使作品满足电商平台的视觉标准与商业需求。【学习目标】

素养目标1．培养电商视觉设计思维，提升细节把控与创新能力，形成规范、高效的设计工作习惯。2．强化商业设计思维，让设计既具技术质感，又能服务于产品转化。【学习目标】电商视觉设计核心原则色彩、版式与图文应用技巧平台适配要点3.1电商视觉设计核心知识01信息层级清晰优化信息的组织与排布，去除冗余干扰，帮助用户在3秒内快速定位核心答案。02视觉焦点集中运用对比与强调手法建立视觉秩序，将用户的注意力引导到关键按钮，提升转化。03品牌风格统一统一界面色彩、字体与组件规范，让用户形成稳定认知，构建独特可识别的视觉资产。1.电商视觉设计核心原则信息层级清晰01布局结构：遵循用户的视觉习惯用户浏览界面的视线轨迹并非随机游走，而是遵循着既定的生理与心理模式。掌握并应用这些模式，是设计出清晰信息层级的第一步。F型布局：聚焦信息密度适用于承载大量文本与功能入口的页面。视线先横向扫描顶部，再向下并重复横向，最后沿左侧垂直浏览。技巧：将核心卖点置顶，左侧保留导航与关键列表，右侧弱化次要信息。Z型布局：强化视觉引导专为简洁的视觉型页面设计。视线呈“Z”状跳转，快速获取全局信息。技巧：左上角放强视觉元素，右下置行动按钮。典型F型展示层级分明的列表式排布

高效浏览多内容典型Z型展示流畅的视觉动线

强调视觉与行动转化💡设计原则：按场景选用布局，让用户的视线“走捷径”直达目标。信息层级清晰01字体系统：对比建立优先级字体是信息层级的核心工具。通过对字体的字重、字号和颜色进行差异化处理，能在页面中清晰划分主次关系，引导用户视线自然流动。字号与字重：核心标题放大加粗，正文与辅助说明逐级减小、减轻，形成清晰的阅读层级。色彩强调：仅对价格、优惠、核心卖点等关键信息使用品牌主色高亮，避免色彩滥用造成信息混乱。02视觉对比：差异强化焦点｜放大核心视觉元素，配合留白与高饱和度色块，让按钮、主图等关键组件瞬间从背景中“跳脱”，强化用户第一注意力。示例：思源黑体不同字重的视觉表现，字重差异直接影响信息层级。视觉焦点集中01.对比色：制造视觉冲击运用互补色（如红与绿、蓝与橙）制造强张力，或通过明暗反差突出元素。适合强调促销标签、关键按钮等，能瞬间打破平衡，牢牢锁定用户第一视线。02.留白：高级的视觉呼吸感在核心信息周围刻意留出空白区域，避免画面拥挤。既能让产品或文案成为绝对焦点（如苹果官网），又能降低信息密度，传递精致高端的品牌质感。引导线：通过箭头、线条等显性元素，或人物视线、产品排列等隐性动线，规划用户浏览顺序。视觉锤：打造独一无二的品牌符号，像“锤子”般将品牌记忆砸进用户心智，形成强识别度。留白典范苹果官网极简布局，以大量空白衬托产品，让每一个像素都为核心服务。隐性引导广告中模特视线与动作自然指向产品，无需多余线条，让用户目光自行聚焦。将这些方法组合运用，能系统化地设计出“吸睛”又“顺心”的界面，提升用户停留与转化。品牌风格统一01色彩体系：传递品牌的情感与个性确定代表品牌核心价值的主色，搭配辅助色丰富层次，并以中性背景色承载信息，让色彩成为用户感知品牌温度的第一语言，例如淘宝的红色传递出热情活力的消费氛围。02字体系统：塑造品牌的语气与调性筛选符合品牌性格的专用字体，并制定严谨的字号层级与使用规范。统一的字体规范能够在不同场景下稳定传递品牌的沟通语气，强化专业、统一的品牌印象。03｜视觉元素库：构建以Logo为核心的超级符号体系，延伸统一风格的辅助图形与图标，让品牌在每一个用户触点形成可识别的视觉记忆。典型案例展示：

左为淘宝APP界面，其高饱和度橙色系构建了热情活力的视觉场；右为网易严选，以低饱和中性色体现简约、生活方式的品牌调性，二者均通过统一的视觉系统强化了用户认知。

2．色彩、版式与图文应用技巧色彩应用需结合品类特性与用户心理，生鲜类常用绿色、橙色传递新鲜活力；家电类多用蓝色、灰色体现科技质感。同时需合理把控色彩对比，如促销信息采用红底白字设计，兼顾视觉冲击力与画面可读性。色彩如何触发用户第一印象色彩是用户点击前的无声对话色彩是用户接触页面的第一视觉信号，在0.05秒内即形成初始印象暖色调红、橙、黄：激发兴奋感与行动欲望常用于促销与食品品类高明度轻盈透气，低明度沉稳厚重品类特性与用户预期的精准匹配冷色调蓝、绿、灰：传递信任感与专业度多见于科技与家电品类高明度轻盈透气低明度沉稳厚重生鲜品类的鲜活配色法则绿色+橙色=源头直供的品质信号配色法则天然有机健康绿色象征天然、有机与健康，锁定蔬菜水果及生鲜类目激发食欲活力橙色激发食欲与活力感，传递刚从田间采摘的新鲜度源头直供联想绿橙搭配形成自然色系组合，强化源头直供的品质联想避免灰暗色调防止削弱生鲜品类的生命力表达家电品类的科技感配色方案克制用色，是科技高级感的核心来源家电品类科技感配色方案理性信任首选蓝色传递理性、信任与专业，科技品牌的首选主色调质感稳重基调灰色体现质感与稳重，大面积灰底搭配亮色点缀避免沉闷冷静克制氛围蓝灰组合营造冷静克制的视觉氛围，契合家电品类的耐用属性高端科技联想金属光泽或渐变点缀，提升产品的高端科技联想栅格系统的设计价值隐性结构决定显性体验结构规范12列或24列标准划分，元素间距遵循栅格倍数关系体验价值降低认知负担让视线按预设路径自然流动创意关系有序呈现的基础设施栅格不是束缚创意的框架，而是让创意有序呈现的基础设施栅格不是束缚，而是让创意有序呈现的基础设施移动端的单屏聚焦策略垂直流式布局采用垂直流式布局，上下滑动依次浏览一屏一信息单屏聚焦1个核心信息，一卖点一图一文，杜绝堆砌拇指热区适配关键内容置于屏幕上半区，适配拇指热区滑动节奏由信息层级控制，重要信息占更大屏幅我到了。3．平台适配要点不同电商平台具备差异化视觉规范：主打“促销感”的平台，主图可添加“限时秒杀”“买一送一”等营销标签；主打“品质感”的平台，首页多采用深色背景搭配金属质感元素；主打“场景化”的平台，主图常使用短视频截图，展示产品在生活场景中的实际使用效果。此外，设计画面需适配不同设备屏幕，合理控制移动端详情页高度，降低用户滑动频次，提升阅读体验。主打促销感的平台：淘宝、拼多多核心目标：快速传递“便宜”“划算”“限时”的即时消费信号，利用视觉刺激直接激发用户的冲动消费欲望，弱化理性比价过程。01.色彩：高饱和强对比大量运用红、橙、黄等高饱和度暖色作为主基调，瞬间抢占视觉焦点；通过强反差配色（如黄字红底）强化促销标签，营造热烈、紧张的抢购氛围。02.字体：夸张化信息层级选用粗实醒目的无衬线字体强化冲击力；刻意拉大价格、折扣数字的字号差距，形成强烈视觉层级，让用户一眼捕捉到“优惠力度”，降低决策门槛。03.布局：高密度引导点击采用高密度信息排布营造“琳琅满目”感，并叠加“限时秒杀”“百亿补贴”等营销标签，引导视线聚焦转化按钮。平台视觉案例：左图为淘宝双11促销页，大面积高饱和红色与巨大的艺术字体构建节日狂欢感；右图为拼多多百亿补贴视觉符号，用直白的利益点“买贵必赔”与动态金钱元素，强化“全网低价”的心智认知，均精准贴合平台“强促销”的核心定位。主打品质感的平台：天猫、京东核心目标：营造专业、精致、值得信赖的品牌形象，以此提升用户对入驻品牌的认同感与消费信心，打造区别于普通货架的高价值感购物环境。01.色彩策略：低饱和度与高级感摒弃高饱和、刺眼的配色，多用莫兰迪色、高级灰等柔和色系构建宁静优雅的氛围；同时规范品牌主色的点缀应用，在统一视觉基调中强化品牌识别度。02.字体策略：优雅易读与品牌调性统一选用简洁优雅的无衬线字体，通过精细化调整字重、字间距保证极佳的阅读体验；配合严格的网格对齐规范，传递严谨专业的品牌气质。03.布局策略：简洁留白与模块化以大面积留白突出产品主体，减少视觉干扰，提升精致感；所有信息按功能拆分为独立模块，如卖点展示、详情介绍等，让用户快速精准定位。▲平台产品详情页示例：规整布局与精致排版展现专业品质感神谕。主打场景化的平台：抖音、小红书核心目标：通过构建真实、有共鸣的生活场景，讲述产品背后的故事，深度激发用户的情感认同，并最终唤起用户的“种草”与消费欲望。01.用画面营造“身临其境”的代入感摒弃生硬产品图，优先使用贴近日常的真实场景素材，配合光影、色调与构图营造强烈“氛围感”，让用户在视觉上快速将产品嵌入自己的生活瞬间。02.以故事传递价值，直击用户痛点采用第一人称视角的叙事逻辑，弱化广告感，强化“朋友分享”般的信任感。每一条内容都围绕“用户的某个困扰如何被产品轻松解决”展开，完成价值传递。03.双平台特性：情绪冲击vs深度决策抖音：即时情绪与视觉冲击驱动点击；小红书：实用细节支撑深度种草与消费决策。案例示意：小红书笔记通过精美的场景化排版与真实体验分享，将“美食推荐”转化为可信任的决策参考，充分体现了场景化种草的特征。案例

6

制作汽水海报——认识图层案例解析

熟练掌握新建文件的方法。

熟练掌握新建图层的方法。

熟练掌握复制、删除图层的操作。

学习图层样式的使用方法。

掌握图层之间的层级关系。3.2图层的基本操作4．更改图层顺序1．新建图层2．复制图层3．删除图层4．更改图层顺序5．显示/隐藏图层内容6．链接图层7．合并图层8．创建图层组3.3“图层”面板中其他选项功能不透明度：调整除背景图层以外图层的不透明度，数值越小，图像越透明。锁定透明像素：锁定透明像素后，仅可在图层已有图像区域内进行操作。锁定图像像素：图层无法使用画笔工具编辑。锁定位置：锁定图层位置后，不能使用移动工具移动图像。防止在画板和画框内外自动嵌套：可避免图层因拖动在画板与画框间自动归位，实现图层位置精准控制。

全部锁定：全部锁定后，无法对该图层进行任何操作。填充：填充与不透明度均可调整图像不透明度；不透明度用于调整图层整体的不透明度，而填充仅调整除图层样式以外图像区域的不透明度。案例

7

制作面霜产品主图——美化图层案例解析

使用叠加图层混合模式，增强化妆品瓶身的立体感。

使用颜色图层混合模式，提升化妆品瓶身的通透感。

为“色阶”图层设置线性光图层混合模式，提高化妆品瓶身的色彩饱和度。3.4图层混合模式正常：在正常模式下，各图层的图像不发生任何混合，但用户仍可通过设置不透明度及填充数值，使当前图层与下方图层产生一定的混合效果。正片叠底：在此模式下，软件将上方图层颜色与下方图层颜色混合，结果画面会更暗，白色完全不影响下方图层，黑色则会完全覆盖下方内容。该模式适合添加阴影、加深颜色，在合成图像时保留暗部细节，能产生厚重、内敛的混合效果。滤色：与正片叠底相反，滤色模式通过模拟光线透过多层滤镜的原理实现混合。上方图层的颜色与下方图层颜色混合后，画面会更亮，黑色则完全不影响下方图层。该模式适用于提亮图像、创建发光效果、淡化阴影区域，能产生轻盈通透的混合效果。3.4图层混合模式叠加：最终效果取决于下方图层，同时当前图层的明暗对比效果也将直接影响整体效果，叠加后下方图层的明暗对比仍被保留。该模式用于增强图像质感、融合纹理、强化光影层次，让混合效果自然且保留原图细节。强光：强光模式复合或过滤颜色，具体取决于混合色，其效果与耀眼的聚光灯照在图像上相似。用纯黑色或纯白色绘画，会在图像上产生纯黑色或纯白色。该模式用于增强图像对比度、添加光影效果。色相：色相模式通过保留当前图层的色相信息，同时结合下方图层的亮度和饱和度来实现混合效果，可用于为黑白照片上色。3.5图层样式图层样式是Photoshop最出色的功能之一，仅需设置几个参数即可获得出色效果10种图层样式样式名称样式名称投影内阴影外发光内发光斜面和浮雕光泽颜色叠加图案叠加渐变叠加描边智能链接特性自动链接与图层内容自动链接，编辑或复制时样式智能适配协调统一始终保持与图层内容的协调统一效率提升大幅提升设计效率两种添加图层样式的方法方法一：样式面板快速套用一键套用选择目标图层后单击预设样式大量现成样式丰富预设库，即选即用清除样式选择"默认样式（无）"即可清除方法二：自定义精细设置添加图层样式单击按钮从菜单选择类型精准控制手动设置参数，精细调整效果适合个性化调整按需定制，实现独特视觉效果快速套用与精细定制互补，根据实际需求灵活选择投影样式参数详解基础属性混合模式与颜色设置阴影与图层的混合方式，可自定义颜色不透明度控制阴影透明度，数值越低越淡角度改变光线方向影响投影，可统一全局光源空间形态距离阴影偏离图像的距离，数值越大越远扩展阴影强度，100%为实边，默认0%大小阴影区域的模糊范围进阶效果等高线创造特殊轮廓外观，线型越复杂越独特杂色阴影产生斑点效果，数值越大越明显图层挖空投影投影中剪去对象形状，仅保留周围阴影内阴影样式详解为图层的内部添加阴影效果，营造向内凹陷的视觉感受与投影的共性参数类型与投影基本一致混合模式不透明度角度、距离、大小关键差异·阻塞参数控制阴影从边缘向内收缩的程度与投影中的"扩展"相似，用于设置内阴影的强度数值越大，边缘越清晰锐利按钮按下状态交互反馈雕刻效果质感表现内凹界面空间层次VS外发光与内发光效果外发光外边缘光环为图层图像外边缘添加光环效果分离对象将图层对象从背景中分离出来，增强视觉层次纯色与渐变支持纯色外发光与渐变色外发光两种效果内发光内边缘发光在图像内边缘添加发光效果居中发光从中心向外扩散边缘发光从边缘向内延伸斜面和浮雕样式详解在图像边缘添加高光和暗调带，使图层边缘产生立体斜面与浮雕效果五种样式类型外斜面图层外部边缘凸起内斜面图层内部边缘凹陷浮雕效果整体凸起枕状浮雕边缘内凹、中心凸起描边浮雕仅沿描边边缘四大关键参数方法边缘风格呈现方式：平滑/雕刻清晰/雕刻柔和深度控制凸起或凹陷程度，数值越大立体感越强光泽等高线创建金属光泽外观，影响图层效果与图层内容本身高光/阴影模式分别设置高光与阴影部分的混合模式、颜色及不透明度光泽与叠加类样式光泽增添质感，叠加类样式快速改变图层外观光泽样式柔和表面反光默认值实现微妙高光金属质感调整等高线创造丰富效果叠加类样式三种样式可在正片叠底等混合模式下使用，产生不同叠加效果颜色叠加将指定颜色覆盖到图像上渐变叠加将渐变色应用到图像表面图案叠加用预设图案填充图层内容描边与图层样式管理描边样式颜色描边纯色轮廓线渐变色描边渐变轮廓效果图案描边图案填充轮廓可灵活设置描边宽度与位置图层样式管理01路径一"样式"面板→"创建新样式"按钮→"新建样式"对话框02路径二"图层"面板→双击"效果"项目→"图层样式"对话框→"新建样式"按钮注意区分操作对象是某种样式还是图层的整体效果描边增强边界感，样式管理提升工作效率案例

8

抠取小熊换背景——通道抠图案例解析

利用通道与色阶调整制作小熊选区。

利用图层样式及色阶修正图像。3.6认识通道六种通道类型解析"六种通道，三种信息角色：预览控制·选区存储·专色印刷"预览控制组复合通道同时预览并编辑所有颜色通道的快捷方式，RGB/CMYK/Lab模式分别对应同名复合通道颜色通道保存图像颜色信息，RGB3通道（红绿蓝）、CMYK4通道（青洋红黄黑）、Lab3通道（L、a、b）单色通道存储单一颜色信息，高级调色操作基础；删除任一通道后全图变为

黑白模式选区存储组Alpha通道保存选区的灰度图像，白色=选中区、黑色=未选区、灰色=羽化区；可用涂抹方式动态调整选区范围临时通道快速蒙版或图层蒙版状态下的暂存通道，脱离状态即消失；可拖曳保存为

Alpha通道

备用专色印刷组专色通道存储专色信息，通过蒙版式功能精准定义

CMYK四色油墨之外

的特殊油墨区域，常见于

包装、海报、画册

等高品质印刷品通道面板操作与Alpha通道创建操作路径/条件效果彩色显示通道编辑→首选项→界面→勾选灰度通道转为彩色显示分离通道面板菜单执行，源文件自动关闭多通道拆分为独立灰度图像合并通道要求：灰度模式、同尺寸、已打开多灰度图合并为单一图像通道面板核心操作与Alpha通道五种创建路径Alpha通道·五种创建路径新建空通道单击"创建新通道"按钮，默认黑色；Alt+单击可调对话框选区直接存储单击"将选区存储为通道"，白=选区，黑=未选中，灰=羽化菜单命令存储选择→存储选区，对话框中命名保存快速蒙版转正将"快速蒙版"暂存通道拖曳至"创建新通道"按钮反向载入选区单击"将通道作为选区载入"或Ctrl+单击缩览图案例

9

制作奶茶海报——蒙版的应用案例解析掌握蒙版工具的使用方法。利用蒙版将奶茶与背景自然融合。3.7认识蒙版快速蒙版与图层蒙版快速蒙版·临时性选区工具临时蒙版退出后自动消失，用于快速创建不规则选区进入与涂抹单击"以快速蒙版模式编辑"进入，画笔涂抹目标区域，通道面板生成斜体临时通道增减与切换黑白涂抹增减蒙版区域，对话框可切换被蒙版区域/所选区域逻辑，自定义叠加颜色图层蒙版·永久性非破坏编辑核心机制白色显示、黑色隐藏、灰度半透明，所有操作不破坏原始图像操作集合三种创建：无选区生成白色蒙版；有选区生成选区蒙版；"贴入"命令自动将复制图像嵌入选区。四项操作：单击选中蒙版；Alt+单击单独显示蒙版；Shift+单击停用蒙版；Ctrl+单击将白色区域转为选区蒙版的核心价值：可逆编辑，灵活控制矢量蒙版与剪贴蒙版矢量蒙版核心定义通过路径和矢量形状控制显示区域，边缘清晰锐利优先级规则可与图层蒙版共存，矢量蒙版优先级高于图层蒙版创建方法"图层-矢量蒙版-显示全部"/Ctrl+单击"添加图层蒙版"/"图层-矢量蒙版-隐藏全部"/Ctrl+Alt+单击"添加图层蒙版"编辑要点自动生成于"路径"面板，需用钢笔工具或矢量图形工具编辑；栅格化后可使用位图工具剪贴蒙版核心定义由两个及以上图层构成，基层轮廓限制内容图层显示范围基层限制仅可存在一个基层，可包含多个内容图层创建方法Alt+单击两图层间分隔线/"图层-创建剪贴蒙版"/Ctrl+Alt+G快捷键/右键"创建剪贴蒙版"取消方法"图层-释放剪贴蒙版"或再次按Ctrl+Alt+G3.8选区、通道与蒙版的关系选区、通道、蒙版——三者灵活转换，设计自由①

选区

快速蒙版快速蒙版是制作选区的一种方法，二者可相互转换；创建并编辑快速蒙版得到选区，也可将选区转为快速蒙版进行精细编辑②

选区

图层蒙版按住Ctrl键单击图层蒙版缩览图可将蒙版转为选区；选区存在时单击"添加图层蒙版"按钮可将选区添加为图层蒙版④Alpha通道

蒙版图层蒙版、快速蒙版都会在"通道"面板产生临时通道，将临时通道拖曳至"创建新通道"按钮上，即可保存为Alpha通道③

选区

Alpha通道执行"选择-存储选区"命令或单击"将选区存储为通道"按钮，可将选区保存为Alpha通道；执行"选择-载入选区"命令、按住Ctrl键单击Alpha通道缩览图，或单击"将通道作为选区载入"按钮，可将Alpha通道转换为选区实战要点：通道抠图需注重对比通道的选择与精细涂抹，确保边缘过渡自然；图层混合模式选择需结合产品特性与场景需求，避免过度叠加导致画面杂乱感谢观看

Photoshop平面设计（第2版）

Photoshop平面设计

（第2版）

模块4路径与标志设计

【学习导读】路径与标志设计是Photoshop矢量设计的核心应用领域•路径作为精准绘图的基础，通过锚点、线段与控制柄的组合，能够实现灵活且不失真的图形创作•标志设计则是将路径、形状、文字等元素融合，打造兼具识别性与美感的视觉符号本模块将通过3个实操案例，层层递进地引导读者掌握路径相关核心技能：1制作宣传页——路径的使用设计企业Logo——文字跟随路径设计店铺Logo——画笔对称工具的使用从路径的基础认知、形状工具的灵活运用，到钢笔工具的精准绘图、文字与路径的创意结合，再到画笔绘画对称功能的特效制作23本模块将通过3个实操案例，层层递进地引导读者掌握路径相关核心技能：

知识目标1．掌握路径的核心概念，理解锚点、线段、控制柄的功能，明确闭合路径与开放路径的区别及应用场景。2．熟悉路径工具组、形状工具组、路径选择工具组的分类及核心功能。3．掌握“路径”面板的常用操作，理解路径与选区、填充、描边之间的转换逻辑。4．掌握文字跟随路径的原理，理解画笔绘画对称功能的参数设置与效果关联逻辑。5．了解标志设计的基本规范，掌握路径、形状、文字、素材在Logo创作中的融合技巧。【学习目标】

技能目标1．能够熟练使用钢笔工具绘制直线、曲线路径，并使用添加锚点工具、删除锚点工具、转换点工具精细化调整路径形状。2．能够灵活运用形状工具组绘制各类基础形状与自定形状，掌握路径运算与排列对齐技巧。3．能够熟练操作“路径”面板，实现路径与选区的转换、路径填充、路径描边等核心操作。4．能够实现文字沿自定义路径排列，精准调整文字位置、间距与路径距离，完成创意排版。5．能够运用画笔绘画对称功能制作对称装饰元素，结合图层复制、缩放、颜色调整等操作，打造具有层次感的图形效果。【学习目标】

素养目标1．培养精准绘图的耐心与细致度，在路径调整、锚点编辑等操作中提升细节把控能力。2．激发创意设计思维，在标志设计中学会融合色彩、形状、文字的视觉表达，提升作品的审美价值。3．培养问题解决能力，能够根据设计需求选择合适的工具与方法，优化设计流程，提升创作效率。【学习目标】4.1标志设计概述标志设计旨在通过简洁、易记的图形或文字组合，传达企业、产品或服务的独特身份与价值工具融合路径工具的精准绘图能力、文字排版技巧及图层管理功能矢量优势路径基于矢量结构，作品可无限缩放不失真，支持反复编辑调整品牌功能标志是品牌与用户沟通的第一视觉语言，承载核心识别功能四大要素决定标志品质识别性—独特形状、色彩与排版，确保跨媒介快速识别简洁性与可扩展性—矢量路径设计，无限缩放不失真，适配信笺、图标、广告等多场景色彩与文字融合—贴合

品牌调性

，兼顾色彩心理学；字体风格、字距与图形和谐搭配规范性—避免过度复杂，保障多背景可见性；测试

黑白效果版本

，确保通用适配4.1标志设计概述表现形式分类六种形式，适配不同品牌传播场景了解文字、图形、图文结合等标志类型4.1标志设计概述文字、图形与图文结合文字类标志以汉字、英文、数字、拼音或组合文字为载体，通过字体变形、笔画调整、间距优化传递品牌气质优势在于"见字知牌"，辨识度极强，能快速传递品牌名称，适合新品牌初期形象搭建图形类标志由纯图形构成，以具象写实图案或抽象符号传递品牌核心气质优势在于实现跨语言、跨地域无障碍传播，直观传递品牌性格，依靠视觉建立独特记忆点图文结合类标志文字与图形搭配的复合形式，是各行业应用最广泛的标志类型文字明确品牌名称避免混淆，图形强化视觉联想传递品牌属性，二者相辅相成，有效降低用户认知成本符号、徽章与动态标志符号类标志极简图标为核心，高度凝练的视觉语言

传递品牌信息视觉负担小、传播效率高适配：社交平台、App应用、快消品等碎片化场景徽章类标志封闭轮廓为载体，文字与图形组合，风格

庄重正式传递专业可信的品牌气质适配：政府机构、院校、老字号、荣誉认证等领域动态类标志融入渐变、旋转、闪烁等

动态效果

，依托数字化场景吸引注意力视觉冲击力强，打破静态局限适配：短视频平台、App启动页、电子广告屏等，覆盖科技、娱乐、传媒行业案例

10

制作宣传页——路径的使用案例解析

熟练使用钢笔工具绘制图形。

熟练使用形状工具绘制图形。

熟练掌握复制、删除图层的操作方法。

掌握锚点、线段、控制柄的使用方法。4.2认识路径路径由四大要素构成类型特征闭合路径无起点和终点，形成封闭图形开放路径有明显起点和终点，呈线段状核心构成锚点—标记路径段的端点，决定路径的起始与转折位置线段—直线段或曲线段，连接相邻锚点方向线—从锚点延伸出的控制柄方向点—方向线末端的圆点，与方向线共同决定

曲线的形状和大小路径类型路径的创建方式与多样用途钢笔工具绘制精确绘制直线或曲线路径锚点工具调整添加、删除、转换锚点实现精细化编辑路径不止于绘制，更是选区与特效的基础选区转换将路径转换为选区，实现精确的区域选择描边绘制直接描边路径，实现图形边缘的平滑绘制排版合成用于文字排版与图像合成填充着色路径转选区后，对特定区域填充颜色或渐变边框特效结合图层蒙版与路径描边，制作独特的边框效果面板管理在"路径"面板中保存和管理多条路径，便于后续编辑与复用4.3形状工具形状工具组一览与矩形形状创建按键功能Shift拖曳绘制正方形Alt以单击点为中心创建矩形圆角控制柄调整

圆角半径形状工具组六成员矩形工具·椭圆工具·三角形工具·多边形工具·直线工具·自定形状工具矩形工具·形状模式核心流程选项栏设置

"形状"

模式→系统自动生成新图层→绘制矢量图形选项栏三大核心设置填充—设置形状填充颜色描边—设置描边颜色、粗细、线型W/H—设置精确宽度和高度三项快捷操作路径操作的六种方式六种路径操作，灵活控制形状之间的组合与运算关系基础组合新建图层每个新形状单独生成图层；取消勾选则绘制在同一图层合并形状多个形状合并为整体，重叠区域无特殊运算减去顶层形状上方形状"挖除"下方形状的重叠区域高级运算与形状区域相交仅保留重叠区域，隐藏非重叠部分排除重叠形状保留非重叠区域，隐藏重叠部分合并形状组件将多个子形状合并为单一组件，便于整体编辑路径对齐与分布功能详解对齐功能（需选中两个及以上形状图层）左对齐水平方向水平居中对齐水平方向右对齐水平方向顶对齐垂直方向垂直居中对齐垂直方向底对齐垂直方向分布间距：单击"垂直分布"或"水平分布"按钮，使形状按相等像素间距排列，可自定义精确像素距离分布功能（需选中三个及以上形状图层）按顶分布垂直方向垂直居中分布垂直方向按底分布垂直方向按左分布水平方向水平居中分布水平方向按右分布水平方向对齐参考："选区"以当前选中形状整体范围或蚂蚁线选区边界为参考；"画布"以画布边界为参考对齐形状路径排列与补充操作层级控制：四种排列方式将形状置为顶层—移到最上方，覆盖其他重叠区域将形状前移一层—向上移动一个层级将形状后移一层—向下移动一个层级将形状置为底层—移到最下方，被其他形状遮挡参数精确设置画布单击→弹出

"创建矩形"

对话框，可精确设置

宽度、高度、圆角半径绘制完成后→自动弹出

"属性"面板，便捷调整位置、大小及外观颜色矩形路径模式与像素模式路径模式在选项栏选择路径模式，拖曳绘制

矩形矢量路径选区

按钮：路径转选区，用于填充、色彩调整等像素操作蒙版

按钮：新建矢量蒙版，控制图层显示范围形状

按钮：路径转换为形状图层半径：设置圆角矩形的圆角半径绘制后可精准勾勒轮廓，通过

钢笔工具

调整锚点与曲率进行精细化编辑像素模式在选项栏选择像素模式，拖曳绘制

前景色填充

的矩形图形生成的是

位图

而非矢量图形，无法后期无损调整锚点与形状另找机会下手。可我没想到我会死于那个夜晚。4.4钢笔工具组钢笔工具组概览与基本绘制钢笔工具·自由钢笔工具·内容感知描摹工具.弯度钢笔工具添加锚点工具

·删除锚点工具·转换点工具核心定位创建和编辑路径，也可绘制形状和填充图形三步绘制法单击建点：第一次单击创建锚点，再次单击产生

线段拖曳成曲：按住鼠标拖曳建立带控制杆的锚点，生成

平滑曲线段闭合或开放：回到起点出现小圆圈时单击创建

闭合路径；未回起点则保留

开放路径钢笔工具锚点编辑技巧锚点编辑是路径精准控制的核心——五种快捷键，五种形态变换Ctrl+单击锚点调出控制杆，改变曲线段弯曲程度Ctrl+拖曳线段直接修改路径整体形态Alt+单击锚点删除控制杆，曲线变折线拐角Alt+拖曳锚点新建控制杆，角点变平滑锚点Delete键删除最近锚点，逐步回退绘制辅助钢笔工具详解自由钢笔工具自由拖曳鼠标创建路径，系统自动生成锚点勾选

"磁性的"

复选框，沿图像边缘自动吸附生成路径添加与删除锚点添加锚点工具：在路径上单击即可添加锚点删除锚点工具：单击路径上任意锚点即可删除转换点工具单击平滑锚点→删除两侧控制柄，曲线变折线拐角拖动角点→生成联动控制柄，角点转平滑锚点按住

Alt

拖曳单侧控制柄→打破联动，实现非对称曲线调整智能钢笔工具与弯度钢笔内容感知描摹工具AI边缘识别—智能识别图像边缘，自动精准描摹快速抠图、矢量插画、复杂合成，以更少操作实现

专业级效果弯度钢笔工具一键绘制平滑曲线，无需频繁切换工具平滑点与角点的创建、切换、编辑、添加、删除

一体化完成路径自动适配调整，曲线段与线段

平滑衔接适用于

自定义形状

与精准路径的便捷创建注意：如果钢笔工具中没有“内容感知描摹工具”的话，选择顶部菜单编辑→首