形状
形状是现成的矢量对象:将其拖放到画布上,即可重新着色、调整大小,并与页面上的任何其他元素进行组合。
快速概览
- 打开左侧面板的 形状 选项卡 (
Alt+5)。 - 点击一个形状,即可在画布中心插入它。
- 拖动以重新定位,或使用角手柄调整大小。
- 在属性面板中设置填充、描边、圆角半径、阴影和不透明度。
- 选择多个形状并编组,即可将它们作为一个整体移动和分层,参见编组与图层。
详细参考
可用形状
形状网格包含 30 多种预设,从简单的基本图形到装饰性和自然灵感的形状:
| 组别 | 形状 |
|---|---|
| 基本 | 矩形、圆形、椭圆、三角形、菱形、直线 |
| 几何 | 星形、六边形、五边形、八边形、十字形、环形、拱形、梯形、平行四边形 |
| 装饰 | 心形、丝带、皇冠、盾牌、徽章、边框、箭头 |
| 自然与符号 | 闪电、叶片、火焰、水滴、太阳、月亮、云朵、波浪、斑点、螺旋 |
这些组别仅为阅读辅助。在面板中,所有形状都位于一个可滚动的网格中,没有单独的类别选项卡。
基本形状与复杂形状
| 类型 | 示例 | 圆角半径 |
|---|---|---|
| 基本图元 | 矩形、圆形、三角形、菱形、椭圆 | 仅矩形可调 |
| 复杂路径 | 星形、心形、六边形和其他装饰与自然系列 | 不可调整 |
基本形状是简单的快速图元。其他所有形状均为固定矢量路径,因此可以像任何对象一样重新着色和调整大小,但不提供圆角半径控制。
设置形状样式
选择形状以在属性面板中编辑:
| 属性 | 范围/选项 | 说明 |
|---|---|---|
| 填充 | 无、纯色、渐变、图片 | 与文本及其他对象使用的填充类型控制相同 |
| 描边颜色 | 任意颜色 | 轮廓颜色 |
| 描边宽度 | 0-20 px | 0 可移除轮廓 |
| 边框样式 | 无、实线、虚线、点线 | 基于当前描边宽度重建轮廓 |
| 圆角半径 | 0 px 起 | 仅矩形可用 |
| 阴影 | 无、投影 | 投影可独立设置颜色和模糊,0-100 px,默认为 10 |
| 不透明度 | 0-100% | 应用于整个对象 |
边框样式按钮根据当前描边宽度生成虚线图案:虚线使用长间隔,点线使用紧密的点图案。选择 无 会将描边宽度设为 0。投影固定向右下方偏移,仅可调整颜色和模糊程度。
组合形状
- 编组:选择多个形状并编组,可一同移动、缩放和分层。参见编组与图层。
- 重新排序:上移一层、下移一层、置于顶层或置于底层以控制堆叠顺序。
- 复制:复制形状及其样式。
- 保存以便复用:将形状或已设置样式的编组保存为个人素材,参见我的形状。
当选中一个编组时,更改描边颜色、描边宽度或边框样式会同时应用于组内的所有形状。圆角半径和阴影则应用于作为单个对象的编组本身,而不是单独应用于每个子对象。
分步指南
创建一个圆角徽章形状
- 打开 形状 面板 (
Alt+5),点击 矩形。 - 在属性面板中,将填充设置为纯色,例如在颜色字段中输入
#1E88E5。 - 增加圆角半径,直到矩形的角变圆,形成药丸或徽章形状。矩形是唯一响应此控制的预设形状。
- 可选:添加描边颜色和较小的描边宽度(1-2 px),形成轮廓徽章。
- 在顶部放置文本并将两者编组,参见编组与图层,使徽章及其标签一起移动。
为形状添加柔和投影
- 选择形状。
- 在属性面板中,将阴影切换为投影。
- 设置阴影颜色(黑色呈现自然阴影效果)并提高模糊值以获得更柔和的边缘。模糊值范围为 0 到 100 px,起始值为 10。
- 阴影始终落在右下方;没有单独的偏移控制,因此可通过调整模糊和颜色来调节形状从页面浮起的程度。
将形状轮廓转换为虚线边框
- 选择形状,为其设置描边颜色和至少 1 px 的描边宽度。
- 在边框样式中,点击虚线或点线。虚线图案基于当前描边宽度生成,因此较粗的描边会产生更长的虚线。
- 若要移除轮廓,请在边框样式中点击无,这将把描边宽度重置为 0。
一次性为整个组件设置样式
选择一个编组,然后一次性设置描边颜色。编组内的每个形状都会同步更新,因此图标集或徽章集群只需一步即可保持一致。
常见任务
- 圆角矩形:选中矩形,增加圆角半径。圆形、三角形、星形和编组忽略此控制。
- 移除轮廓:将描边宽度设为 0,或在边框样式下点击无。
- 为仅有填充的形状添加轮廓:在边框样式下选择虚线、点线或实线。如果形状原本没有描边,这将添加一个 1 px 的黑色轮廓,之后您可以更改颜色和加粗。
- 为编组中的所有形状重新着色:选择编组,更改描边颜色或填充;更改会应用于每个子对象。
- 复制并重新设置样式:按
Ctrl+D复制带有样式的形状,然后仅更改副本的填充或描边,以构建一套匹配的素材。 - 保存已设置样式的形状以便复用:右键点击它,选择 保存到我的形状,参见我的形状。
故障排除
- 圆角半径控制无效。 只有矩形支持圆角半径。对于圆形、三角形、星形、心形或任何编组选区,该字段没有可见效果,因为这些都是固定矢量路径,不具备圆角几何结构。
- 描边颜色选择器似乎失效。 如果边框样式设置为无,则描边宽度为 0,因此无论选择什么颜色都不会绘制轮廓。请先选择实线、虚线或点线,然后再设置颜色。
- 选择虚线或点线边框后,添加了一条我不想要的黑色线条。 当形状尚无描边时,选择任何边框样式都会添加一个 1 px 的黑色轮廓以生成虚线。之后请自行设置所需的描边颜色和宽度。
- 编组上的圆角半径或阴影未应用到各个形状。 圆角半径和阴影将编组视为一个对象应用。如果需要单独对每个形状进行圆角或阴影处理,请先取消编组,然后再重新编组。
- 阴影始终指向相同方向。 投影偏移是固定的(右下方向)。请调整颜色和模糊以改变视觉效果;没有偏移滑块。
键盘快捷键
| 快捷键 | 操作 |
|---|---|
Alt+5 | 打开形状面板 |
Ctrl+D | 复制所选形状 |
Delete | 删除所选形状 |
提示
先设置样式,再复制
先设置填充、描边和圆角半径,然后再复制。副本保持相同的样式,因此重复的图案在整个设计中保持一致性。
形状可以容纳图片
将形状覆盖在照片上作为叠加层,或使用选择工具将其转换为框架,使图片放入其轮廓内部。参见选择工具。