平面基础设计 7

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边缘识别—智能识别图像边缘，自动精准描摹快速抠图、矢量插画、复杂合成，以更少操作实现

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

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

平滑衔接适用于

自定义形状

与精准路径的便捷创建注意：如果钢笔工具中没有“内容感知描摹工具”的话，选择顶部菜单编辑→首选项→技术预览→启用内容感知描摹工具4.5路径选择工具组路径选择工具整条路径操作选择整条路径，可移动、复制、组合、排列、分布操作对象是路径，而非选区或图层直接选择工具选择锚点单击选单个；拖曳框选区域锚点；全覆盖框选选中所有锚点编辑路径拖曳锚点或路径片段改变形状移动路径选中所有锚点后拖曳改变位置复制路径按住Alt键拖曳实现复制填充与描边用前景色填充路径—对路径区域填充前景色；按住

Alt

键单击可打开"填充路径"对话框，支持前景色、背景色、图案等填充用画笔描边路径—使用画笔或铅笔等工具对路径进行描边路径与选区互转将路径作为选区载入—将路径转化为选区；按住

Alt

键单击打开"建立选区"对话框进行详细设置从选区生成工作路径—将选区转化为路径路径管理创建新路径—创建一个新路径删除路径—删除所选路径进阶操作双击路径名可

重命名路径在路径名上单击右键执行"复制路径"命令可

复制路径4.6路径”面板“案例

11设计企业Logo——文字跟随路径案例解析

熟练使用图形工具。

熟练使用文字跟随路径功能。

熟练使用路径选择工具。

熟练使用“字符”面板调整文字属性。4.7路径与文字的结合绘制路径打基础路径是文字排列的基础载体路径轮廓形状决定文字排列走向与视觉形态轮廓形状直接决定文字的排列走向与视觉形态开放路径与闭合路径为不同排版效果提供灵活起点绘制时可选择开放路径或闭合路径，为不同排版效果提供灵活起点01单击路径激活选择文字工具，光标移至已绘制路径上单击，路径即出现文字输入光标02输入自动贴合输入文字，文字会自动沿路径轮廓排列，默认方向与路径绘制方向一致03确认排列规则圆形路径默认沿外侧排列，直线路径则沿线段走向分布04精细调整样式选中文字后，通过"字符"面板可灵活调整字体、字号、颜色、字间距等基础样式让文字沿路径流动精准调控文字位置前后位置滑动01选择路径选择工具单击选中绑定文字的路径02光标移至文字上变为带左右箭头的竖线03左右拖曳文字沿路径滑动，调整起始位置与排列区间毫厘之间，尽在掌控距离远近控制选中文字图层，打开字符面板，找到基线偏移输入正数文字远离路径，产生悬空效果输入负数文字靠近路径，贴