三亩地 三亩地SAN MU DI · CODE DIARY
ARTICLE DETAIL

日记详情

真实记录编程学习的某一天,欢迎挑你感兴趣的翻一翻。

免费Illustrator智能填充脚本Fillinger指南:30分钟告别手动排版

免费Illustrator智能填充脚本Fillinger指南:30分钟告别手动排版

免费Illustrator智能填充脚本Fillinger指南:30分钟告别手动排版

【免费下载链接】illustrator-scriptsAdobe Illustrator scripts项目地址: https://gitcode.com/gh_mirrors/il/illustrator-scripts

核心速览:illustrator-scripts 项目中的 fillinger.jsx,是一个免费开源的 AI 智能填充脚本。选中一个容器和一堆元素,它就能把元素随机、互不重叠地铺满任意不规则形状,让“铺星空、撒树叶、填气泡”这类最磨人的重复劳动,压缩到几分钟之内。这篇文章不讲代码,只讲它怎么救你于水火。

深夜赶稿的崩溃时刻:一个真实的设计师故事

晚上十一点半,设计师小林对着屏幕发愁。甲方要求给 30 张活动海报各配一张“自然撒落”的星星背景。听起来不难?她打开 Illustrator,把一颗星星复制了 200 次,然后开始一颗一颗手动拖位置、调大小、转角度。

拖到第 60 颗的时候,她发现左上角密密麻麻挤成一团,右下角却空荡荡。她只能删掉重来。第 120 颗时,两只星星叠在了一起,她又得挪。凌晨两点,第 200 颗终于放完——但仔细一看,分布仍然“很人工”:要么太均匀,要么太聚堆。

这种场景你大概率也经历过:不是不会做,而是“随机又好看”这件事,人脑真的做不来。手放的位置必然有规律,眼睛盯久了必然漏看重叠。而这正是 Fillinger 存在的意义——把“随机撒放”这件事,交给算法去完成。

原理不玄乎:像撒芝麻一样撒星星,为什么它们互不重叠

Fillinger 的底层是经典的三角剖分算法。通俗点说:它先把你的容器形状拆成一张密密麻麻的三角形网格,再在网格内部随机挑选落点。

你可以想象一个装芝麻的圆盘:如果闭着眼睛乱撒,芝麻大概率会叠在一起;但 Fillinger 不是乱撒,它每放一颗“芝麻”都会做两件事——检查这个点离容器边缘够不够远、离已放下的元素够不够远,不行就换一个点重新试。放完大元素,再放中等元素,最后补小元素,层层递进,直到把容器填得又满又自然。

结果就是:元素永远不越界、永远不重叠,还带一点恰到好处的随机感。你不需要去理解 ear clipping 或者数学公式,只需要知道一件事——它比你手放得又快又准。

三步安装方法:把 Fillinger 放进 Illustrator 脚本目录

整个项目只有几十个脚本文件,不需要任何环境配置,拿到就能用:

  1. 克隆项目:在命令行执行git clone https://gitcode.com/gh_mirrors/il/illustrator-scripts,下载整个 illustrator-scripts 仓库。
  2. 找到脚本:在项目根目录找到fillinger.jsx文件。
  3. 复制进脚本目录,然后重启 Illustrator:
    • macOS:/Applications/Adobe Illustrator [版本]/Presets.localized/en_GB/Scripts
    • Windows:C:\Program Files\Adobe\Adobe Illustrator [版本]\Presets\en_GB [或你的语言]\Scripts

重启后,通过菜单文件 → 脚本 → fillinger.jsx就能调用它了。

15分钟上手清单:完成你的第一次智能填充

第一次操作别想太多,跟着这四步走,十五分钟内就能出效果:

步骤操作说明
1画一个圆作为容器,必须是路径或复合路径(PathItem / CompoundPathItem)
2画一颗星星作为被填充的元素,可以画好几个叠成一组
3全选两者注意:容器可以是选中区的顶层或底层,脚本里能设置
4运行脚本、点 OK默认参数即可,几秒后星星就自动撒满了圆

跑完你会发现:没有一颗星星越出圆外,没有两颗星星重叠,大小和角度各不相同。这就是智能分布的第一印象——自然得像是有人手工摆了半小时

参数问答:让元素不重叠的间距设置与常见坑

Fillinger 的对话框只有一屏,但每个参数都值得懂。以下是最常被问到的五个问题:

Q1:最大尺寸和最小尺寸是什么?元素相对容器整体尺寸的百分比,决定“撒进来的元素有多大”。默认 Max 10%、Min 4%,意味着最大星星约为容器的十分之一,最小约为四十分之一。尺寸范围越大,画面越有层次。

Q2:调整值(Resize value)是干嘛的?一个全局缩放系数,默认 70%。它相当于“整体再缩小一点”的保险丝——如果你觉得元素贴得太满,把 70 调成 50,画面立刻透气。

Q3:最小距离怎么设置才不重叠?默认是 0,脚本已经保证元素互不重叠。如果你想要元素之间留出明显空隙(比如做标签墙),把“Min distance”调到 10~20px,元素之间就会保持这个最小间隔。记住一个口诀:越想要稀疏感,这个值越大。

Q4:旋转选 Random 还是 By value?Random 让每个元素随机转 0~360°,适合星星、树叶、气泡这类自然元素;By value 可以填一个固定角度,适合方形、菱形这类需要整齐感的几何图形。

Q5:为什么脚本报错“Please select 2 or more objects”?说明你没选中足够对象。容器 + 至少一个元素是运行前提,且容器必须选中为路径或复合路径。另外“Random items”这个选项要注意:只有当你把多个元素编组后,勾选它才会随机抽取组内不同元素去填充,否则永远只用第一个元素。

还有个贴心的细节:你调好的参数会被自动保存到文档文件夹下的LA_AI_Scripts里,下次打开对话框,上一次的设置原样恢复,不用反复重填。

实战小案例:30分钟做一张星空海报背景

现在把前面所有知识串起来,做一个完整的“星空海报”案例:

  1. 备料:画一颗五角星和一个大圆,全选运行脚本。
  2. 设置尺寸:Max 填 12,Min 填 3,让星星大小差异明显,画面更丰富。
  3. 设置间距:Min distance 填 8,避免角落星星贴太紧。
  4. 旋转:勾选 Random,让每颗星朝向各异。
  5. 勾选“Group all items”:结果自动编组,方便整体缩放、移动,不会散落一地。
  6. 决定容器去留:勾选“Remove the item to fill”,填充完成后圆自动消失,只留下星空。

成品效果:一个圆形的星空背景,星星疏密有致、零重叠、角度随机——整个过程不到五分钟。

传统方式与智能分布的时间账本

光说“快”没有说服力,来算一笔账。同样是 120 个元素的卡片背景:

对比项手动操作Fillinger 智能填充
摆放 120 个元素约 3.5 小时,期间反复调重叠约 3 分钟
随机感难以避免人工痕迹天然随机、零重叠
调整尺寸角度逐个选中、逐个改对话框里一次改完
批量复制到多页每页重做一遍换容器、直接再跑一次

按这个节奏,原本要熬一宿的批量排版,一个下午就能全部收工,省下的时间超过八成。省下的不是操作时间,是让你可以早睡的那两个小时。

进阶小贴士:分层填充与脚本组合拳

会基础操作之后,有两个小技巧能让效果再上一个台阶:

分层填充法:别一口气填满。第一遍用大尺寸、大间距铺“底层”,第二遍换小尺寸、小间距补“表层”。两层叠加,视觉深度立刻拉开,比单次填充耐看得多。

和项目里其他脚本串联:illustrator-scripts 仓库里还有几个好帮手。先用randomus.jsx给元素加随机的颜色、透明度和缩放,再用 Fillinger 填充,最后用harmonizer.jsx做整体对齐微调。这一套组合下来,“随机又精致”的纹理基本是量产水平。

现在就动手:一个晚上的改变

Fillinger 本质上是在替你做那件“最不设计的设计工作”——重复的、机械的摆放。它不会替你想创意,但能把你想好的创意,从两小时的体力活变成两分钟的按钮。

今晚就可以试试:克隆项目、装好脚本、画一个圆和一颗星,跑一次。等你看到星星自己落满圆面的那一刻,大概就能理解为什么有人愿意为这种脚本专门写一篇文章了。

去下载吧,第一个星空正在等你点亮。

【免费下载链接】illustrator-scriptsAdobe Illustrator scripts项目地址: https://gitcode.com/gh_mirrors/il/illustrator-scripts

创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考

← 返回列表