如何从 RGB 值列表中为 Photoshop 创建色样?

平面设计 adobe-photoshop 颜色 自动化 色板
2022-02-28 15:27:55

我有一个RRR GGG BBB文本文件中的颜色列表,我只需要使用这些颜色来创建我的图像。我希望能够将这些颜色加载到 Photoshop 的调色板(样本)。有没有一种方法可以从 Photoshop 中自动化样本创建过程,或者以其他方式从颜色列表创建样本文件作为文本文件?

(PS应该有Palette、Swatch等标签)

更新:我的列表中有很多颜色,而且我的列表不是唯一的,用户应该有简单的方法将列表转换为 Photoshop 兼容的样本文件,这样我们就可以立即开始绘图。

4个回答

我会创建一个小网页,然后进行屏幕抓取。您最终会得到一个可以放置在图层上的位图图像。从那里您可以对颜色进行采样并在您的设计中使用它们。

如果您的列表如下所示:

0 0 0
0 0 255
0 255 0
255 0 0

一些巧妙的查找/替换应该可以为您提供创建网页所需的内容。根据文档中的确切字符,您应该能够将文档转换为这种格式。查找空格并用“,”替换应该会给你这个:

0, 0, 0
0, 0, 255
0, 255, 0
255, 0, 0

然后,您可以找到返回字符,并替换为以下内容:

);">&nbsp;</div> *return character*
<div style="width:100px;height:100px;float:left;background:rgb(

所以你最终得到:

0, 0, 0);">&nbsp;</div>
<div style="width:100px;height:100px;float:left;background:rgb(0, 0, 255);">&nbsp;</div>
<div style="width:100px;height:100px;float:left;background:rgb(0, 255, 0);">&nbsp;</div>
<div style="width:100px;height:100px;float:left;background:rgb(255, 0, 0)

这意味着您只需在文档的开头和结尾添加一点 HTML 即可拥有可以显示和屏幕抓取的网页。

<!DOCTYPE html>
<html lang="en-us">
<body>
<div style="width:100px;height:100px;float:left;background:rgb(0, 0, 0);">&nbsp;</div>
<div style="width:100px;height:100px;float:left;background:rgb(0, 0, 255);">&nbsp;</div>
<div style="width:100px;height:100px;float:left;background:rgb(0, 255, 0);">&nbsp;</div>
<div style="width:100px;height:100px;float:left;background:rgb(255, 0, 0);">&nbsp;</div>
</body>
</html>

确保您使用的浏览器以与您的原始颜色值匹配的方式显示颜色。您可以通过检查一些颜色来测试这一点——看看它们是否与您最初输入的值匹配。

您甚至可以保存查找和替换字符串并以相同的方式处理未来的文件。

如果您确实需要将结果作为 Photoshop 样本文件,您可能需要聘请一位友好的开发人员来创建一个小脚本来构建您所追求的文件。


另一种选择是编写 Photoshop 脚本以直接自动添加色板,而不是构建色板文件。PS-Scripts 论坛可能是寻求帮助的好地方。

http://www.ps-scripts.com/bb/viewtopic.php?t=842

ASE 是 Adob​​e Swatch 交换格式。不幸的是,它是一种二进制格式,但幸运的是,人们已经为 ASE 编码脚本提供了源代码。参见例如 ( http://blog.soulwire.co.uk/code/actionscript-3/as3-ase-adobe-swatch-exchange-encoder )。

Adobe 可能支持 ACBL 格式 (XML) 或 ACF 格式(文本),但它们似乎是旧格式,不会显示在“加载样本”文件类型选项中。

这并不总是意味着它们不受支持,但您需要让文件对话框忽略文件类型过滤器:

windows,*.*在文件名框中输入,然后回车

您可能没有默认打开颜色面板,因此单击窗口 -> 颜色(或 F6)颜色面板将打开,您应该会看到 3 个 RGB 滑块或 4 个 CYMK 滑块,具体取决于您的颜色模式。

滑块(左)旁边是 2 个方块,单击其中一个,您会看到“颜色选择器”窗口。

现在只需输入 RGB 数字,然后单击“添加到色板”(然后它会要求您输入名称,然后单击保存。

完毕 :-)

编辑:评论中非常相似但更简单的解决方案: 如何轻松地将 HEX 值的纯文本列表转换为 adobe ACO/ASE 调色板文件?


如果颜色的格式是有效的 SVG 颜色(比如说:HTML/CSS 颜色),并且您不需要将颜色名称存储在色板中并且您可以访问 Illustrator,那么:

  1. 创建一个 SVG 文件,每种颜色有 1 个矩形。(*)
  2. 在 Illustrator 中打开 SVG 文件
  3. 选择所有艺术品,打开色板面板,从“汉堡菜单”中选择create new Color Group
  4. 从同一菜单中,选择Save swatches as ASE

在 1 处,(*):

使用像 TextMate 这样允许多插入符号选择的高级文本编辑器。将颜色列表粘贴到编辑器中,并确保每种颜色前面都有一个光标(插入符号)。现在,您可以将每种颜色包装在 SVG-rect 标记中,如下所示:

<rect width='10' height='10' fill='#F5D6B2' />

您可以同时对所有颜色执行此操作!<svg>在前面添加一个标签,</svg>在末尾添加一个结束标签,另存为“MyFirstColorList.svg”或其他任何内容并在 Illustrator 中打开。

另请注意:

  1. 这也可能在 Photoshop 中立即实现,但我不知道。
  2. 在 MSWord 或任何其他文本编辑器或文字处理器中,使用命令行魔法或智能搜索和替换也可以将颜色列表转换为矩形列表。

(这是我在https://community.adobe.com/t5/indesign-discussions/how-to-write-adobe-swatch-exchange-ase-file/mp/12720707#M463886上的答案的(几乎)逐字副本)