PixiEditor 自定义笔刷完整指南如何做出三层渐变粒子效果【免费下载链接】PixiEditorPixiEditor is a Universal Editor for all your 2D needs项目地址: https://gitcode.com/GitHub_Trending/pi/PixiEditor画一场日落山景时你多半想给角色身后撒一层星点状的粒子几个 2 像素的小点就够了难的是撒得匀、撒得有层次。PixiEditor 的自定义笔刷系统给了可控的答案三个参数决定一颗粒子的边缘透明度决定它的光晕。 为什么默认笔刷不够用固定大小的笔刷撒粒子要么密要么稀。用点状笔刷完成一簇星光要点几十次间距全凭手感手一抖星光立刻变成雪花噪点擦除重画又是半小时。单层透明度撑不起光晕层次。粒子讲究近亮远暗前景的点要实背景的光要虚两层透明度需求完全相反。把点全画在同一层就只能整层一起调、一起删。画短线条时笔迹发飘。顺着运动方向拉一条光痕笔尖轨迹会左右跳拖出来的尾巴碎成几段。粒子感的另一半来自这条尾巴它需要被约束住而不是靠你画得慢。 动手前搞懂 3 个概念笔刷形状、动态大小与抗锯齿这些参数都在画笔工具栏里对应源码在 笔刷形状覆盖层。概念你需要知道的笔刷形状BrushShape共 5 个取值Hidden 隐藏笔刷预览Pixel 单像素精准点Square 矩形笔触CirclePixelated 带像素感的圆CircleSmooth 平滑柔和圆。定义见 枚举源码动态笔刷大小笔刷引擎由节点图驱动笔触可随绘制速度实时变化工具栏的稳定度参数约束笔尖摆动CircleRope 模式会把笔尖系在一条绳子上抗锯齿控制由 IsAntiAliased 开关决定开边缘出现柔和的灰色过渡关边缘全部硬像素。像素主体关光晕层开✨ 三步做出粒子效果2px 基础点、40% 渐变、40px 光痕第 1 步新建图层画 2px 粒子基底操作新建 256x256 画布建图层命名为 particles-1选画笔工具工具大小设为 2px打开像素精确颜色选亮金 #FFD966。为什么2px 是看得见又不抢主体的下限单色粒子方便后面整层调透明度。参数建议一簇点 5~6 个点间距 6~10px簇与簇之间留 12~16px 空隙。第 2 步叠两层拉开透明度梯度操作新建 particles-2大小 4px、形状 CirclePixelated图层透明度 40%再建 particles-3大小 8px、形状 CircleSmooth打开抗锯齿图层透明度 15%。为什么2px/4px/8px 配 100%/40%/15% 的透明度形成前实后虚的深度——这才是粒子感的来源而不是点的数量。参数建议嫌稀就给中间层补 2 个点不要放大基础点。第 3 步用稳定度画出一条光痕尾巴操作在 particles-3 上把稳定度设为 40、模式选 CircleRope从角色运动方向的后方 24px 处起笔朝角色画一条约 40px 的短弧。为什么CircleRope 把笔尖约束在 40px 弧半径内轨迹不再乱跳15% 的半透明短弧看起来就是从主体甩出来的尾迹。参数建议尾巴像直线就把稳定度加到 60像糊团就把该层透明度降到 10%。 笔刷参数对照表与常见错误避坑模式组合边缘效果用在哪2px Pixel 抗锯齿关硬边小方块粒子主体、星点4px CirclePixelated 抗锯齿关像素圆中间过渡层8px CircleSmooth 抗锯齿开柔和光晕氛围光、光痕8px CircleSmooth 抗锯齿关像素化圆主体与光晕的过渡上面这套 PixiEditor 自定义笔刷参数组合就是粒子的完整配方。对照检查这三个常见错误100px 的画布用 30px 笔刷粒子比角色还大直接糊掉。从 2~8px 起步。主体层开了抗锯齿边缘发灰丢掉了像素锐度。抗锯齿只开在最大尺寸那一层。三种大小的点画在同一层无法单独调透明度。一个尺寸一个图层。想系统核对功能清单可看 README.md。 进阶自己写一个笔刷插件PixiEditor 的笔刷引擎本身就是一张节点图你可以在图里做出越画越细或随机飞散的笔刷想把笔刷打包给别人用就做成扩展。仓库里带了 12 个现成示例工程其中 Sample11_Brushes 是可直接参考的笔刷示例。粒子效果说白了就是小的亮、大的暗、短弧做尾迹。打开 PixiEditor建一张 256x256 画布照第 2 步的 2px/4px/8px 三层配方练一遍。【免费下载链接】PixiEditorPixiEditor is a Universal Editor for all your 2D needs项目地址: https://gitcode.com/GitHub_Trending/pi/PixiEditor创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考