平面基础设计 3

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模糊工具组

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

模糊工具锐化工具涂抹工具模糊工具的功能是柔化图像，主要通过柔化图像中较突出的色彩和僵硬的边界，从而使图像的色彩过渡平滑，产生模糊效果。锐化工具