形状元素
学习如何使用矩形、圆形、椭圆和圆角矩形,以及如何设置描边和渐变效果,让您的像素作品更加生动
形状元素类型
通行线像素排版工具支持四种基本形状元素:
矩形
圆形
椭圆
圆角矩形
形状属性面板
在形状属性面板中,您可以对选中的形状元素进行详细设置。各类形状的设置项大部分相同,少部分因形状类型不同而有所区别。
1. 位置(X / Y)
这里可以直接输入数字,精确设置形状左上角在画布上的横纵坐标。X/Y坐标分别以左上角为零点,向右方向移动1格则X值加1,向下方向移动1格则Y值加1。
2. 名称
在此处为当前形状自定义名称,便于在图层管理器中识别和管理。
3. 尺寸设置
- 矩形/圆角矩形/椭圆:可分别设置宽度和高度,单位为像素。
- 圆形:只需设置半径或直径,单位为像素,宽高自动保持相等。
4. 圆角半径
仅圆角矩形有此项,用于调整四角的圆滑程度。数值越大,圆角越明显,但不能超过宽度或高度的一半。
5. 显示模式
可选择填充或描边:
- 填充:形状以指定颜色或渐变填充
- 描边:仅显示边框
6. 填充类型
可选择纯色或渐变:
- 纯色:用单一颜色填充形状
- 渐变:可设置起始颜色、结束颜色和渐变角度
7. 填充颜色
您可以通过以下几种方式选择颜色:
- 在调色盘中选择自定义颜色
- 输入自定义R、G、B的值
- 使用取色器工具在当前页面选择颜色
8. 渐变设置(仅当填充类型为渐变时显示)
- 起始颜色:渐变的开始颜色
- 结束颜色:渐变的结束颜色
- 渐变角度:可设置0°~360°,控制渐变方向
- 0度:从左到右渐变
- 90度:从上到下渐变
- 180度:从右到左渐变
- 270度:从下到上渐变
9. 描边宽度(仅当模式为描边时显示)
调整边框的粗细,单位为像素。描边宽度向内扩展,不会改变形状的外部尺寸。
10. 所属分区
如果画布上有分区,可以在这里选择该形状属于哪个分区。若当前元素不属于任何分区时则会显示“无”。
11. 删除按钮
面板右上角有一个图标,点击它可以删除当前形状元素。
形状应用技巧
- 矩形:适合制作方块、边框、背景等基础元素
- 圆形:适合制作按钮、指示灯、装饰点等圆形元素
- 椭圆:适合做装饰或特殊效果,可灵活调整长短轴比例
- 圆角矩形:兼具矩形和圆形的特性,适合做面板、信息框等元素
渐变填充技巧:
- 使用相近色调创建细微过渡效果
- 使用对比色创建醒目的视觉重点
- 在小尺寸形状上,建议使用简单的单色填充而非渐变
描边模式技巧:
- 对于小尺寸形状,建议使用较细的描边以保持清晰度
- 描边可以突出元素的边界,使其在复杂背景中更加醒目