PixiEditor 自定义笔刷教程:3 步建好第一支笔刷
【免费下载链接】PixiEditorPixiEditor is a Universal Editor for all your 2D needs项目地址: https://gitcode.com/GitHub_Trending/pi/PixiEditor
还在为画笔工具固定不变的大小和边缘效果发愁吗?PixiEditor 的自定义笔刷系统把每支笔刷做成可编辑的节点图,点预览、笔触预览、抗锯齿、笔势稳定都随你配置。这篇自定义笔刷教程同时讲清楚粒子效果怎么做:读完你能从零搭出一支自己的粒子笔刷,并保存成.pixi文件反复使用。
🎯 什么情况下用自定义笔刷
- 想控制笔触的形状与边缘质感,比如像素硬边和柔光圆点的区别
- 需要反复产出同类效果(星点、溅射、光晕),不想每次重调参数
- 想把已经画好的笔触转成可复用、可分享的笔刷资源
🚀 三步建好第一支笔刷
- 选中画笔工具,顶部设置栏会亮出笔刷相关的全部参数。
- 在笔刷选择器里挑一个基础笔刷——内置笔刷都是
.pixi文件,直接打开就能改它的节点图。 - 把形状设为
BrushShape.CirclePixelated、关闭抗锯齿,再把尺寸拖到你想要的像素尺度,画布上直接试画。 - 效果满意后保存节点图为新的
.pixi文件,它就进你的笔刷库了。
⚙️ 笔刷参数怎么调
| 参数 | 是什么 | 怎么调 | 调完什么效果 |
|---|---|---|---|
BrushShape | 预览覆盖层里的笔刷形状 | 在Hidden/Pixel/Square/CirclePixelated/CircleSmooth五种里选 | 从单像素点到平滑圆形,决定笔触轮廓 |
ToolSize | 笔刷尺寸 | 最小 0.1,支持小数 | 越小画细节,越大铺色块 |
AntiAliasing | 笔触是否抗锯齿 | 开关 | 开则边缘柔和,关则像素硬边 |
StabilizationMode+Stabilization | 笔势稳定 | 模式分None/CircleRope/TimeBased,强度 0–128 | 越稳手抖越被抹平,但落笔会有延迟 |
尺寸预览线在不同缩放级别下粗细不同,判断实际大小请实际画一笔,别只看光标处的圆圈。
⚠️ 新手最常踩的三个坑
- 抗锯齿开着,像素画变糊:画像素画时关闭
AntiAliasing并选CirclePixelated形状,边缘才干净利落。 - 调稳定强度没反应:
Stabilization参数只有在模式不是None时才会出现在界面上,先切到CircleRope或TimeBased,强度滑块才会显示。 - 预览和落笔效果不一致:预览覆盖层渲染时强制开启抗锯齿(源码里
paint.IsAntiAliased = true),所以你关抗锯齿后真实笔触会比预览更"像素",属正常现象。
✨ 实战:从 0 到 1 画一条魔法粒子笔触
- 新建透明画布,选画笔,形状设为
BrushShape.CircleSmooth,打开抗锯齿。 - 用半透明色在中部点出一簇粒子:先大尺寸铺底,再换小尺寸往四周撒,形成由密到疏的分布。
- 切到
Pixel形状、1 像素尺寸,手动补几个亮点作为高光——手动定点是控制粒子最稳的办法,不依赖随机。 - 打开当前笔刷的节点图,调好点预览与笔触预览后另存为新的
.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),仅供参考