Как создать образец цвета для Photoshop из списка значений RGB?

У меня есть список цветов, как RRR GGG BBBв текстовом файле, и мне нужно использовать только эти цвета для создания моих изображений. Я хотел бы иметь возможность загружать эти цвета в цветовую палитру Photoshop (образец). Есть ли способ автоматизировать процесс создания образца из Photoshop или каким-либо другим способом создать файл образца из списка цветов в виде текстового файла?

(PS должны быть такие теги, как Palette и Swatch)

Upd: у меня много цветов в списке, и мой список не единственный, у пользователей должен быть простой способ преобразовать список в файл образца, совместимый с Photoshop, чтобы мы все могли сразу начать рисовать.

Вы можете легко сделать это с помощью CSS... graphicdesign.stackexchange.com/questions/155558/… --- Честно говоря, в 2012 году, когда был задан вопрос, это могло быть невозможно .
Возможный дубликат: graphicdesign.stackexchange.com/questions/155558/…

Ответы (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

> Если вам действительно нужно, чтобы результат был файлом образца Photoshop, вам может потребоваться заручиться поддержкой дружелюбного разработчика, чтобы он создал небольшой скрипт для создания файлов, которые вам нужны. — Это то, о чем я спрашиваю, есть ли приложение для этого или хотя бы какое-то руководство по созданию собственных файлов образцов? Разбирая RGB на веб-страницу, используя браузер, делая скриншот, и я не нашел в вашем ответе, как сделать из этого файл образца. Кажется, что для создания файла образцов из значений RGB требуется много ненужных шагов!
Идея состоит в том, чтобы иметь образец растрового изображения. Вы можете брать образцы прямо из самого растрового изображения, не нуждаясь в файле образцов.
Просто добавил еще один вариант выше... вы можете создать скрипт для добавления образцов непосредственно в Photoshop.

ASE — это формат обмена Adobe Swatch. К сожалению, это двоичный формат, но, к счастью, люди сделали исходный код доступным для сценариев кодирования ASE. См., например, ( http://blog.soulwire.co.uk/code/actionscript-3/as3-ase-adobe-swatch-exchange-encoder ).

Adobe может поддерживать формат ACBL (XML) или формат ACF (текст), но они кажутся устаревшими форматами и не отображаются в параметрах типов файлов «загрузить образцы».

Это не всегда означает, что они не поддерживаются, но вам нужно, чтобы диалоговое окно вашего файла игнорировало фильтр типа файла:

windows, введите *.*в поле имя файла и нажмите Enter

Не могли бы вы дать ссылку на какие-либо примеры файлов ACF или ACBL?
Большое спасибо! Однако для того, чтобы сделать общедоступную версию, потребуется некоторое время.
Ссылка на кодировщик не работает (февраль 2022 г.)

Возможно, у вас не открыта панель «Цвет» по умолчанию, поэтому нажмите «Окно» -> «Цвет» (или F6), панель цветов откроется, и вы должны увидеть 3 ползунка RGB или 4 ползунка CYMK в зависимости от вашего цветового режима.

Рядом с ползунками (слева) есть 2 квадрата, нажмите на один из них и у вас откроется окно "Палитра цветов".

Теперь просто введите номера RGB и нажмите «Добавить в образцы» (затем вам будет предложено ввести имя, а затем нажмите «Сохранить».

Сделанный :-)

У меня есть 359 различных цветов в текстовом формате, и мне бы очень хотелось, чтобы для этого была какая-то автоматизация.

РЕДАКТИРОВАТЬ: очень похожее, но даже более простое решение в комментариях: как я могу легко преобразовать список значений HEX в виде открытого текста в файл цветовой палитры Adobe ACO/ASE?


Если цвета имеют формат, который является допустимым SVG-цветом (скажем, цвета HTML/CSS), и вам не нужно хранить имена цветов в образцах, и у вас есть доступ к Illustrator, тогда:

  1. Создайте файл SVG с 1 прямоугольником на каждый цвет. (*)
  2. Откройте файл SVG в Illustrator.
  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 . )

Вы можете сделать это с помощью очень простого CSS-файла... нет необходимости в SVG или прямоугольниках или чем-то еще... просто список значений и закрывающая скобка CSS. graphicdesign.stackexchange.com/questions/155558/…
Выглядит неплохо! Я не нашел вашего ответа, когда изучал эту проблему. Я отредактировал свой ответ, чтобы сослаться на ваш. Дублирующиеся вопросы?
Привет! Да. Повторяющиеся вопросы, но с разницей в 10 лет :). Я подозреваю, что Photoshop стал проще в этом отношении за последнее десятилетие.