属性类型

Pixso 内置不同类型的图层基本属性设置，其中包含：对齐、位置、尺寸、圆角、旋转、填充、描边、效果等等。

对齐

对齐工具可以帮助您在画布上选中多个图层后，快速整理图层相对位置

1、左对齐（Alt+A）：

2、水平居中对齐（Alt+H）：

3、右对齐（Alt+D）：

4、顶部对齐（Alt+W）：

5、垂直居中对齐（Alt+V）：

6、底部对齐（Alt+S）：

7、整理

水平等间距和垂直等间距均为一个维度的调整，整理功能为两个维度的调整。

除了使用快捷键外，在满足使用条件下，还可以通过框选后的右下角标进行快速调整。

8、水平等间距

左外侧和右外侧的对象或图层都将保持其位置。

除了使用快捷键外，在满足使用条件下，还可以通过框选后的右下角标进行快速调整。

9、垂直等间距

顶部和底部的对象或图层都将保持其位置。

除了使用快捷键外，在满足使用条件下，还可以通过框选后的右下角标进行快速调整。

位置

可以在右侧属性面板中，调整X轴和Y轴的数值，以调整图层在画布中的位置。

选中状态下，可以通过键盘方向键对图层进行移动，移动量为微移量，默认情况下最小微移量为1，最大微移量为10

• 仅使用方向键，位移量为最小微移量
• 使用shift+方向键，位移量为最大微移量

微移量可以通过用户偏好设置进行设置。

尺寸

可以在右侧属性面板中，调整W和H的数值，以调整图层在画布中的大小。

约束比例：使用约束比例功能时，对图层的长宽中其中一个值进行调整，将自动对另一值进行等比例调整。

圆角半径

1、调整整个形状的圆角半径：

默认情况下，可以通过右侧面板中，调整圆角半径属性值。

2、通过图层中的控制点调整圆角半径：

矩形、星型和多边形可以通过画布图层中的控制点来调整圆角。

3、调整单个角的圆角半径：

右侧面板中，点击独立圆角功能，展开独立圆角设置面板。

独立圆角中，可以按照顺时针，左上、右上、右下、左下的顺序，调整不同圆角数值

4、通过图层中的控制点调整独立圆角半径：

矩形、星型和多边形可以通过画布图层中的控制点来调整圆角，在拖动控制点的同时，需要按住键盘Alt或Option键，实现单角的圆角调整

5、平滑圆角：在一些设计稿中，圆角和边的连接处不是特别平滑，可以通过设置平滑圆角达到更加平缓的圆角过渡。图中绿色的部分为常规的圆角，蓝色的为使用平滑圆角100%后的效果

旋转

可以在右侧属性面板中，调整旋转度数值，以调整图层在画布中的旋转，也可以通过画布中的鼠标，放到图形边角处，显示旋转图标。

自定义旋转锚点

旋转锚点支持用户进行自定义位置，旋转的时候会以锚点为中心进行旋转。

旋转锚点会在画布中通过鼠标触发旋转时出现，或使用快捷键激活：

macOS：Shift + Option + R

Windows：Shift + Alt + R

拖拽锚点可吸附在图层的九个端点上，长按 Alt / Option 可以临时取消吸附

翻转图层

旋转图层的另一种方法是使用"水平翻转"和"垂直翻转"变换。

使用右键单击菜单应用翻转变换或键盘快捷键：

• 水平翻转： Shift+H
• 垂直翻转： Shift+V

更改图层顺序

三种方法可以调整图层顺序：

1、图层面板：

在左侧图层面板中，点击图层拖动，即可完成图层在不同层级间的调整。

2、键盘快捷键：

• 上移一层：

MacOS：Command + ]                         Windows：Ctrl + ]

• 移至顶层：

MacOS：Command + Option + ]            Windows：Ctrl + Shift + ]

• 下移一层：

MacOS：Command + [                         Windows：Ctrl + [

• 移至底层：

MacOS：Command + Option + [            Windows：Ctrl + Shift + [

3、右键点击菜单：

快速调整右侧面板数值

Pixso中对右侧面板中的数值，支持鼠标按住拖动修改，在当前水平面上，为默认速度，通过鼠标上移或下移，可以调整修改数值的速度

填充

填充可以应用到以下对象和形状：文本图层、基本形状、矢量、布尔运算、画板。

填充类型：纯色填充、渐变填充、图片填充。

可以通过色板选择颜色，也可以输入对应颜色数值，支持设置颜色透明度。

使用吸管工具（快捷键I），可以对画布内任意位置颜色进行获取并应用。

渐变填充中，支持插入多个渐变色调整点，渐变色效果随调整点变化而变化。

在右侧填充面板中，可以创建多个颜色，设置透明度，也可以点击颜色前的眼睛按钮，将颜色进行隐藏。

描边

1、设置描边颜色：使用颜色选取器调整绘画并设置当前描边的不透明度。

2、设置描边宽度：在提供的字段中输入一个值（以像素为单位）

3、根据不同情况，可以设置端点样式

• 当选择只有两个结束端点的矢量路径，将在右侧边栏中显示起始端点和结束端点，起始端点为两个端点中相对位置为左或者上的端点，结束端点为两个端点中相对位置为右或者下的端点。
• 如果选择了具有一个或两个以上结束端点的矢量路径，将在高级边框菜单中显示结束端点属性。
• 选择整个矢量路径时，无法独立编辑结束端点。要独立编辑结束端点，需在矢量编辑模式下选择单个矢量点。

4、设置描边在图形中的位置：中间、内部、外部

5、描边样式

• 可以在描边高级属性中设置实线、虚线属性

• 虚线参数：第一个参数为虚线长度、第二个参数为虚线间隔，共同作用生成虚线

6、顶点，可以设置描边在顶点处的显示效果，直角、圆角、斜角（仅在描边为中间、外部时生效）

• 直角

• 圆角：

• 斜角：

• 斜度：可以根据设置度数，描边显示直角还是斜角，若大于该度数，显示直角，若小于该度数，显示斜角

效果

Pixso支持设置内阴影、外阴影、高斯模糊、背景模糊、动感模糊、缩放模糊、杂色、纹理、缩放模糊、液态玻璃效果

阴影

阴影是为您的设计增加深度和维度的好方法。您可以通过在其后面或下方的表面上创建对象的阴影来做到这一点。可以使用投影来：

• 创建对象之间的距离
• 设置光源的方向
• 让您的设计在背景中脱颖而出
• 使物体看起来像三维
• 风格化文本和图标
• 在图层或对象周围添加边框

阴影分为内阴影和外阴影，如下图所示：

您可以将阴影效果应用到画板、组合、组件或单个图层。

选中图层后，单击右侧边栏效果部分中的加号，默认选择外阴影效果。

点击阴影图标，可以打开效果设置面板：

• X：沿 x 轴（水平）偏移阴影。与 Y 偏移一起使用来设置光源的方向。
• Y：沿 y 轴（垂直）偏移阴影。与 X 偏移一起使用来设置光源的方向。
• 填充：使用颜色选择器并为阴影设置不透明度。
• 模糊：调整阴影的模糊或羽化，增加模糊以柔化阴影并将其与背景混合，减少模糊以创建更清晰的对比度。
• 扩展：调整阴影的大小，可以达到表示前景和背景对象之间距离的效果。见：阴影蔓延。

模糊

模糊分为高斯模糊、背景模糊、动感模糊和缩放模糊。

1. 高斯模糊

有助于暗示动作或运动，或在二维设计中产生深度错觉，使用图层模糊：

• 匿名化信息
• 柔化或分散背景的焦点
• 从照片和图像创建抽象背景
• 复制相机深度和其他摄影效果，如散景

2. 背景模糊

当您将背景模糊应用于图层时，将模糊画布上您选择后面的任何图层。您可以把它想象成一个阴影，但不是图层创建阴影，而是创建模糊。

您可以使用背景模糊来柔化或分散焦点。这会将注意力从背景转移到选定的图层上。

要实际看到背景模糊，您的选择需要具有适当的不透明度，如果将图层的不透明度设置为 100%，您将根本看不到背景模糊。

3. 动感模糊

当您将动感模糊应用于图层时，图层中的内容会沿指定方向被拉伸和柔化。您可以把它想象成相机拍摄快速运动的物体：画面不是单纯失焦，而是产生带有方向的运动轨迹。

您可以使用动感模糊来表现速度、方向和冲击力，让静止的元素看起来正在移动。它还可以柔化生硬的边缘，使画面更具动势。

要清楚看到动感模糊，图层中需要有可见内容。您可以调整模糊的方向和强度；强度过低时效果可能不明显，过高则可能使图层丢失过多细节。

4. 缩放模糊

当您将缩放模糊应用于图层时，图层中的内容会围绕指定中心向内或向外拉伸。您可以把它想象成在按下快门的同时快速变焦，从而形成由中心向四周扩散的模糊轨迹。

您可以使用缩放模糊来表现快速推进、急速后退或强烈的视觉冲击，让画面产生空间穿梭般的速度感。

要清楚看到缩放模糊，图层中需要有可见内容。您可以调整模糊中心和强度；中心决定效果汇聚的位置，强度越高，拉伸感越明显，但也会损失更多细节。

应用模糊效果

您可以将模糊效果应用到画板、组合、组件或单个图层。只能将一个图层或背景模糊添加到图层或对象。

1、选中图层后，单击右侧边栏效果部分中的加号，选择模糊效果，点击阴影图标，可以打开效果设置面板：

模糊：调整模糊数值可以调整背景模糊或高斯模糊的模糊度

杂色

当您将杂色效果应用于图层时，图层中会出现随机分布的明暗或彩色颗粒。您可以把它想象成胶片颗粒或相机在低光环境下产生的噪点，为画面增加细微的纹理变化。

您可以使用杂色来打破过于平滑的表面、增强质感，或营造复古、粗粝和模拟胶片的视觉风格。

要清楚看到杂色效果，图层中需要有可见内容。您可以调整杂色的尺寸大小、密度和颜色；尺寸越大，颗粒越明显，但也可能遮盖原有细节。

杂色还支持设置不同的颜色效果：单色、双色以及多色。

杂色尺寸

通过调整杂色【尺寸】的参数，可以将杂色进行缩放，达到细腻/粗糙的噪点效果。

杂色密度

调整杂色密度，可以增加/减少杂色噪点的数量，可以实现偏模糊/清晰的噪点效果。

杂色颜色

杂色颜色支持修改，并设置透明度。通过调节不同的颜色，可以实现杂色的滤镜风格。

杂色颜色模式

杂色的颜色显示模式支持调整，支持设置单色、双色及多色

• 单色：杂色噪点仅以单一的一种颜色展示。
• 双色：相较于单色模式，空白处会补充新的噪点，二者可分别设置颜色。注意！因为是互补，如果密度与颜色透明度过高，会出现效果完全覆盖原图的状况，将密度与颜色透明度调低即可。
• 多色：该模式下不可设置颜色，杂色的填充色会进行随机填充。

纹理

当您将纹理效果应用于图层时，图层表面会叠加特定的图案与细节。您可以把它想象成给图层覆盖一层真实材质，使原本平滑的画面呈现金属/水波纹玻璃般的质感。

您可以使用纹理来增加层次与真实感，打破过于单调的表面，或营造复古、自然和手工制作的视觉风格。

要清楚看到纹理效果，图层中需要有可见内容。您可以调整纹理的尺寸大小和范围（强度）；强度越高，材质感越明显，但也可能削弱原有的颜色与细节。

超出图层部分裁切

纹理效果会对原有图层显示的内容进行溢出处理。

勾选【超出图层部分裁切】，会将图层框以外的部分进行裁切，再部分边界效果处理时更友好。

液态玻璃

液态玻璃效果支持在容器、矢量、图形上设置。

当您将液态玻璃效果应用于图层时，图层会呈现半透明、折射和流动般的玻璃质感。您可以把它想象成一块柔软的透明玻璃，会轻微扭曲并映射后方的内容。

您可以使用液态玻璃来增加空间层次与通透感，突出界面中的重要元素，并营造轻盈、现代且富有流动感的视觉风格。

要清楚看到液态玻璃效果，图层后方需要有可见内容。您可以调整：

• 光照模式：选择光线的表现方式。“角度”使用定向光源，“均匀”则让光线平均分布。
• 光源角度：调整光线照射的方向，影响玻璃表面高光与阴影的位置。
• 光源亮度：控制光源强度。数值越高，玻璃的高光与立体感越明显。
• 环境影响：决定液态玻璃是否采集周围画面的颜色与光线。开启后，环境内容会参与玻璃的折射与高光计算，让效果更自然地融入背景。
• 采样范围：控制采集周围画面的范围。数值越高，越远处的颜色和内容也会影响玻璃效果；数值越低，影响越集中在图层附近。
• 透镜形状：选择凸透镜或凹透镜，决定玻璃对后方内容的放大、缩小及扭曲方向。
• 折射：控制光线穿过玻璃时的弯曲程度。数值越高，背景内容的变形越明显。
• 深度：调整玻璃的厚度与立体程度。数值越高，边缘和内部折射会更突出。
• 色散：控制不同颜色光线的分离程度。提高数值可在边缘产生更明显的彩色光晕。
• 模糊：调整透过玻璃看到的内容清晰度。数值越高，画面越柔和朦胧。
• 亮度：调整玻璃区域内的整体明暗，使内容看起来更明亮或更深沉。
• 饱和度：控制玻璃区域内的色彩浓度。降低可获得中性色效果，提高则会让颜色更鲜艳。
• 曲面扩散：控制光线在玻璃曲面上的扩散程度。数值越高，折射与高光过渡越宽、更柔和。

所选颜色

所选颜色功能允许您查看和调整应用于选择中对象的任何颜色，包括多选图层时的颜色，若颜色中使用了颜色样式时，同样会显示颜色的样式。

选择的颜色包括：

填充、描边、纯色、渐变色、布尔组合

查看选择的颜色：

• 若颜色为样式，显示编辑样式、脱离样式、定位的按钮
• 若颜色为常规颜色，可以调整色值、透明度、使用颜色选择器，并可以定位到使用该颜色的图形，在这里调整颜色时，已选图层中的所有使用该颜色位置的图层会同步调整颜色
• 当颜色列表内容过多时，Pixso会自动将颜色列表进行折叠，并显示颜色总数，点击即可展开查看所有颜色列表