通行线像素排版工具通行线像素排版工具文档

形状元素

学习如何使用矩形、圆形、椭圆和圆角矩形,以及如何设置描边和渐变效果,让您的像素作品更加生动

形状元素类型

通行线像素排版工具支持四种基本形状元素:

矩形

矩形属性

圆形

圆形属性

椭圆

椭圆属性

圆角矩形

圆角矩形属性

形状属性面板

在形状属性面板中,您可以对选中的形状元素进行详细设置。各类形状的设置项大部分相同,少部分因形状类型不同而有所区别。

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. 删除按钮

面板右上角有一个图标,点击它可以删除当前形状元素。

形状应用技巧

  • 矩形:适合制作方块、边框、背景等基础元素
  • 圆形:适合制作按钮、指示灯、装饰点等圆形元素
  • 椭圆:适合做装饰或特殊效果,可灵活调整长短轴比例
  • 圆角矩形:兼具矩形和圆形的特性,适合做面板、信息框等元素

渐变填充技巧

  • 使用相近色调创建细微过渡效果
  • 使用对比色创建醒目的视觉重点
  • 在小尺寸形状上,建议使用简单的单色填充而非渐变

描边模式技巧

  • 对于小尺寸形状,建议使用较细的描边以保持清晰度
  • 描边可以突出元素的边界,使其在复杂背景中更加醒目

On this page