ARTICLE DETAIL

资讯详情

深耕网站视觉设计与运营推广的一线实战洞察。

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

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),仅供参考
返回列表