在做PPT时,你一定遇到过这样的窘境——
需要一个"用户头像"图标,模板库里的不贴切,网上下载的风格不统一,自己画又不会。需要一个"手机"图标来表示移动端功能,找遍所有图标网站都没有完全符合设计风格的。想要一个"房屋+放大镜"的组合图标来表示"搜索房源",但PPT只提供了基础的圆形、矩形、箭头——你觉得"用基础形状做图标"是一个不可能完成的任务。
事实上,WPS演示基础形状库中的几十个形状——圆形、矩形、三角形、箭头、流程图符号——就像是设计师手中的"积木"。单个形状看起来很简单,但当它们通过"合并形状"功能进行联合、组合、相交、剪除等操作后,可以组合成任何你想要的图形:从简单的箭头图标,到复杂的手机轮廓、人物剪影,甚至品牌Logo的简化版本。
WPS演示的"形状组合"是PPT设计中"投入产出比"最高的技巧之一——学会它,你就不再需要为了"找一个合适的图标"而中断设计思路。你可以在PPT中直接"造"出你需要的任何图形,并且图形的颜色、大小、旋转角度完全由你控制,风格与PPT完美统一。
本文将从基础形状的操作讲起,系统讲解合并形状的四种模式、图标设计的拆解方法、多形状组合的高级技巧,以及从简单图标到复杂插画的实战案例。
一、基础形状的操作基础
1.1 形状库概览
WPS演示的"插入"→"形状"菜单下,包含了以下几类基础形状:
- 线条: 直线、箭头、曲线、自由曲线、自由图形。
- 矩形: 矩形、圆角矩形、剪去对角的矩形等。
- 基本形状: 圆形、三角形、菱形、平行四边形、梯形、六边形、十字形等。
- 箭头总汇: 各种方向和大小的箭头、箭头标识。
- 公式形状: 加号、减号、乘号、除号、等于号等。
- 流程图: 流程框、判定框、文档框、数据框等。
- 星与旗帜: 五角星、六角星、爆炸形、卷边形等。
- 标注: 各种气泡、引语框、标注框。
这些形状是后续所有组合操作的基础。虽然每个形状看起来都很简单,但通过组合和变形,它们可以演变为非常复杂的图形。
1.2 形状的基本操作
在开始组合之前,需要熟练掌握形状的基本操作:
绘制形状: 点击形状→在页面上拖动鼠标。按住Shift键拖动:保持形状的等比例(圆形、正方形)。按住Ctrl键拖动:以鼠标起点为形状的中心进行绘制。
调整形状: 选中形状后,拖动角落的白色控点调整大小,拖动绿色的旋转控点旋转形状。部分形状有黄色的菱形控点(如圆角矩形的圆角大小、箭头的头部宽度),拖动可调整形状的内部细节。
设置形状格式: 右键→"设置对象格式",可以修改填充颜色、边框颜色/粗细、阴影、映像、发光等效果。文字的填充也在这里调整。
1.3 多个形状的选择与对齐
组合多个形状之前,需要先选中它们:
- 按住Shift键逐个点击:依次选中多个形状。
- 在页面空白处拖动鼠标(框选):框选范围内的所有形状一次性被选中。
- Ctrl+A:选中当前页面的所有对象。
选中多个形状后,"格式"选项卡中的"对齐"功能非常有用:
- 左对齐/右对齐/顶端对齐/底端对齐/水平居中/垂直居中:将选中的形状按指定基准对齐。
- 横向分布/纵向分布:将多个形状等间距排列。
对齐是形状组合中最重要的习惯之一——两个形状没有对齐时,组合后的图形看起来"歪歪扭扭";对齐后,组合效果干净利落。
二、合并形状的四种模式
2.1 联合
联合将两个或多个形状合并为一个形状,合并后的形状保留所有形状的"合集"区域(重叠部分的形状边界消失,合并为一个整体)。
操作方式: 先选中一个形状,按住Ctrl键选中另一个形状 → "格式"选项卡 → "合并形状" → "联合"。
典型应用:
- 将多个基础形状拼接成一个"不规则的复杂形状"——如将三个圆形联合成"三叶草"形状。
- 将文字和形状联合,但更推荐用"剪除"来实现镂空文字效果(见后文)。
效果特征: 联合后的形状是一个完整的新形状——你可以像操作单个形状一样更改它的填充颜色、添加阴影、旋转等。所有内部边界消失。
注意事项: 选中的顺序决定了新形状的颜色继承——先选中的形状颜色作为新形状的基础色。因此联合前先选中你要保留颜色的那个形状。
2.2 组合
组合的功能与联合类似,将多个形状合并为一个形状。区别在于:组合会"修剪"掉重叠区域的边缘线条,产生类似"挖空"的效果。不过在实际操作中,"组合"与"联合"在WPS演示中经常合并为同一个功能的不同变体,取决于具体的软件版本。
实用建议: 在大多数WPS演示版本中,"联合"和"组合"的功能差异较小。日常使用中优先使用"联合"来实现形状的合并。如果联合达不到期望效果,尝试使用"组合"作为备选。
2.3 相交
相交只保留两个或多个形状的"重叠区域",不重叠的部分被删除。
操作方式: 选中两个形状 → "合并形状" → "相交"。
典型应用:
- 从圆形和矩形相交得到"半圆"。"一个圆形和一个矩形的相交"是一种常见的创意形状生成方法。
- 从文字和形状相交得到"异形文字区域"——让文字穿透某个形状,只显示形状与文字重叠的部分。
- 将一张图片与圆形相交,得到圆形裁切的图片效果(比"裁剪为圆形"更可控)。
效果特征: 相交后的形状只有重叠区域保留。用这个功能可以将复杂的形状"切割"为更简单的形状,或将图片裁剪到形状的内部。
2.4 剪除
剪除是四种模式中最灵活、最强大的一个。它从一个形状中"减去"另一个形状的重叠区域。
操作方式: 先选中"被减"的形状(A)→ 再选中"减去的"形状(B,按住Ctrl键选择) → "合并形状" → "剪除"。
关键: 选中的顺序很重要。先选中的形状是"被减者",后选中的是"减除者"。A减去B的结果与B减去A的结果完全不同。
典型应用:
- 镂空文字(最经典): 在矩形上方输入大号文字 → 先选中矩形(被减)→ 再选中文字(减除)→ 剪除。矩形的文字区域被"挖空",露出页面背景(或图片)。
- 制作"缺口"形状: 从一个圆形中剪除一个小圆,得到"圆环"的一段缺口弧。
- 制作箭头/指针: 从矩形中剪除三角形,得到一个指向某一侧的箭头形状。
- 制作月牙形: 从一个大圆中剪除一个小圆(部分重叠),得到月牙或弯月的形状。
效果特征: B形状与A重叠的部分从A中被删除,A的其他部分保留。剪除后的形状保留A的颜色和样式。
三、图标设计的拆解思路
3.1 "图标即形状":看到图标的几何本质
在尝试"画"一个图标之前,你需要训练一种能力:把任何图标拆解为基础形状的组合。
举例:一个"用户头像"图标(人像轮廓) 可以拆解为:
- 头部:一个圆形(填充颜色)。
- 身体:一个圆角矩形或梯形(填充颜色)。
- 整体效果:两个形状的"联合"。
一个"放大镜"图标可以拆解为:
- 镜框:一个大圆形(无填充、有边框)。
- 手柄:一个圆角矩形(倾斜45度,有边框,边框与镜框边框同粗)。
- 连接处:一个小圆角矩形或圆形(用来平滑连接镜框和手柄的交接处)。
- 整体效果:所有形状组合在一起(不合并形状,或者联合后使用)。
一个"信封"图标(邮件图标)可以拆解为:
- 主体:一个矩形(信封的主体)。
- 封口:一个三角形(信封的折叠封口)。
- 线:用一条线(信封上的分界线)或用矩形剪除的方式制作。
练习方法: 打开任意一个图标网站,选择一个你认为"简单"的图标,在脑海中或者草稿纸上把它拆解为基础形状——圆形几个、矩形几个、三角形几个。只需一两周的练习,你就可以快速"看穿"任何图标的几何构成。
3.2 图标的颜色与风格统一
自制图标的最大优势就是"风格统一":
- 填充统一: 同一组图标使用相同的填充色(纯色填充,无渐变)。
- 线条统一: 如果有边框线,所有图标的边框粗度保持一致(推荐1.5pt或2pt)。
- 圆角统一: 如果有圆角,所有图标的圆角半径保持一致。
- 大小统一: 在PPT中,将一组图标的高度统一设置为相同值(如2厘米),宽度按比例缩放。
3.3 从模仿到创作
初学者可以先从"模仿"现有图标开始——在PPT中尝试用形状组合复现一个简单的图标。当你成功复现了5~10个图标后,对形状组合的理解已经足够支撑你开始"创作"属于自己的图标了。创作时遵循"最少形状原则":能用两个形状完成的,不用三个。
四、从简单图标到复杂插画
4.1 简单图标:一个形状组合
实例:箭头图标
两个形状:一个圆角矩形(箭头主体)+ 一个三角形(箭头头部)。两者联合后,填充需要的颜色。三个步骤生成一个可用的箭头图标。
实例:心形图标
两种方法实现:
- 方法一:使用WPS预置的"心形"形状(插入→形状→基本形状→心形)——最简单,但可调整的自由度有限。
- 方法二:用三个形状组合——两个圆形(心形的两个上半圆)+ 一个三角形(旋转45度的正方形,作为心形的下半部分)。三个形状联合后得到心形。这种方法的好处是可以精确控制心形的宽度、高度和弧度。
实例:定位图标(图钉)
- 圆形(定位图标的头部)+ 圆角矩形或梯形(定位图标的尖锐底部)。两个形状联合后填充颜色。
- 如果需要更精细的"图钉"效果:圆形 + 圆角矩形 + 一个小圆(图钉的针头)。
4.2 中等复杂度图标:多形状组合+剪除
实例:云朵图标
- 用3~4个大小不同的圆形和一个椭圆形的底部形状联合而成。
- 最大圆形在中间,两个稍小的圆形在左右两侧上方,底部用椭圆或圆角矩形连接。
- 五个形状联合后,变成一个完整的云朵形状。
实例:设置齿轮图标
- 一个圆形作为齿轮的主体。
- 从圆形中剪除12个均匀分布的小三角形或矩形(模拟齿轮的齿牙间隙)。
- 制作完成后,在齿轮中心添加一个小的无填充圆形作为中心孔。
4.3 简单插画:多个形状组合+分层
当多个图标组合在一起、并加入背景和分层后,就变成了"插画":
实例:桌面工作场景插画
- 一个圆角矩形作为电脑屏幕(主体)。
- 从屏幕中剪除一个更小的圆角矩形作为屏幕显示区域("屏幕中的内容"区域)。
- 一个梯形(或矩形+三角形)作为电脑支架。
- 一个扁平的圆角矩形作为键盘。
- 一个小圆形作为鼠标。
- 一个半圆形作为台灯底座+一个矩形作为灯杆+一个扇形作为灯罩。
- 将所有形状放在同一个页面上,合理安排前后顺序(通过"上移一层/下移一层"调整),形成一个桌面工作场景的扁平插画。
五、高级形状组合技巧
5.1 形状与图片的相交
形状组合不仅能用于形状与形状之间,也能用于形状与图片之间:
- 在页面上插入一张图片。
- 在图片上方画一个形状(圆形、心形、文字等)。
- 先选中图片,再选中形状 → "合并形状" → "相交"。
效果:图片被裁剪到形状的内部——图片中只有与形状重叠的区域保留。这种"异形裁切"不用画矩形裁剪框,可以做出圆形图片、心形图片、文字镂空图片等效果。
5.2 形状与文字的交互
除了"剪除"实现镂空文字外,还可以:
- 将文字与形状"联合":将文字转化为形状的一部分。文字不再是可编辑的文本,而成为形状的一部分。
- 将文字与形状"相交":保留形状与文字重叠的部分。适合制作"文字透出背景"的效果。
5.3 多形状的等距分布
制作一组图标(如6个功能图标)时,需要确保它们之间的间距一致:
- 画出第一个图标(形状组合后统一)。
- 复制5份,排列在水平方向上。
- 选中所有6个图标 → "格式" → "对齐" → "横向分布"。
- 图标之间的间距自动调整到一致。
5.4 形状的图层管理
在复杂插画中,形状的叠放顺序决定了最终的视觉效果:
- "下移一层":将图层向后移动,让其他形状覆盖在上方。
- "上移一层":将图层向前移动,让该形状覆盖在其他形状之上。
插画制作中,通常按照"背景→大块物体→细节物体→前景遮挡物"的顺序从底层到顶层排列。
六、实战案例
6.1 案例一:社交媒体图标组
需求: 为PPT中的"联系我们"页面制作一组社交媒体图标(微信、微博、邮箱)。
制作方法:
- 微信图标: 两个圆角矩形(气泡形状,一个为聊天主体,一个为聊天窗口的"尾巴")+ 两个小圆形(人物头像)。联合后使用品牌绿色填充。
- 微博图标: 一个圆形(基础背景)+ 一个带缺口的圆形(使用剪除实现缺口)。品牌橙色填充。
- 邮箱图标: 一个矩形 + 一个三角形(封口)+ 两个矩形(信封分界线)。品牌蓝色填充。
三个图标统一高度(2.5厘米)、统一填充风格(纯色)、统一对齐到同一水平线。
6.2 案例二:数据分析仪表盘
需求: 制作一个简单的数据仪表盘图标,用于展示报告中的关键指标。
制作方法:
- 一个大半圆形(剪除:圆形中剪除一个矩形,得到180度的半圆)。
- 半圆上添加刻度线——用一系列短直线均匀分布。
- 一个细长的三角形或指针形状(从半圆的圆心指向刻度位置)。
- 在半圆中心添加一个小圆形(覆盖指针的底部)。
三个步骤后得到的一个简洁仪表盘图标,适用于PPT中的"数据看板"页面。
6.3 案例三:流程图专用图标组
需求: 为PPT中的流程说明制作一组统一风格的图标(数据库、服务器、云存储、用户终端)。
制作方法:
- 数据库图标: 三个椭圆(层叠摆放)+ 一个矩形连接椭圆两端。联合后填充颜色。三个椭圆和矩形组合后,看起来像一个圆柱体(数据库的经典象征)。
- 服务器图标: 三个矩形层叠排列(服务器的外观)+ 前方添加几个小正方形(指示灯)。
- 云存储图标: 多个圆形联合形成云朵形状 + 云朵下方一个向上的箭头。
- 用户终端图标: 一个矩形(主体)+ 一个梯形(底座),组合为显示器形状。
七、常见问题
7.1 合并形状功能灰色不可用
- 确认至少选中了两��形状。只选中一个形状时,合并形状功能不可用。
- 确认选中的对象都是"形状"而非"图片"。合并形状不能直接用于图片之间(但形状可以与图片进行剪除和相交)。
- 部分WPS版本中,文字不能直接与形状剪除,需要先选中文字再选中形状(或反过来)。
7.2 剪除后的形状颜色不对
选中顺序决定了剪除后形状的颜色——先选中的形状的颜色被保留。如果剪除后颜色不是你想要的:
- Undo(Ctrl+Z),重新选择(先选颜色想保留的形状)→ 再选另一个形状 → 剪除。
- 最简单的方法:剪除完成后直接更改新形状的填充颜色。
7.3 组合后的形状无法单独修改
联合、组合、相交、剪除后的形状是一个"新形状"——原来的多个形状已经融合为一个整体。如果发现组合后的某些细节需要微调:
- 要么在组合前保存一份"原始形状的副本"(复制到页面外)。
- 要么在组合后接受"整体调整"——调整新形状的大小、旋转、颜色,但无法单独修改其中一个原始形状。
- 如果确实需要修改细节:尝试在新的形状上叠加新的形状来覆盖或增加细节。
7.4 形状组合后边缘不平滑
常见于使用"剪除"或"联合"后,两个形状的接合处出现微小的锯齿或不平滑:
- 如果两个形状的边界不完全对齐,组合后的边缘可能出现微小锯齿。确保在联合或剪除前,两个形状已经通过"对齐"功能精确对齐。
- WPS演示中,所有形状的边界默认有一个极细的边框——如果你的形状设置了边框线(尤其是深色边框),联合后边框线会出现在内部边缘。建议在联合前将形状的边框设置为"无边框"。
八、从图标到设计系统
8.1 建立自己的图标库
当你在PPT中制作了一些图标后,不要用完就丢。将这些图标整理到一个"图标库"页面中,保存在WPS云文档或模板文件中,后续做任何PPT都可以调用。
图标库的组织方式:
素材库.pptx
├── 封面
├── 01_通用图标(箭头/对勾/叉号/加号/搜索/设置……)
├── 02_商务图标(用户/邮件/电话/日历/图表/文档……)
├── 03_技术图标(服务器/数据库/云/代码/设置……)
├── 04_教育图标(书本/笔/奖杯/毕业帽/时钟……)
└── 05_行业图标(根据你的行业定制)
8.2 图标风格指南
建立图标库的同时,也应该建立"图标风格指南":
- 填充色: 与PPT主题色一致的品牌色。
- 线条粗度: 统一为1.5pt或2pt(如果有边框)。
- 圆角半径: 统一为2px或3px(如果使用圆角)。
- 图标尺寸: 默认高度2cm,按比例缩放。
- 阴影: 统一使用"不添加阴影"或"统一的轻微阴影"。
统一的图标风格会让你的PPT看起来像出自一个专业设计师之手。
8.3 形状组合与其他设计技巧的结合
当形状组合与遮罩蒙版、图表动画、母版设计等其他技巧结合时,效果更佳:
- 在遮罩背景上叠加自制的半透明图标。
- 将自制的流程图图标放在流程动画的节点上。
- 在幻灯片母版中预设一组统一的图标,所有页面自动使用。
结语
WPS演示的形状组合功能,把PPT从一个"只能讲别人设计好的内容"的工具,变成了一个"自己设计和制作内容"的工具。当你学会用基础形状组合出你需要的任何图标时,你就再也不需要在设计PPT时因"找不到合适的素材"而妥协。
从一个圆形和一个矩形的相交,到几十个形状联合成的完整插画,形状组合的学习曲线很短——你可以在一个小时之内掌握四种合并模式的用法和差异。真正需要花时间的是"图标思维"的建立——看到任何复杂的图形,都能在脑海中自动拆解为若干个基础形状的组合。
当你能用基础形状"造"出你需要的任何图形时,PPT设计中的素材问题,就已经不再是问题了。