AI转PSD如何保留全部图层?Ai2Psd脚本5分钟上手教程
【免费下载链接】ai-to-psdA script for prepare export of vector objects from Adobe Illustrator to Photoshop项目地址: https://gitcode.com/gh_mirrors/ai/ai-to-psd
AI转PSD(从Adobe Illustrator导出到Photoshop)时图层全部合并成一张扁平图,是无数设计师每天都在经历的崩溃现场。开源免费的Ai2Psd脚本正是为这个痛点而生的工具:它能按图层结构把Illustrator中的矢量对象导出为PSD,路径、填充、文本都保持可编辑,从此告别手工重建。这份教程从安装讲到第一次成功导出,全程只需5分钟,每一步都能照着做。
一、深夜11点,一位设计师的崩溃现场
先讲一个真实得不能再真实的场景。
设计师小林花了一整天,在Illustrator里完成了一套完整的UI图标:车身、后视镜、车轮、备胎……每个部件都拆成了独立的图层,命名得清清楚楚。客户那边却发来一句:"能不能给我一份PSD?我们团队要在Photoshop里继续加工。"
小林试了三种办法,三种都翻车:
- 直接复制粘贴:过去之后所有东西粘成一坨,路径全废,根本没法编辑;
- Illustrator自带导出PSD:打开一看,图层树没了,只剩一张扁平图;
- 手动重建:照着原图重新拼一遍,少说也要加班到凌晨。
最后他盯着屏幕上那堆"图层 1、图层 2 副本",内心只有一个想法:明明源头文件结构那么清楚,为什么一到PSD里就全没了?
这个场景你熟悉吗?如果你也经常在Illustrator和Photoshop之间来回倒腾,那你大概已经猜到了——小林缺的,正是今天要讲的这个脚本。
二、一句话认识它:Ai2Psd脚本是什么
Ai2Psd脚本是一个运行在Adobe Illustrator里的免费脚本,它的作用是把AI文件中的矢量对象,按原有图层结构导出为可编辑的PSD文件。
换句话说:你之前在Illustrator里精心维护的图层结构、路径、填充、文本,经过它导出后,在Photoshop里依然"活着",而不是变成一张不能动的图。
为什么值得用它?因为它把最耗时、最机械的那部分工作——图层整理、对象转换、批量导出——全部自动化了。你只需要点几次鼠标,剩下的交给脚本。省下来的时间,够你多改两版方案、多喝一杯咖啡。
三、Ai2Psd能力拆解:能转什么、适合谁
先看一张图,认识一下这位"主角":
Ai2Psd脚本不是万能转换器,但它在"矢量图层转换"这件事上做得非常专精。根据项目说明,它对各类对象的支持情况如下:
| 对象类型 | 支持情况 | 导出格式 |
|---|---|---|
| 基础形状 | ✅ 支持 | 可编辑 |
| 路径形状 | ✅ 支持 | 可编辑 |
| 编组 | ✅ 支持 | 可编辑 |
| 文本 | ✅ 支持 | 可编辑 |
| 填充 | ✅ 支持 | 可编辑 |
| 剪贴路径 | ✅ 支持 | 可编辑 |
| 渐变 | ⚠️ 不支持 | 栅格化 |
| 描边 | ⚠️ 不支持 | 栅格化 |
| 滤镜效果 | ❌ 不支持 | 清除 |
一句话总结:纯色矢量图形和文本是它的主场,渐变、描边这类"半矢量"对象会退化为独立栅格图层——虽然不再是矢量,但至少不会丢。
那到底哪些人最该用它?
- UI/UX设计师:在AI里画图标,交付PSD给开发或运营,图层必须清晰可分;
- 品牌设计师:把整套视觉系统从AI迁移到PS,Logo、图形、字标一个都不能少;
- 插画师:AI起稿、PS后期,希望过渡过程不损失可编辑性;
- 设计团队:成员习惯不同的工具,需要统一、可复制的AI→PSD交接流程。
四、Ai2Psd脚本安装到第一次导出的完整步骤
下面进入正题。跟着做,第一次就能成功。
第1步:下载并安装Ai2Psd脚本
先获取脚本文件。打开终端,克隆仓库:
git clone https://gitcode.com/gh_mirrors/ai/ai-to-psd然后把其中的Ai2Psd.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
复制完成后,重启Illustrator,在文件 → 脚本菜单里就能看到Ai2Psd了。💡 嫌装目录麻烦?也可以直接把脚本文件拖到Illustrator打开的文档标签上,同样能运行。
第2步:导出前的文件准备
这是很多人忽略、但非常重要的一步。启动脚本之前,请确认:
- 图层面板已经显示并完全展开——脚本需要读取图层结构,面板收着它看不见;
- 使用文件副本运行——脚本会修改当前打开的文件,建议先另存一份再操作;
- 文档先保存过——如果文件从未保存,导出的PSD会被扔到桌面,容易找不到。
第3步:运行脚本并设置导出参数
打开你的AI设计文件,点击文件 → 脚本 → Ai2Psd,弹出一个导出面板,按需设置:
- 分辨率:屏幕显示用72~150ppi,印刷输出选300ppi,也可以手动填(72~2400);
- 色彩模式:数字媒体选RGB,印刷选CMYK,或者跟随文档原始色彩;
- 导出范围:单个当前文档、所有打开的文档,或者指定文件夹批量处理。
点击Export按钮,等待进度条走完。整个过程会逐个处理对象,稍等片刻:
第4步:验证AI转PSD的结果
导出完成后,去Photoshop打开生成的PSD,重点检查四件事:
- ✅ 图层结构是否完整保留,命名是否清晰;
- ✅ 路径是否还能用直接选择工具编辑;
- ✅ 颜色模式是否符合预期(RGB还是CMYK);
- ✅ 分辨率是否和设置一致。
四项全过,恭喜你,第一次AI转PSD就成功了。
五、三个进阶技巧,让AI转PSD的效果更完美
基础流程跑通后,下面几个技巧能让导出质量上一个台阶。
技巧一:先轮廓化描边,保住矢量线条
还记得上面的表格吗?描边在转换时会被栅格化。如果你希望线条在PSD里依然是可编辑的矢量,就在导出前选中对象,执行对象 → 路径 → 轮廓化描边(Outline Stroke),把描边变成填充形状再导出。适合需要矢量细线、描边字的设计。
技巧二:把零碎小对象合并成复合路径
如果文件里有大量相似的小元素——比如毛发笔刷的笔触、纹理细节、轮廓文字——它们会撑爆图层数量,拖慢转换速度。此时可以全选这些对象,执行对象 → 复合路径 → 创建(Make Compound Path)把它们合并,既减少图层数、提升性能,又不破坏设计完整性:
技巧三:批量导出多个文件
Ai2Psd脚本(v4.0起)自带批量导出界面:在"来源"面板选择"从文件夹",可以一次导入整个文件夹里的AI/EPS/SVG文件,勾选"包含子文件夹"还能递归处理下级目录。配合多画板导出选项,一次运行就能把整套设计系统全部转成PSD,适合需要定期同步组件库的团队。
六、Ai2Psd常见问题与解决办法
新手最容易踩的坑,基本都集中在这几个地方。按"症状 → 原因 → 对策"对照排查:
1. 菜单里找不到Ai2Psd脚本
- 症状:重启Illustrator后,
文件 → 脚本里没有Ai2Psd。 - 原因:脚本文件没放进正确的Scripts目录,或版本过旧(脚本要求Illustrator CS6及以上)。
- 对策:确认文件放在对应版本的Scripts目录,重启一次Illustrator;实在不行就改用"拖拽到文档标签"的方式运行。
2. 导出后部分图层丢失或乱合并
- 症状:PSD里图层数量明显变少,或几个对象被合到了一层。
- 原因:图层面板没有显示或没有展开,脚本读不到完整结构;另外,受Illustrator自身限制,个别图层在导出时可能随机合并,官方也承认"无法100%控制"。
- 对策:导出前把图层面板调出来并逐层展开;对于必须独立的对象,单独放一个图层并命名。
3. 脚本运行时报错或中断
- 症状:弹出警告,提示位图或图表对象可能导致导出错误。
- 原因:文件里的光栅图片(RasterItem)和图表(GraphItem)与PSD导出不兼容。
- 对策:按脚本提示确认"隐藏这些对象",导出后再在PSD里手动补回,或者转换前提前隐藏。
4. 想重新运行脚本,却发现文件被改过了
- 症状:同一个文件第二次运行Ai2Psd,结果异常。
- 原因:脚本为了转换对象,会修改当前打开的文档。
- 对策:用
文件 → 还原(Revert)恢复到上次保存的状态,再重新运行;更稳妥的做法是始终在副本上操作。
5. 低配电脑上跑得特别慢
- 症状:大文件转换时进度条半天不动。
- 对策:转换时把Illustrator切到全屏模式,关闭其他占内存的程序,并参考下一节的性能优化建议。
七、效率、性能与协作的最佳实践
工具上手之后,真正拉开差距的是使用习惯。几点专业建议:
性能层面:让文件"轻装上阵"
- 转换前执行
对象 → 路径 → 简化,把复杂贝塞尔曲线的节点数量降下来; - 用"复合路径"合并成百上千的小对象,减少脚本遍历负担;
- 删除隐藏图层、游离点和空对象,别让脚本处理无用内容;
- 硬件上,16GB以上内存和SSD硬盘会让大文件转换明显提速。
效率层面:批量思维
一次打开多个文档,用"所有打开的文档"选项统一转换;如果文件数量巨大,就按文件夹分批次处理,每批导完立即核对,别攒到最后一起看结果。
协作层面:命名即规范
Ai2Psd脚本会保留对象的命名,并自动把西里尔字符转写为拉丁字母。所以,给图层和对象起清晰的名字,等于直接决定了交付PSD的图层可读性。团队内部可以约定统一的命名规则(如Icon_Home、Btn_Primary),让交接零沟通成本。
八、写在最后:工具应该服务于创意
回到开头那个深夜加班的故事——小林的痛点从来不是"不会用Illustrator",而是工具之间的断层把他困在了重复劳动里。
好的工具不应该成为创意的障碍。Ai2Psd脚本的价值,恰恰在于把"图层转换"这种毫无创意含量、却又耗时极长的工作,压缩成一次点击。你负责设计,它负责搬运,各司其职。
现在就动手吧:
- 克隆仓库
https://gitcode.com/gh_mirrors/ai/ai-to-psd,拿到Ai2Psd.jsx; - 按教程安装到脚本目录,重启Illustrator;
- 打开一个简单的测试文件,跑通第一次AI转PSD;
- 再把技巧和避坑清单用起来,应用到真实项目。
五分钟的投入,换回今后每次AI转PSD都图层完整、路径可编辑的顺畅体验。这笔账,怎么算都划算。
【免费下载链接】ai-to-psdA script for prepare export of vector objects from Adobe Illustrator to Photoshop项目地址: https://gitcode.com/gh_mirrors/ai/ai-to-psd
创作声明:本文部分内容由AI辅助生成(AIGC),仅供参考