如何用一杯咖啡的时间,搞定一周的工作量

3,612 阅读5分钟

工作中,我们难免会遇到一些重复操作的设计工作,枯燥而无趣。

* 阅读本文后,您将学到以下技巧:

  1. 使用PhotoShop的数据组进行文本或图片的批量替换。

  2. 多变量数据组的批量导入导出操作。

  3. 复杂变量,文本和图片的混合操作。

* 技巧适用运用场景:

  1. 300份邀请函设计印刷,需要对应不同嘉宾姓名;

  2. 企业500名员工名片或工牌设计,对应不同人名,岗位,电话等信息;

  3. 大批量电商海报设计,对应不同产品图片,文案,价钱等多元素;

# 准备所需文件:

# 效果预览:

上图为根据整理好的Excle表输出的500份不同文本信息动图;

1. 下图为已经整理好的 excle/pages 表格:

2. 下图为根据表格内变量数据组批量导出的图片:

3. 下图为根据表格内名称输出的psd文件以及对应jpg文件(导出时候,命名格式可以匹配数据内容进行设置):

* 操作教程:

   第一步:定义变量

1.1.以图示“名片”为例,首先在PhotoShop中 整理好图层,找到需要更改的区域并定义为变量(变量内容支持:文本,图片);

1.2. 在图层中选中需要更改的文本

1.3. 点击“图像”——选择 “变量”——点击 “定义…” 

1.4. 在弹窗中进行配置,勾选 “文本替换”,并将名称命名为 “name” (名称需要与你表格中 变量组名 相同)

*图层名后 带“*” 号,则意为已经定义变量;如果有多个文本需要更改,则分别将其定义为变量;

1.5. 分别定义好变量后,点击“确定”,第一步便完成了;

    第二步:整理数据组

1.1.以图示“表格”为例,在整理时候需要特别注意的一点为:数据文本后不能存在 “空格” ; 

1.2. 表格第一行 需要命名为对应变量名称,PS会匹配对应变量名所在列,获取数据。

* 细心的用“搜索替换” 去除奇怪的空格对之后的操作很有帮助!

* 如果变量内容为图片,则值为“图片所在文件地址”,例如“/Users/Bm/Documents/变量的运用/img5.png”

1.3. 整理好表格后,导出为 “纯文本txt (用制表符分开)”  ANSI 编码格式 ;或者 “csv(用逗号分开)”格式;

MAC系统在这一步,利用自带文本编辑器可以制作纯文本txt格式

但是其编码默认 UTF-8,不支持ANSI,会导致PS出现特殊字符不能识别的情况;

这一步最好能使用Windows系统或者借助其他第三方工具;

1.4. 以图为例,这是将表格 导出纯文本后的样子,修改时候应使用Tab制表符,切勿直接使用“空格键”输入空格;

1.5. 将表格保存好纯文本之后,至此,第二步便算完成了;

    第三步:导入数据组

1. 接下来就是最重要的一步,将纯文本的数据表导入PS,这一步也特容易出现大大小小的问题;

1.1. 点击“图像”——选择“变量”——点击“数据组”

1.2. 在弹出菜单中,点击 “导入” ,选择你的纯文本文件,勾选“替换现有的数据组” 和“将第一列用作数据组名称”, 点击“应用”并“确定”;

1.3. 幸运的话,导入成功后便可以勾选“预览”,在数据组下拉菜单中 查看 对应数据在图片上的更改了;

1.4. 但是,如果导入后,点击确定弹出错误提示的话,就需要去 对应修改 数据组文件了;

# 常见错误提示为:

(1) ….第一行中变量名称过多。

(2) ….第“N”行中包含不完整的变量。

(3) ….不能识别的字符“”。

……等等等

# 解决办法主要为:

1.将变量名称改为 英文字符,例如 “姓名”改为“name”;

2.使用ANSI 编码格式的纯文本数据组;

3.去除纯文本文件内的一些奇怪 “空格”(最常提错情况)

例如下图片所示,在“number2”字段之后,光标与字段之间存在一段 “空格”,导致提示“第一行变量过多”,检查时候删除这片空格就行,当“空格”出现在数据字段尾部时,就会提示包含不完整的变量,只需要删除空格就行,多出现在最后一列文本之后。

1.5. 数据组成功导入后,能够预览后,后面就基本畅通无阻了,至此,第三部便完成了;

     第四步:批量导出psd

1.接下来就是很轻松的将数据组批量导出为psd; 点击“文件”——“导出”——“数据组作为文件”

2. 在弹出菜单可以设置即将导出的文件命名规则;文件名 - 数据组名称 . psd;选择文件夹后点击确定便可导出所有psd格式文件;

     第五步:批量导出jpg

1. 最后一步便是批量将我们获得的psd文件导为jpg,点击“文件”——“脚本”——“图像处理器”

2.在弹出菜单中,点击“选择文件夹”找到导出的psd文件夹,选择所需格式,配置所需动作等,便可点击“运行”进行导出

最后,便大功告成啦!获得下图输出列表~

成功使用一次后~,以后再遇到同样的情况能节省很多的时间!

我身边的同事再学会后用这个技巧一次性处理了800张员工信息工位卡图片,对应了不同的员工姓名,电话邮箱,照片工位号等等信息;

希望我的文章能为你带来帮助~