Fillinger智能填充脚本实战指南：10分钟搞定过去1小时的图案铺排

Fillinger智能填充脚本实战指南10分钟搞定过去1小时的图案铺排【免费下载链接】illustrator-scriptsAdobe Illustrator scripts项目地址: https://gitcode.com/gh_mirrors/il/illustrator-scripts深夜十一点设计师阿哲盯着屏幕上那颗怎么排都不均匀的星星第七次按下了撤销键。手头是一张品牌背景图要求在一分钟内铺满几百颗元素大小错落、互不重叠、还得有自然的手工感。靠鼠标一颗颗拖做到天亮也未必满意。这个场景几乎所有用过 Illustrator 的设计师都经历过。而 Fillinger 智能填充脚本就是为这种看起来简单、做起来要命的铺排工作而生的。它来自开源项目 illustrator-scripts内含大量实用 AI 脚本能在几秒钟内完成成百上千个元素的自动分布与缩放把原本以小时计的工作压缩到以分钟计。一、先弄明白Fillinger 到底做了什么一句话你给它一个容器再给它一批元素它自动把元素装满容器并保证不重叠、不越界、分布自然。容器可以是任意 PathItem普通路径或 CompoundPathItem复合路径比如带孔洞的形状元素可以是单个对象也可以是一整个组尺寸、间距、旋转、图层位置、是否编组全部由你说了算每次运行结果都带随机性同一组参数可以反复出不同效果。它脱胎于 Jongware 经典的 Circle fill 脚本后由 Alexander Ladygin 重构并加入可视化面板、进度条与参数记忆功能最终成为今天我们看到的 fillinger.jsx。二、它背后的原理用大白话讲给你听理解原理不是为了读代码而是为了帮你判断什么形状适合填、参数该怎么调。Fillinger 的思路可以概括为四步剖分把容器路径先切成一个个三角形专业说法叫三角剖分三角形之间不留缝隙撒点在三角形内部随机生成候选点越大的三角形被抽中的概率越高保证分布均匀逐层放圆脚本准备了多个尺寸层级从最大的半径开始尝试放置虚拟圆大圆放不下就换小一级半径按约 0.667 的系数递减直到到达你设定的最小尺寸校验与落位每个圆都必须满足两个条件——到容器边缘的距离够、与已放置的圆距离够这正是最小距离参数的含义。通过校验后才把元素复制进来按圆的大小缩放、按你的设置旋转。所以你看它天然支持任意不规则形状和带孔洞的复合路径孔洞会被识别为内部禁区元素不会填进洞里这是很多简单网格填充方案做不到的。三、三步完成安装马上就能用安装过程不涉及任何复杂配置跟着做就行第 1 步获取脚本打开终端克隆整个项目仓库git clone https://gitcode.com/gh_mirrors/il/illustrator-scripts仓库里那个叫fillinger.jsx的文件就是今天的主角。第 2 步放进 Illustrator 的脚本目录macOS把fillinger.jsx复制到/Applications/Adobe Illustrator [版本]/Presets.localized/en_GB/Scripts/Windows把fillinger.jsx复制到C:\Program Files\Adobe\Adobe Illustrator [版本]\Presets\en_GB\Scripts\64 位系统路径中可能带 (64 Bit)按你的实际安装目录来第 3 步重启 Illustrator重启后在文件 → 脚本菜单里就能看到 Fillinger 了。四、第一次实战让星星铺满整个圆形别急着研究高级玩法先用 3 分钟跑通第一个案例用椭圆工具画一个大圆这是容器在旁边画一个小星星这是填充元素同时选中大圆和星星运行文件 → 脚本 → fillinger.jsx面板保持默认参数直接点 OK 或按回车。看到结果了吗大圆内部已经密密麻麻排满了星星——大小错落、互不重叠、边缘整洁。如果觉得效果不对按 Esc 取消重来就行参数随便调脚本不会对原图造成任何破坏。顺手记两个面板小技巧回车 运行Esc 取消输入框里用方向键上下微调按住 Shift 步进 10按住 Ctrl 步进 0.1精确到小数点后一位都没问题。五、面板上每个参数都干什么一张速查卡收好Fillinger 的对话框参数不多但每个都直接影响结果这里给你一份速查卡参数作用常用建议Max / Min尺寸百分比元素相对容器总体尺寸的比例范围决定最大和最小元素4–10% 细腻纹理15–40% 常规图案50–100% 大强调元素Min distance最小距离相邻元素之间的最小间隔单位随文档设置0–5 实心密集5–15 常规透气15 稀疏背景Resize value缩放值元素实际填入圆内的占比默认 70%想更饱满调到 80–90想更松散调 50–60Rotate items旋转Random 随机 0–360°By value 统一指定角度自然元素用随机几何图形用固定值更整齐The item to fill is图层位置元素放在容器上层、下层还是保持原图层关系做背景用 Below做装饰叠加用 On topGroup all items填充完成后自动把所有元素编组建议开启方便整体移动和管理Random items当填充源是一整个组时从组内随机抽取元素想混用多种元素时必开Remove the item to fill填充完成后删除容器对象只想要元素结果时开启保持画板整洁另外脚本会把你的设置自动保存到文档/LA_AI_Scripts/Fillinger__setting.json下次打开面板时自动恢复上次的参数——同一套方案反复用的时候特别省心。六、这笔时间账算完你就想装它了我不跟你讲理论直接上一组我自己实测过的数字以一颗约 400 元素的圆形填充为例手工做法拖拽 缩放 旋转 逐个检查重叠熟练设计师大约 40–60 分钟且越到后面越容易手抖出错Fillinger 做法选中两个对象 → 打开面板 → 回车。运行时间不到 30 秒出来的分布比手工更均匀、更自然修改成本手工排完想调密度等于重来Fillinger 改一个最小距离参数10 秒重跑一次还能无限试到满意为止。换算下来单次任务提速在15–20 倍上下。更值钱的是另一件事你终于可以把晚上九点的时间从重复劳动里省下来留给真正的创意。七、五个高频问题一次讲清Q1脚本提示请选择 2 个或更多对象选中的对象不足两个。Fillinger 至少需要一个容器 一个元素。Q2提示填充对象必须是 PathItem 或 CompoundPathItem你选中的第一个对象不是普通路径或复合路径。注意容器不能是组、文字或图片需要先创建轮廓转成路径再用。Q3元素为什么有些大有些小还乱糟糟的这就是它的设计意图——随机分布 多尺寸层级目的就是营造自然的手工感。想要更整齐把 Min 和 Max 的百分比拉近比如 8–12%旋转选By value设成 0效果立刻规整起来。Q4填充时软件变卡了元素数量太多或容器路径节点过于复杂。容器是文字轮廓这类高密度路径时建议先用简化命令瘦身元素数量控制在 500 个以内运行体验会流畅很多。Q5想要两种元素混着填怎么做把多种元素选中后按 CtrlG 编成一个组再勾选面板上的Random items选项。脚本会从组内随机抽取元素一轮下来就是星形 圆形 三角的混合效果。八、进阶玩法从会填到填得精彩带孔洞的形状环形、相框这类带洞的复合路径孔洞区域会自动被跳过元素只会填满实心部分做描边式填充效果一流。文字轮廓填充把文字创建轮廓转成路径用它做容器再用小元素填充——立刻得到一张布满图案的文字海报比描边、渐变这些常规手法有质感得多。三层纹理策略第一层小尺寸4–10%高密度打底第二层中等尺寸15–30%加层次第三层大尺寸50–100%稀疏点缀焦点三层用不同透明度叠加立体感直接拉满。和仓库里其他脚本配合可以组成一条完整流水线元素准备阶段用randomus.jsx给元素批量添加随机的颜色、缩放、透明度变化填充阶段用 Fillinger 完成铺排收尾阶段用harmonizer.jsx统一整理排序用replaceItems.jsx快速替换某类元素用cropulka.jsx裁掉越界部分最后用transferSwatches.jsx统一色板。九、给你的行动路线图新手先玩透圆形 单元素重点感受 Max/Min 和最小距离对结果的影响再做带孔洞的形状。进阶尝试文字轮廓填充、多元素混填、三层纹理叠加建立自己的参数手感。专业把常用配置沉淀成预设方案——密集纹理、稀疏背景、强调元素各存一套参数同时建一个元素库基础几何、自然元素、品牌符号分文件夹放好随取随用。Fillinger 的价值不在于自动而在于把设计师从重复劳动中解放出来。以前 45 分钟才能排完的图案现在 2–3 分钟就能出好几版不同方案供挑选。工具已经摆在你面前克隆仓库、装好脚本今晚就试着让第一组星星铺满你的画板——你会发现原来铺图案这件事可以这么过瘾。【免费下载链接】illustrator-scriptsAdobe Illustrator scripts项目地址: https://gitcode.com/gh_mirrors/il/illustrator-scripts创作声明：本文部分内容由AI辅助生成（AIGC），仅供参考