资讯动态

Fillinger 填充脚本完整指南:30 分钟让 Illustrator 自动把元素撒进任意形状

发布时间:2026/8/16 19:20:25 来源:尧图企业网站定制
Fillinger 填充脚本完整指南30 分钟让 Illustrator 自动把元素撒进任意形状【免费下载链接】illustrator-scriptsAdobe Illustrator scripts项目地址: https://gitcode.com/gh_mirrors/il/illustrator-scripts凌晨一点我盯着屏幕里那 200 多颗星星发呆。做一张夜空海报理论上只要复制粘贴就行可真正排起来才知道什么叫手抽筋要么叠成一团要么留出大片空白改到第 5 版时我差点把电脑合上。直到我遇到Fillinger 填充脚本——这个藏在开源项目 illustrator-scripts 里的免费小工具只用了一次就治好了我的排列焦虑它能把任意元素随机撒进任意形状全程不重叠、不越界、不重样。先从一个让人崩溃的夜晚说起故事的开头其实很普通品牌方要一套 6 张不同色系的星空纹理底图元素都一样只是分布方式要看起来自然。我当时的流程是画一颗星 → 复制 → 手动拖到空位 → 缩放 → 旋转 → 再复制……每张图花掉 40 分钟出来的效果还带着一股人工排布的生硬感。第 3 张图做完我意识到这不是效率问题是方法问题——重复劳动应该交给脚本设计师只负责审美判断。Fillinger 解决的正是这件事你给出一个容器任何路径形状和一批填充物一个对象或一组对象它自动计算摆放位置、尺寸和角度几秒内生成一张分布均匀、互不遮挡、充满随机感的填充结果。一句话概括它的价值把手动排列 1 小时变成参数设置 1 分钟。它是什么藏在 illustrator-scripts 里的免费小工具Fillinger 是 GitHub 加速计划项目il/illustrator-scripts中的一员。这个仓库由俄罗斯设计师 Alexander Ladygin 整理维护收录了几十个实用 Illustrator 脚本Fillinger 本身是在 Jongware 的 Circle fill 脚本基础上重构而来的全部遵循 MIT 协议免费使用、可自由修改。仓库里除了 Fillinger还有一批能打配合的兄弟脚本先混个脸熟脚本一句话功能fillinger.jsx把元素随机填充进目标形状本篇文章主角randomus.jsx批量随机化颜色、大小、旋转、透明度harmonizer.jsx一键对齐和整理大量散乱对象griddder.jsx把对象规整排布到网格cropulka.jsx一键裁剪超出画板的内容transferSwatches.jsx跨文档复制颜色样本并保留层级这些脚本全部以.jsx文件形式提供打开就是源码安装零门槛。Fillinger 的核心逻辑放在 fillinger.jsx 这一个文件里纯脚本实现不依赖任何插件。五步极速上手从下载到出图整个上手过程不需要写一行代码按下面五步走15 分钟内能跑通第一个成品。第 1 步拿到脚本文件在终端里克隆整个仓库git clone https://gitcode.com/gh_mirrors/il/illustrator-scripts下载完成后在illustrator-scripts目录下找到fillinger.jsx后面只需要这一个文件。第 2 步放进 Illustrator 的脚本目录把fillinger.jsx复制到对应系统路径macOS/Applications/Adobe Illustrator [版本]/Presets.localized/zh_CN/ScriptsWindowsC:\Program Files\Adobe\Adobe Illustrator [版本]\Presets\zh_CN\Scripts如果你用的是英文界面把路径里的zh_CN换成en_GB即可。放好后重启 Illustrator菜单栏文件 → 脚本里就会出现fillinger.jsx。第 3 步准备两个对象选中至少两个对象这是脚本的硬性要求其中一个必须是容器且类型只能是路径PathItem或复合路径CompoundPathItem比如圆形、多边形、甚至带孔洞的甜甜圈形状其余是填充物可以是一个对象也可以是一个编组组里放多种元素时效果更丰富。两者同时选中后运行文件 → 脚本 → fillinger.jsx弹出设置面板。第 4 步认识关键参数面板上的选项不算多但每一个都直接影响结果先记下这张速查表参数默认值作用建议起始值Max / Min10 / 4填充元素最大、最小尺寸占容器尺寸的百分比Max 10Min 4Min distance0元素之间的最小间距元素平均大小的 20% 左右Resize value70整体缩放系数值越大元素越大70RotateRandom随机旋转或按固定角度旋转RandomThe item to fill isOn top填充物放在容器上方、下方还是按图层面板顺序On topGroup all items不勾选完成后自动把所有填充物编成一个组建议勾选Random items不勾选填充物是编组时随机从组内挑元素组内多个元素时勾选Remove the item to fill不勾选填充完成后删除容器视需要勾选小技巧面板上的数值框支持方向键微调按住Shift每次跳 10按住Ctrl每次跳 0.1比手打数字快得多。第 5 步运行并验收点击 OK进度条走完填充结果立刻出现在画板上。此时检查三件事元素是否全部落在容器内部没有越界元素之间是否留有均匀的间距没有重叠随机感是否自然没有规律性的重复排列。若不满意的方向微调 Max/Min 和 Min distance 重新跑一次即可。所有参数会在关闭窗口时自动保存下次打开脚本直接沿用上次配置。原理白话解读往拼图地毯上撒豆子Fillinger 的核心机制听起来很高深——三角剖分、最近边距、碰撞检测——但用生活场景理解起来很简单。把容器形状想象成一块被切成无数小三角形的拼图地毯Fillinger 的工作分三步切地毯脚本先把容器轮廓细分成密密麻麻的三角形网格曲线边缘也会被折成小段确保任何形状都能被覆盖撒豆子每次随机挑一个三角形在里面随机落一个点这个点就是元素的座位落座前要过两道检查——离边缘够不够远、离已经落座的元素够不够远记地盘每个落座元素都记录自己的半径地盘下一个候选点只有不侵入任何已有地盘才会被接受这就是永不重叠的秘密。整个过程会从大尺寸元素开始撒逐层缩小源码里每层按约 0.667 倍递减所以最终效果天然有大有小的层次感。如果容器是带孔洞的复合路径脚本会把内圈路径识别成禁区元素会自动绕开孔洞——想填一个甜甜圈形状中间那个洞永远是空的。你不需要懂算法只要记住一句口诀Fillinger 负责放得下、不打架、够随机你负责放什么、放多大。三个实战场景照着做就能出效果场景一5 分钟星空背景目标圆形夜空里随机散落上百颗星星互不重叠、大小不一、角度各异。操作步骤画一个圆作容器用星形工具做一颗星复制出 3~4 颗不同大小的星并编组同时选中圆和星组运行脚本。效果描述星星自动铺满整个圆面边缘处自动避让中心区域密度均匀每颗星都有独立旋转角度观感非常野生。关键参数对照表参数设置Max / Min15 / 5Min distance8Resize value70RotateRandomRandom items勾选Group all items勾选场景二有机纹理树叶 / 气泡 / 碎纸屑目标把不规则容器填出自然散落的有机纹理用于包装纸或背景装饰。操作步骤准备一片树叶形状作容器或任意手绘轮廓填充物用气泡、小叶片、圆点混合编组运行脚本并调小尺寸区间。效果描述元素像被风吹散一样自然分布没有手工排列的呆板感多层填充还能做出前大后小的空间层次。关键参数对照表参数设置Max / Min8 / 3Min distance5Resize value60RotateRandomThe item to fill isBelow场景三分层几何海报纹理目标用三层填充法做出有深度的几何纹理代替纯色背景。操作步骤先选大尺寸三角形填充底层间距拉大再把结果移到下层接着用小一号的菱形填中层最后用最小的圆点撒一层叠出三层结构。效果描述三种几何元素错落叠加、互不干扰视觉上既有秩序又有随机感比单层填充丰富得多。关键参数对照表层Max / MinMin distanceRotateResize底层大三角12 / 615固定 0°80中层菱形6 / 38Random70表层圆点3 / 1.54不旋转70这种分层做法比单次填充效果好出一个档次——第一次运行时用固定角度保证底层规整上层再随机旋转制造反差。顺带一提这套流程放到批量任务里效率差距是数量级的50 张卡片逐一手动排布约需 3 小时用脚本配合同一参数模板批量跑1 小时内能全部完成。新手最容易踩的六个坑坑 1只选了一个对象就运行脚本会直接弹出 Please select 2 or more objects。记住容器 填充物要一起选中缺一不可。坑 2容器不是路径类型文字、编组、位图都不能当容器运行时会提示容器必须是 PathItem 或 CompoundPathItem。解决办法文字先右键 → 创建轮廓复杂图形先对象 → 扩展。坑 3尺寸参数设得太离谱Max 超过 100 会被脚本强制拉回 20Min 填得比 Max 还大会被自动改成 Max 的一半。与其纠结极限值不如按Max 5~15、Min 为 Max 的 30%~50%的区间来调。坑 4Min distance 设太大结果稀疏得可怜间距越大能放下的元素越少。想要铺满就把间距调到元素平均大小的 10%~15%想要留白再往 40%~50% 走。坑 5忘记勾选移除容器容器默认会保留如果它本来就在填充物上层会直接盖住结果让人以为脚本失败了。确认不需要容器时记得勾选 Remove the item to fill。坑 6组里有多个元素却忘了勾 Random items不勾选时脚本会一直复制组里的第一个对象其它元素沦为摆设。想要组内元素轮番出场务必打开 Random items。你的下一步行动清单现在就动手按这个顺序走运行git clone https://gitcode.com/gh_mirrors/il/illustrator-scripts获取脚本把fillinger.jsx放进 Illustrator 脚本目录并重启软件用圆形容器 星形组跑通第一个星空背景体验完整流程把常用的三组参数星空 / 纹理 / 分层记进自己的参数笔记进阶玩法先用 randomus.jsx 给元素做颜色和缩放随机化再用 Fillinger 填充最后用 harmonizer.jsx 微调整体分布一套组合拳能做出更复杂的作品遇到问题回看这篇避坑清单绝大多数报错都逃不过上面六条。设计的天花板从来不是工具而是审美。把重复交给脚本把判断留给自己——别让排列的琐事偷走你真正该花时间的创意。【免费下载链接】illustrator-scriptsAdobe Illustrator scripts项目地址: https://gitcode.com/gh_mirrors/il/illustrator-scripts创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考

读完文章,也想定制专属网站?

尧图设计师 24 小时内与您沟通定制方案

免费获取报价