PixiEditor 自定义笔刷实战:3 步调出柔和粒子笔触,附参数对照表

发布时间:2026/9/20 22:05:24
PixiEditor 自定义笔刷实战:3 步调出柔和粒子笔触,附参数对照表 PixiEditor 自定义笔刷实战3 步调出柔和粒子笔触附参数对照表【免费下载链接】PixiEditorPixiEditor is a Universal Editor for all your 2D needs项目地址: https://gitcode.com/GitHub_Trending/pi/PixiEditor做像素动画时很多人希望画面里飘着细小的光点而不是生硬的方块。PixiEditor 自定义笔刷系统能把这种粒子感拆成几个可调参数选什么笔刷、开多大、要不要抗锯齿、要不要稳定轨迹。本文基于仓库中的内置笔刷与源码讲清 PixiEditor 笔刷参数的实际取值范围以及做出像素画粒子效果时的取舍和坑。先弄清边界PixiEditor 的笔刷本质是节点图不是贴图理解这一点后面所有操作都顺了每一支笔刷都是一个.pixi文件内部是一张小型节点图Node Graph笔刷的形状、纹理、随机性都由节点计算得出。内置笔刷放在src/PixiEditor/Data/Brushes/目录共 16 支其中做粒子感最有参考价值的几支Splats泼溅状斑点、Foam泡沫感、Texture纹理扰动、GradientBrush渐变填充。选中笔刷后界面会实时生成两张预览单点预览点一下会留下什么和笔画预览划一下会留下什么。预览由笔刷节点图实时渲染所以你改任何节点参数都能立刻看到效果。明确一点这套系统没有真正的粒子发射器没有物理、没有自动散布。粒子效果 小尺寸笔刷 带随机纹理的笔刷 多层叠加靠手动或分层模拟。PixiEditor 笔刷参数速查四个旋钮的取值范围以下参数对应 笔刷工具栏源码 中的定义取值范围均可直接核对参数取值范围 / 默认对粒子效果的作用笔刷本体节点图笔刷可收藏、可加标签决定斑点形状与纹理是粒子长相的来源Size笔刷大小最小 0.1步进 0.1粒子直径小于 1 时接近单像素点稳定模式None / TimeBased / CircleRope 三档约束落笔轨迹适合画一串粒子的拖尾稳定强度0–128默认 10配合稳定模式使用数值越大约束越强AntiAliasing 开关布尔值笔刷边缘是否平滑硬颗粒感与柔光感的一键切换3 步做出会呼吸的粒子笔触 从带纹理的内置笔刷起步选 Splats 或 Foam它们的节点图里已经包含形状抖动比纯色圆点更接近粒子。在笔刷预览里确认单点形状满意后再落笔能省掉大量返工。定大小和抗锯齿把 Size 调到 1 附近做细密粒子或调到 3–5 做柔光斑。想要边缘干净利落的像素颗粒关掉 AntiAliasing想要发光感的光晕就打开它——两种质感对应不同审美先想清楚画面基调再选。分层叠加制造疏密底层用当前笔刷密集撒点再建一个不透明度较低的图层用放大 2–3 倍的同一笔刷零星点缀。密度差本身就是远近感这是粒子效果显真实的关键比任何单一笔刷都有效。需要画连续的粒子拖尾时把稳定模式切到 CircleRope落笔点会被限制在以稳定强度为半径的圆内移动划出来的就是一串间距均匀的粒子串TimeBased 模式则按时间延迟轨迹更像甩出来的效果。粒子常用半透明色增加层次在调色板面板里挑一组 2–3 个明度不同的相近色核心粒子用亮色、外圈用低不透明度同色比单色粒子更有立体感。笔刷形状五种模式对照以及抗锯齿的取舍光标下的笔刷预览形状由BrushShape笔刷形状预览模式枚举控制共五档定义见形状枚举源码模式光标下的样子适合场景Hidden不显示预览专注绘制不想被预览干扰Pixel单像素点精确补点、1px 线条Square正方形硬边方块笔触CirclePixelated带像素颗粒的圆像素风格的圆点粒子CircleSmooth平滑抗锯齿圆柔光、光晕类粒子一个容易混淆的点光标预览本身永远开启抗锯齿渲染预览的代码里固定写死而实际落笔的边缘平滑由 AntiAliasing 开关决定。所以预览看着柔和不代表画出来也是柔和的以落笔结果为准。避坑三个常见误区 ⚠️误区一把粒子当功能找。编辑器里没有粒子发射器入口找不到是正常的。用小尺寸 纹理笔刷 分层模拟即可别浪费时间找不存在的菜单。误区二小尺寸下滥用平滑圆。CircleSmooth 配大尺寸很好看但缩到 1px 附近抗锯齿会让粒子边缘渗色、发糊。硬颗粒场景请回到 Pixel 或 CirclePixelated 并关闭抗锯齿。误区三忽略指针速度对笔画的影响。笔刷引擎在执行时会接收指针的方向与速度源码里对速度做了平滑处理所以同一支笔刷用手柄快速划和慢速划留下的形状可能不同。定稿前用你实际的输入设备试画一遍别只在预览里判断。下一步把你的粒子习惯固化成专属笔刷内置的 Splats 和 Foam 可以当作起点也可以当作教材.pixi笔刷文件本身就是可编辑的节点图打开后调整其中某个节点比如纹理强度、随机幅度保存后它就成为你的自定义笔刷。仓库的samples/Sample11_Brushes示例还演示了如何通过扩展系统注册自己的笔刷适合想更进一步的人。一个可以立刻做的练习打开内置的 Splats只改一个节点的参数分别用 Size 1 和 Size 5 各画三笔对比哪组参数最接近你心里光点的样子——把参数记下来那就是你的下一支专属笔刷的起点。【免费下载链接】PixiEditorPixiEditor is a Universal Editor for all your 2D needs项目地址: https://gitcode.com/GitHub_Trending/pi/PixiEditor创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考

关于本文作者

来自尧图内容编辑团队

尧图内容编辑团队 内容团队

尧图内容编辑团队

本文由尧图网络内容编辑团队执笔。团队由资深项目经理、前端工程师与设计师组成,所有内容均来自亲手交付的真实项目,先讲清问题、再给出可落地的解法。尧图深耕北京网站建设十年,服务过京华建材集团、智造科技等各行业客户,把一线经验沉淀为可复用的行业观察。

  • 十年建站经验,覆盖建材、制造、服务、文创等
  • 项目经理把关选题与事实准确性
  • 工程师与设计师联合撰写专业细节
  • 统一编辑规范,保证文风与排版一致
  • 每月复盘转化数据,迭代选题方向

延伸阅读

相关资讯与近期热门内容

深度阅读推荐

建站决策前值得细读的三篇

网站改版的5个关键决策
2024-08-12

网站改版的5个关键决策

什么时候该改版、改到什么程度、如何避免流量掉光,京华建材集团改版复盘给出答案。

获取专属建站方案

看完文章,把您的行业与预算告诉我们,免费获取一份量身定制的官网建设方案与报价。

立即免费咨询