PixiEditor 自定义笔刷教程:3 步建好第一支笔刷
2026/9/20 13:10:13 网站建设 项目流程

PixiEditor 自定义笔刷教程:3 步建好第一支笔刷

【免费下载链接】PixiEditorPixiEditor is a Universal Editor for all your 2D needs项目地址: https://gitcode.com/GitHub_Trending/pi/PixiEditor

还在为画笔工具固定不变的大小和边缘效果发愁吗?PixiEditor 的自定义笔刷系统把每支笔刷做成可编辑的节点图,点预览、笔触预览、抗锯齿、笔势稳定都随你配置。这篇自定义笔刷教程同时讲清楚粒子效果怎么做:读完你能从零搭出一支自己的粒子笔刷,并保存成.pixi文件反复使用。

🎯 什么情况下用自定义笔刷

  • 想控制笔触的形状与边缘质感,比如像素硬边和柔光圆点的区别
  • 需要反复产出同类效果(星点、溅射、光晕),不想每次重调参数
  • 想把已经画好的笔触转成可复用、可分享的笔刷资源

🚀 三步建好第一支笔刷

  1. 选中画笔工具,顶部设置栏会亮出笔刷相关的全部参数。
  2. 在笔刷选择器里挑一个基础笔刷——内置笔刷都是.pixi文件,直接打开就能改它的节点图。
  3. 把形状设为BrushShape.CirclePixelated、关闭抗锯齿,再把尺寸拖到你想要的像素尺度,画布上直接试画。
  4. 效果满意后保存节点图为新的.pixi文件,它就进你的笔刷库了。

⚙️ 笔刷参数怎么调

参数是什么怎么调调完什么效果
BrushShape预览覆盖层里的笔刷形状Hidden/Pixel/Square/CirclePixelated/CircleSmooth五种里选从单像素点到平滑圆形,决定笔触轮廓
ToolSize笔刷尺寸最小 0.1,支持小数越小画细节,越大铺色块
AntiAliasing笔触是否抗锯齿开关开则边缘柔和,关则像素硬边
StabilizationMode+Stabilization笔势稳定模式分None/CircleRope/TimeBased,强度 0–128越稳手抖越被抹平,但落笔会有延迟

尺寸预览线在不同缩放级别下粗细不同,判断实际大小请实际画一笔,别只看光标处的圆圈。

⚠️ 新手最常踩的三个坑

  • 抗锯齿开着,像素画变糊:画像素画时关闭AntiAliasing并选CirclePixelated形状,边缘才干净利落。
  • 调稳定强度没反应Stabilization参数只有在模式不是None时才会出现在界面上,先切到CircleRopeTimeBased,强度滑块才会显示。
  • 预览和落笔效果不一致:预览覆盖层渲染时强制开启抗锯齿(源码里paint.IsAntiAliased = true),所以你关抗锯齿后真实笔触会比预览更"像素",属正常现象。

✨ 实战:从 0 到 1 画一条魔法粒子笔触

  1. 新建透明画布,选画笔,形状设为BrushShape.CircleSmooth,打开抗锯齿。
  2. 用半透明色在中部点出一簇粒子:先大尺寸铺底,再换小尺寸往四周撒,形成由密到疏的分布。
  3. 切到Pixel形状、1 像素尺寸,手动补几个亮点作为高光——手动定点是控制粒子最稳的办法,不依赖随机。
  4. 打开当前笔刷的节点图,调好点预览与笔触预览后另存为新的.pixi文件,这条粒子笔触从此一键复用。

🔍 想再深入去哪看

  • 笔刷预览覆盖层与BrushShape枚举:src/PixiEditor/Views/Overlays/BrushShapeOverlay/
  • 用扩展程序注入自定义笔刷:参考 samples/Sample11_Brushes/ 的完整示例

📚 资源导航

  • 项目功能介绍:README.md
  • 内置笔刷资源:src/PixiEditor/Data/Brushes/

打开 PixiEditor,选上画笔工具,现在就建出你的第一支自定义笔刷。

【免费下载链接】PixiEditorPixiEditor is a Universal Editor for all your 2D needs项目地址: https://gitcode.com/GitHub_Trending/pi/PixiEditor

创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考

需要专业的网站建设服务?

联系我们获取免费的网站建设咨询和方案报价,让我们帮助您实现业务目标

立即咨询