
PixiEditor 笔刷形状全指南4 步让画笔撒出魔法粒子【免费下载链接】PixiEditorPixiEditor is a Universal Editor for all your 2D needs项目地址: https://gitcode.com/GitHub_Trending/pi/PixiEditor画完一片夜空你给每颗星星加了光晕却总觉得少了点什么——那种粒子被轻轻抖落、在画面里飘开的感觉用默认的那一个圆头画笔怎么也刷不出来。PixiEditor 的笔刷系统其实早把答案藏在工具栏里换一种笔刷形状、把大小滑到合适的位置、再决定是否抗锯齿粒子感就出来了。一句话笔刷形状决定这一笔是什么PixiEditor 的笔刷功能解决一个问题你落笔之前就能看见这一笔会画成什么样。鼠标在画布上移动时有一个灰色预览圈跟着光标走形状、大小和你当前设置完全一致。选对形状和参数粒子、星点、柔光都能刷出来。拆开 3 个概念看懂笔刷在干嘛1. 预览圈 你的取景框画相机上取景框让你先看清构图再按快门预览圈同理它把这一笔落下去会变成什么样提前画给你看不满意就先别落笔。2. 笔刷形状 可替换的落笔模板代码里一共定义了 5 种笔刷形状Hidden隐藏预览、Pixel单像素、Square方形、CirclePixelated像素化圆形、CircleSmooth平滑圆形。 类比同一支笔笔尖可以从火柴头换到圆珠落下来的痕迹自然不一样。3. 抗锯齿 边缘的柔光开关抗锯齿让像素边缘不毛糙决定笔触边缘是硬切还是带一层半透明过渡。 打开它圆周边缘会多出一圈浅淡的过渡像素像给轮廓加了柔光滤镜关掉则边缘锋利、贴着像素格子。稳定化Stabilization是第四个隐藏参数落笔时它会拉一根虚拟橡皮筋把你的手抖过滤掉有距离式和时间式两种模式取值 0~128数值越大越稳、延迟感也越强。先逛一圈内置笔刷都在仓库里躺着除了形状PixiEditor 还内置了一组可直接挑选的笔刷工程每个都是一个 .pixi 文件Basic、PixelCircle、Splats泼溅感、Foam泡沫感、Texture纹理、Rainbow、Smudge涂抹等 16 种。4 步画出带柔光的粒子第 1 步按B切到画笔工具。工具栏会出现在画布上方。此时移动鼠标你应该能看到一个灰色的预览圈跟着光标走——它就是你的取景框。第 2 步拖动 Tool size工具大小滑杆。默认最小值 0.1把它拖到 1 左右预览圈跟着变成小圆点拖到 8圆点立刻变大。做完这一步你应该能看到预览圈大小和滑杆数值一一对应。第 3 步在笔刷选择器里换形状。先选 CirclePixelated预览圈边缘呈一圈阶梯状像素感拉满。 再切到 CircleSmooth 并打开 Anti-aliasing抗锯齿预览圈边缘立刻浮出一圈柔和的半透明过渡这就是柔光。第 4 步在画布空白处画一条横线。按住左键匀速拖动松手后圆点连成一条线换成慢速小幅度移动线条会更实更连贯。 做完这一步你应该能看到一条边缘干净的粒子线——这就是魔法粒子的手感。进阶把点状笔刷叠出发光感远近两层底层用 Splats 笔刷撒出大颗粒顶层换 1 像素的 Pixel 形状点细碎星点两层一叠粒子就有了远近层次。透明度叠色CircleSmooth 加抗锯齿后选 50% 不透明度的颜色在同一位置画第二笔颜色会叠加变深——粒子中心比边缘亮发光感就是这么画出来的。稳定化出曲线把稳定化模式切到 Time Based时间式画弧线时你会感觉笔尖像被一根橡皮筋牵着走抖动被吃掉大半适合画拖尾轨迹。3 个最容易翻车的点❌ 你开了抗锯齿想要干净的像素圆 → 实际画出来圆周边缘冒出一圈半透明像素像素风直接破功 → 正确做法关掉 Anti-aliasing形状选 CirclePixelated。❌ 你打开 Pixel Perfect像素级模式想改大小 → 实际工具栏大小滑杆被锁死在 1怎么拖都不动 → 正确做法这是设计如此像素级模式强制 1 像素落笔想换更大笔刷先关掉 Pixel Perfect。❌ 你开了稳定化模式却找不到滑杆在哪调数值 → 实际稳定化大小参数默认隐藏不出现在工具栏里 → 正确做法先确认模式已切离 None滑杆才会显示出来取值范围 0~128。进阶用户瞄一眼源码就能懂预览原理预览圈背后的实现都在 笔刷形状预览覆盖层光标移动时它把位置换算成预览形状实时重绘按住鼠标时还会画出那根稳定化橡皮筋。 形状枚举定义在 BrushShape.cs想加一种新形状从这儿入手最快。官方说明见 README扩展系统示例在 samples/想写自己的笔刷插件可以从 Sample1_HelloWorld 起步。下次画夜空的时候试着把 Splats 的粒子撒得再随意一点——星光会自己亮起来。【免费下载链接】PixiEditorPixiEditor is a Universal Editor for all your 2D needs项目地址: https://gitcode.com/GitHub_Trending/pi/PixiEditor创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考