使用指南

着色器

Beta 功能提示:着色器目前处于 Beta 阶段,功能与使用体验尚不完善。我们会根据使用反馈持续迭代,后续版本的可用能力和操作方式可能有所调整。

着色器可以为图层添加纹理、图案、像素化或色散效果。您可以使用现有着色器,也可以通过 AI 描述想要的效果,创建自己的着色器。创建后,您可以反复应用它,并调整参数来改变外观。

本文介绍如何应用、创建、编辑和发布着色器,以及如何在其他文件中使用和更新它们。

了解两种着色器

类型

使用位置

适合的场景

填充着色器
Shader Fill

填充、描边

生成纹理、噪声、图案或材质,例如大理石纹背景。

效果着色器
Shader Effect

效果

处理图层已有的渲染结果,例如为图片添加像素化、扭曲或色散。

两种着色器的使用入口不能互换。填充和描边入口只显示填充着色器;效果入口只显示效果着色器。需要保留图片内容并改变其视觉表现时,选择效果着色器;需要生成图案或纹理时,选择填充着色器。

同一图层的效果对比:左侧使用填充着色器,右侧叠加扫描线效果。 点击图片查看完整截图。

开始前

使用着色器需要当前文件的编辑权限。使用自定义着色器,还需满足文件所在空间的条件。

文件所在位置

使用条件

个人草稿

文件所有者拥有编辑权限。

企业草稿

拥有全功能席位和当前文件的编辑权限。

团队或企业文件

拥有全功能席位和当前文件的编辑权限,访客也需满足这两个条件。

拥有文件编辑权限的用户可以应用官方内置着色器。

您可以在普通容器、组合、形状、矢量、文本或图片图层上尝试。切片和分区不提供相应的着色器入口。

应用现有着色器

应用到填充或描边

  1. 在画布或图层面板中选中要处理的图层。
  2. 在右侧属性面板中打开“填充”或“描边”的颜色设置。
  3. 将类型切换为“着色器”,点击“选择着色器”。
  4. 在列表中选择需要的填充着色器,将其应用到当前填充或描边。
  5. 在参数面板中调整外观,并查看画布结果。

注意:仅切换到“着色器”类型不会自动应用任何资源,还需要从列表中选择一个着色器。

填充面板、着色器资源列表及选中的蓝白大理石纹资源
从填充设置打开资源列表,选择对应的填充着色器。图中为当前文件的本地着色器。 点击图片查看完整截图。

应用到效果

  1. 选中要处理的图层,在右侧属性面板的“效果”中添加或选择“着色器”类型。
  2. 在自动打开的列表中选择需要的效果着色器。
  3. 打开对应的着色器参数面板,调整效果并查看结果。

如果图层同时使用了投影、模糊等常规效果,效果着色器会单独排列在常规效果列表下方,不与它们混排。

效果着色器列表、复古 CRT 扫描线参数面板及右侧效果属性
在效果属性中打开着色器列表,再选择效果资源。扫描线效果可通过参数面板继续调整。 点击图片查看完整截图。

在列表中查找资源

列表默认显示“全部”,依次按官方、本地、云端、已使用分类。您也可以按来源筛选。

分类

可以找到的内容

官方

Pixso 版本内置的着色器。

本地

在当前文件中创建的着色器。

云端

作为团队或企业成员可调用的已发布着色器。

已使用

当前文件内已应用的着色器,包含其他页面中使用的资源。

着色器资源列表的全部、官方、本地、云端和已使用筛选项
在列表顶部切换资源来源。 点击图片查看完整截图。

调整着色器参数

选中已应用着色器的图层,打开对应的填充、描边或效果设置,即可调整参数。可调项目由着色器决定,不同资源的控件可能不同。

  • 想微调某个图层的外观:调整参数,例如颜色、强度、角度、纹理大小。修改会实时反映在画布中。
  • 想增加新的控制项或改变效果的实现方式:通过 AI 编辑着色器本身,而不是只修改图层参数。
  • 填充着色器可以与普通填充一起使用,并按填充列表顺序堆叠;您也可以调整其填充透明度。

填充着色器的混合方式与普通填充一致。效果着色器处理图层的最终渲染结果,不使用填充级混合模式;需要将其结果与下方内容混合时,可调整图层混合模式。

注意:当图层任意一边小于 200 px 时,尺寸标签旁会出现效果质量提示。小尺寸图层的像素颗粒可能较明显,这并不表示着色器创建失败,也不要求图层必须达到 200 × 200 px。

该示例可调整底色、纹路色、纹理粗细和颗粒强度;可调项目随资源而变化。 点击图片查看完整截图。

创建自己的着色器

新建的着色器保存在当前文件中,不会自动成为其他文件可用的云端资源。当前可通过 AI 创建着色器:在着色器列表顶部点击“+”,选择“AI生成”,或直接在 AI 对话中描述需求。

使用 AI 生成

  1. 从填充、描边或效果入口打开着色器列表,点击顶部“+”,选择“AI生成”。您也可以直接打开 AI 对话,描述要创建的着色器。
  2. 说明想要的视觉效果,以及它用于生成填充纹理,还是处理已有图层。
  3. 补充需要保留的可调参数,例如颜色、颗粒大小、扭曲强度或角度;也可以上传参考图片。
  4. 按 AI 提问补充必要信息,等待生成和校验完成。
  5. 生成完成后查看打开的着色器及参数面板,在图层上检查效果,并继续调整。

从填充或描边入口创建的资源用于填充、描边;从效果入口创建的资源用于效果。通过这些入口发起时,AI 会沿用已确定的类型,无需再次说明作用位置。

通过 AI 对话创建着色器时,如果已选中适用图层,生成后会直接应用并打开参数设置。若尚未应用,您可以从对应的本地列表中选择该资源。

填充着色器列表中的 AI 生成入口
从着色器列表中的“AI生成”入口开始创建。 点击图片查看完整截图。

可以这样描述需求

描述需求时,可以说明想要的效果、应用位置和需要调整的参数。

  • 填充示例:“创建一个用于背景填充的大理石纹着色器,主色为蓝白色,让我可以调整两种颜色、纹理粗细和颗粒强度。”
  • 效果示例:“为选中的图片创建复古显示器效果,保留图片主体,让我可以调整扫描线密度、色散强度和亮度。”
  • 修改示例:“修改当前的大理石纹着色器,增加一个纹理方向控制项,保留已有的颜色控件。”

如果描述不完整,AI 会补问类型、效果或参数。一次创建多个着色器时,您可以在同一条消息中分别说明用途,并统一说明希望开放核心参数还是更多参数。

注意:普通纯色、渐变、投影或模糊等需求可以使用 Pixso 原有属性。需要更特殊、可复用和可调节的视觉效果时,可以创建着色器。

编辑和管理着色器

修改参数和修改资源有什么不同

图层参数用于调整当前应用的效果。通过 AI 编辑着色器或修改着色器名称,会修改可复用的资源。要给资源增加控制项、改变默认外观或修改实现,可在 AI 对话中说明要修改的本地着色器和具体要求,完成修改及校验后保存。

保存资源修改后,已应用该资源的图层需要按提示接受新版本,不会立即无提示地替换效果。具体操作见“更新已应用的着色器”。

您可以在列表中右键重命名自己创建的着色器。如需自定义效果,也可以通过 AI 描述需求,另行创建。

删除资源

在来源文件中,选择要删除的本地着色器并确认删除。未发布资源会从本地及已使用列表中移除;已发布资源会从共享资源及已使用列表中移除。

注意:删除资源不等于移除图层上的效果。已经应用该着色器的图层仍保留效果和参数。若只想让某个图层不再使用它,应移除该图层对应的着色器填充、描边或效果项。删除已发布资源前,最好与使用方确认。

发布并在其他文件中使用

创建后的自定义着色器属于当前文件。需要在其他文件中从云端列表调用时,请在来源文件中发布着色器,无需提前创建颜色样式或效果样式。

确认发布范围

来源文件的位置

发布结果

草稿文件

不允许直接发布。请按提示将文件移入可发布的团队或企业空间,并满足相应权益条件。

团队文件

发布到文件所在团队,团队成员可在其他文件的云端列表中调用。

企业文件

发布到当前企业空间,企业成员可在其他文件的云端列表中调用。

注意:发布范围由来源文件的位置决定,不是创建后自动跟随账号在所有文件中可用,也不是发布到公开社区。仅分享来源文件链接不能替代着色器发布。

在草稿文件中尝试发布着色器时出现的权益提示
草稿文件发布着色器时的权益提示。 点击图片查看完整截图。

在来源文件中发布

  1. 在来源文件中打开对应类型的着色器列表,确认本地资源已经创建并检查过效果。
  2. 点击列表中的发布按钮,进入发布确认弹窗。
  3. 核对文件所在空间及可用范围,确认发布。若文件位于草稿中,按照提示处理文件位置和权益后再发布。

在其他文件中调用

  1. 使用具有相应团队或企业成员身份的账号打开目标文件,确认当前文件可编辑并满足所需席位条件。
  2. 选中图层,从填充、描边或效果的对应入口打开着色器列表。
  3. 切换到“云端”,选择已发布的资源并应用。
  4. 按当前设计调整参数。填充资源仍只能用于填充或描边,效果着色器资源仍只能用于效果。

更新已应用的着色器

资源修改和图层接受更新是两个步骤。同一文件与跨文件使用时,触发更新提示的条件不同。

使用位置

什么时候可以接受更新

操作

来源文件内的图层

保存本地资源修改后,无需先发布。

选中图层并打开对应着色器属性面板,点击更新图标。

其他文件中的图层

来源文件完成更新发布后。

在目标文件选中图层并打开对应着色器属性面板,点击更新图标。

已发布资源的效果或名称变更后,需在来源文件执行更新发布,其他文件才能获得新版本。仅保存本地修改不会完成跨文件的新版本交付。

更新后参数如何处理

  • 新旧版本中能够匹配的参数会继续使用您设置的值。
  • 如果新版本缩小了参数范围,原值会调整到有效范围。例如,原值为 100,新范围为 10~50 时,更新后取值为 50。
  • 新版本无法匹配的旧参数,其保存在图层上的对应参数值会被移除。

注意:接受更新后,请重新检查关键图层的外观,尤其是参数增删或取值范围发生变化的资源。

常见问题

为什么列表中找不到创建好的着色器?

检查入口类型:填充和描边入口不会显示效果着色器,效果入口不会显示填充着色器。未发布的本地资源只在创建它的文件中可见。跨文件查找时,确认来源文件已发布该资源,且当前账号属于对应团队或企业。

为什么没有发布入口或提示无法发布?

检查来源文件是否位于草稿,以及文件所在空间的权益条件。草稿文件不能直接发布着色器,需将文件放入可发布的团队或企业空间后才能发布。团队成员可用范围与企业成员可用范围不能互相替代。

来源已经修改,为什么其他文件没有变化?

确认来源已完成更新发布,而不只是保存本地修改。在目标文件中选中使用该资源的图层,打开对应的着色器属性面板,查看并点击更新图标。

为什么没有样式、组件或变量入口?

当前范围不提供着色器颜色样式、效果样式和参数绑定变量的入口。组件、变体和实例的填充及效果设置中不展示着色器选项;对已含着色器的图层创建组件时,会出现提示。跨文件复用请使用着色器自身的发布和云端列表,而不是样式发布流程。

效果颗粒明显应该怎么办?

检查图层尺寸和质量提示。任意边小于 200 px 时可能更容易看到像素颗粒,可结合实际用途调整图层大小,或调整资源提供的纹理、颗粒等参数,完成后检查最终使用尺寸下的外观。