ARTICLE DETAIL

资讯详情

深耕网站建设、视觉设计与SEO优化的一线实战洞察。

Fillinger:把Illustrator图案批量填充从一小时压缩到三分钟的开源脚本

Fillinger:把Illustrator图案批量填充从一小时压缩到三分钟的开源脚本

Fillinger:把Illustrator图案批量填充从一小时压缩到三分钟的开源脚本

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

下午四点,客户发来一句"背景纹理今晚能出吗"。你看着画板——一个等待被填满的圆形区域,旁边散落着一堆星形。手动摆放、逐个缩放、反复调距离,这套流程走下来,晚饭基本泡汤。这是每个用 Adobe Illustrator 做过图案填充的人都懂的日常。直到在这套开源脚本集 illustrator-scripts 里碰到fillinger.jsx,事情才开始反转:一个容器、一组元素、一次确认,上百个图案元素三分钟内各就各位。这篇就按"它是什么 → 怎么装 → 怎么用 → 每个参数在控制什么 → 踩坑怎么办 → 怎么玩进阶",把 Fillinger 一次讲透。

一、先认识它:Fillinger 到底替你做了什么

一句话定义:Fillinger 是一个 Adobe Illustrator 脚本,干的事很单纯——用一个对象当"容器",用另一个(或一组)对象当"填充元素",在容器内部自动生成一批大小随机、位置均匀、互不重叠的副本。它的前身是 Jongware 的 Circle fill 脚本,由 Alexander Ladygin 重构并加入设置面板、进度条与参数记忆,适用于 Illustrator CC 及以上版本。

两条硬性要求,先记牢:

  • 至少要同时选中 2 个对象,否则脚本会直接弹窗提示。
  • 容器必须是普通路径(PathItem)或复合路径(CompoundPathItem);填充元素则灵活得多,可以是单个对象,也可以是编组。

它凭什么又快又匀?简单说,脚本先把容器路径三角剖分成一堆小三角形,再在三角形内部随机撒点,按"从大到小"的尺寸逐层放置,每次落点都做两道校验:离边界够不够远、离已放置元素够不够远。所以结果既不会跑出轮廓,也不会叠成一团。更妙的是,每一层的半径按 ×0.667 逐级递减,同一批结果里天然就有"大、中、小"的层次过渡,完全不需要你手动做渐变缩放。

用一张进度条对比同一个"圆形容器 + 星形纹理"任务的耗时,感受更直观:

手动操作 ██████████████████████ 约 60–90 分钟 Fillinger ██ 约 2–3 分钟

具体数字会随形状复杂度和元素数量浮动,但"省下九成时间"是常态。对你来说,省下来的时间可以做更有价值的事——比如多喝一杯咖啡。

二、安装:三步装好,Windows 与 macOS 都能用

先获取脚本,克隆仓库或用下载压缩包都可以:

git clone https://gitcode.com/gh_mirrors/il/illustrator-scripts

仓库根目录下就能看到fillinger.jsx。把它放进 Illustrator 的脚本目录:

macOS:

/Applications/Adobe Illustrator [版本号]/Presets.localized/en_GB/Scripts/

Windows(64 位):

C:\Program Files\Adobe\Adobe Illustrator [版本号] (64 Bit)\Presets\en_GB [或你的语言目录]\Scripts\

Windows(32 位):

C:\Program Files (x86)\Adobe\Adobe Illustrator [版本号]\Presets\en_GB [或你的语言目录]\Scripts\

放好之后重启 Illustrator,在菜单"文件 → 脚本 → fillinger.jsx"里就能找到它。安装前必做的三件事:确认 Illustrator 是 CC 及以上版本;先随手新建一个空白文档备用,方便第一次试跑;不用装任何插件或依赖,纯脚本即拷即用。

这里有个小彩蛋:脚本会在你的"文档"目录下自动创建LA_AI_Scripts文件夹,把每次调好的参数写进Fillinger__setting.json。也就是说,你上次的设置下次打开会自动还原,不用每次重填一遍,这一点在频繁做同类项目时非常省事。

三、第一次实战:三步让星星填满一个圆

建议第一次用最简单的素材试手,感受"从选中到出结果"的完整链路。

  1. 画一个圆作为容器,再画一个星形作为元素,两个对象一起选中。
  2. 运行"文件 → 脚本 → fillinger.jsx"。
  3. 参数全部保持默认(Max 10%、Min 4%、Resize 70、随机旋转),直接点 OK 或按 Enter。

几秒钟后,圆里就会出现几十个大小不一的星形副本,分布均匀且都在圆内。想保留圆做底色,就保持"Remove the item to fill"不勾选;只想留结果,勾上它,源圆会在填充完成后自动删掉,画板干干净净。

一个小提醒:脚本默认取最上方的对象当容器(勾选"As in [Layers]"则按图层面板顺序取),所以谁当容器、谁当元素,取决于你选中的对象在画板上的上下位置。

四、参数面板从上往下过一遍:每个旋钮在控制什么

Fillinger 的对话框不大,但每个选项都值得单独试一遍。这里按面板顺序逐个讲,方便你对着窗口操作。

尺寸范围(Max / Min,百分比):先定大基调

  • 它是什么:填充元素相对容器整体尺寸的百分比范围。脚本从 Max 开始,按 ×0.667 逐级缩到 Min,所以结果天然有层次。
  • 怎么设:默认 Max 10、Min 4,适合细腻纹理;想要戏剧化效果就把 Max 拉到 40 以上。
  • 场景建议:4–10% 做细颗粒背景;15–40% 做有层次的装饰;50% 以上做视觉焦点。

最小距离(Min distance):决定疏密

  • 它是什么:相邻元素之间留的最小空隙,数值越大越稀疏。
  • 怎么设:默认 0 代表最密,5–15 是大多数场景的常用区间,20 以上就是明显的稀疏感。
  • 场景建议:实心纹理用 0–5;常规图案 5–15;留白背景 15 起步。

缩放值(Resize value):让元素"活"在圆里

  • 它是什么:每个元素占据其放置圆半径的比例,默认 70。调低,元素会"缩"在圆里,彼此留出呼吸感;调高,元素尽量撑满。
  • 场景建议:想饱满用 80–100,想通透用 50–70。

旋转:随机还是统一

  • 它是什么:Random 模式下每个副本随机转 0–360°;By value 模式下所有副本统一转一个指定角度。
  • 场景建议:星形、花瓣这类"怎么转都成立"的元素用随机;几何方阵或方向感明确的元素用 By value,比如统一 45°。

图层位置:On top / Below / As in [Layers]

  • 它是什么:决定填充结果放在容器上方、下方,还是严格按图层面板顺序插入。
  • 场景建议:想让容器当"底"就选 On top;想让填充元素垫在容器后面当阴影层,就选 Below。

三个复选框:编组、随机取元素、清理源对象

  • Group all items after executing:填充完自动把结果编成一组,方便整体移动和后续编辑。
  • Random items(元素在编组时可用):从组里随机抽取元素来用,而不是只用第一个,结果更有变化。
  • Remove the item to fill after executing:完成后删除容器,保持画板整洁。

键盘操作小抄

对话框里的数字框都支持方向键微调(Shift 一次跳 10,Ctrl 一次跳 0.1);Enter 直接运行,Esc 取消;在 Max 框按 Ctrl+→ 会把当前值同步到 Min,反之亦然。熟练之后全程不用碰鼠标。

五、高频问题速查:症状、原因、对策

新手最容易撞上的三个状况,按"症状—原因—对策"的格式说清楚。

症状一:运行后弹窗提示 "Please select 2 or more objects"原因:选中的对象不足 2 个。对策:容器和元素必须同时选中,缺一不可。

症状二:提示 "The filling object must be PathItem or CompoundPathItem!"原因:被当成容器的对象是文字、位图或编组,而脚本只接受普通路径与复合路径。对策:把文字转成轮廓("文字 → 创建轮廓"),或把多个子路径合并为复合路径后再试。

症状三:填充时一直转圈,感觉像卡死原因:形状路径的节点太多,三角剖分与距离校验的计算量会显著上升;或者期望生成的元素数量太大。 对策:先简化复杂路径的节点数;把大任务拆成两到三批分别填充;每批元素控制在 500 个以内,并关闭无关文档释放内存。对话框里的进度条不是装饰——只要它还在动,就说明脚本在正常计算。

六、进阶:把 Fillinger 放进一整条流水线

单个脚本能解决填充,但要做出有专业质感的作品,还需要一点组合拳。

分三阶段做多层纹理

  • 第一层:4–10% 尺寸、0–5 间距,高密度打底;
  • 第二层:15–30% 尺寸、5–15 间距,增加层次;
  • 第三层:50–100% 尺寸、20+ 间距,点缀视觉焦点。

每层换一种颜色或透明度,三层叠起来,深度感立刻出来。这也是电商促销素材和品牌底纹最常见的做法。

一套完整的协同流水线

illustrator-scripts 仓库里其实还藏着一整套配套脚本,可以串成一条流水线:

  1. 准备元素randomus.jsx给元素随机配色、缩放、旋转、透明度,制造自然变化;
  2. 批量填充fillinger.jsx完成主体排布;
  3. 整体整理harmonizer.jsx把成百上千个对象按规则排序、对齐;
  4. 局部替换replaceItems.jsx把某些填充元素替换成剪贴板里的新对象,快速迭代方案;
  5. 收尾裁剪cropulka.jsx一键裁掉超出画板的部分,适合微图库与印刷交付;
  6. 统一色彩transferSwatches.jsx把其他文档的色板整体迁移过来,保持层级结构一致。

另外,如果你经常拿复合路径当容器,建议搭配compoundFix.jsx——它能修复复合路径里混入编组导致的奇怪 bug,让后续填充更稳定。

复合形状与文字轮廓

圆形、矩形只是入门。文字转轮廓后的字形、带孔洞的环形、复杂的剪影,只要是合法的路径或复合路径,Fillinger 都能填。做"文字纹理字"或"镂空框架内嵌图案"这类效果,比手动一个个摆快得多。

七、现在就能动手:三个练手项目与你的下一步

与其看一百遍教程,不如今晚就做三个小项目:

  1. 品牌底纹:圆形容器 + 星形元素,尺寸 5–15%、间距 8,几分钟做一张能反复复用的底纹。
  2. 促销素材:心形、礼盒等元素编成一组,勾选 Random items,尺寸拉开 10–80%,热闹感立刻出来。
  3. UI 背景:低密度填充(尺寸 4–10%、间距 15+),生成不抢主体内容的 App 背景,还能存成图案色板反复调用。

三个项目做完,顺手把好用的参数组合记下来,慢慢积累成自己的预设库。仓库里的 README 对每个脚本都有对应的使用说明;fillinger.jsx源码开头标注了作者与版权信息,想深入研究放置算法可以直接读源码注释;libraries/AI_PS_Library.js则是整套脚本共享的工具库,值得一翻。

最后的下一步非常具体:现在就把脚本放进 Scripts 目录、重启 Illustrator、用圆和星星跑通第一个案例。三分钟验证完,你自然就知道"一小时缩到三分钟"的说法,到底是不是真的。

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

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

返回列表