Wie erstelle ich Farbmuster für Photoshop aus einer Liste von RGB-Werten?

Ich habe eine Liste mit Farben wie RRR GGG BBBin einer Textdatei und muss nur diese Farben verwenden, um meine Bilder zu erstellen. Ich möchte diese Farben in die Farbpalette (Farbfeld) von Photoshop laden können. Gibt es eine Möglichkeit, den Farbfelderstellungsprozess in Photoshop zu automatisieren, oder eine andere Möglichkeit, eine Farbfelddatei aus einer Liste von Farben als Textdatei zu erstellen?

(PS es sollte Tags wie Palette und Swatch geben)

Upd: Ich habe viele Farben in der Liste und meine Liste ist nicht die einzige. Die Benutzer sollen eine einfache Möglichkeit haben, die Liste in eine Photoshop-kompatible Musterdatei zu konvertieren, damit wir alle sofort mit dem Zeichnen beginnen können.

Sie können dies leicht mit CSS erreichen ... graphicdesign.stackexchange.com/questions/155558/… --- Um fair zu sein, war dies 2012 möglicherweise nicht möglich, als die Frage gestellt wurde.

Antworten (4)

Ich würde eine kleine Webseite erstellen und dann einen Screenshot machen. Am Ende erhalten Sie ein Bitmap-Bild, das Sie auf einer Ebene platzieren können. Von dort aus können Sie die Farben testen und in Ihrem Design verwenden.

Wenn Ihre Liste ungefähr so ​​aussieht:

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

Ein cleveres Suchen/Ersetzen sollte Ihnen das bringen, was Sie zum Erstellen einer Webseite benötigen. Abhängig von den genauen Zeichen im Dokument sollten Sie das Dokument hoffentlich in dieses Format bringen können. Wenn Sie Leerzeichen finden und durch ", " ersetzen, sollten Sie Folgendes erhalten:

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

Sie könnten dann das Return-Zeichen finden und durch Folgendes ersetzen:

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

So landen Sie bei:

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)

Das bedeutet, dass Sie nur ein wenig HTML am Anfang und am Ende des Dokuments hinzufügen müssen, um eine Webseite zu haben, die Sie anzeigen und aufzeichnen können.

<!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>

Stellen Sie jedoch sicher, dass der von Ihnen verwendete Browser die Farben so anzeigt, dass sie Ihren Rohfarbwerten entsprechen. Sie können dies testen, indem Sie einige der Farben überprüfen – prüfen Sie, ob sie mit den ursprünglich eingegebenen Werten übereinstimmen.

Sie könnten sogar die Zeichenfolgen zum Suchen und Ersetzen speichern und zukünftige Dateien auf die gleiche Weise verarbeiten.

Wenn Sie wirklich möchten, dass das Ergebnis eine Photoshop-Musterdatei ist, müssen Sie möglicherweise einen freundlichen Entwickler damit beauftragen, ein kleines Skript zu erstellen, um die gewünschten Dateien zu erstellen.


Eine weitere Option besteht darin, Photoshop zu skripten, um das direkte Hinzufügen der Farbfelder zu automatisieren, anstatt eine Farbfelddatei zu erstellen. Das PS-Scripts-Forum ist möglicherweise ein guter Ort, um nach Hilfe zu suchen.

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

>Wenn das Ergebnis wirklich eine Photoshop-Musterdatei sein soll, müssen Sie möglicherweise einen befreundeten Entwickler damit beauftragen, ein kleines Skript zu erstellen, mit dem Sie die gewünschten Dateien erstellen können. — Das ist, wonach ich frage, gibt es dafür eine App oder zumindest ein Tutorial zum Erstellen eigener Swatch-Dateien? Analysieren von RGB in eine Webseite, Verwenden eines Browsers, Erstellen eines Screenshots, und ich habe in Ihrer Antwort nicht gefunden, wie man daraus eine Musterdatei erstellt. Scheint eine Menge unnötiger Schritte zu sein, um eine Musterdatei aus RGB-Werten zu erstellen!
Die Idee ist, ein Bitmap-Farbfeld zu haben. Sie können Proben direkt aus der Bitmap selbst nehmen, ohne eine Musterdatei zu benötigen.
Ich habe oben einfach eine weitere Option hinzugefügt ... Sie könnten ein Skript erstellen, um die Farbfelder direkt zu Photoshop hinzuzufügen.

ASE ist das Adobe Swatch Exchange-Format. Leider ist es ein Binärformat, aber glücklicherweise haben Leute Quellcode für ASE-Codierungsskripte zur Verfügung gestellt. Siehe zum Beispiel ( http://blog.soulwire.co.uk/code/actionscript-3/as3-ase-adobe-swatch-exchange-encoder ).

Adobe unterstützt möglicherweise das ACBL-Format (XML) oder das ACF-Format (Text), aber es scheint sich um veraltete Formate zu handeln, und sie werden nicht in den Dateitypoptionen „Farbfelder laden“ angezeigt.

Dies bedeutet nicht immer, dass sie nicht unterstützt werden, aber Sie müssen Ihren Dateidialog dazu bringen, den Dateitypfilter zu ignorieren:

Windows, *.*geben Sie den Dateinamen ein und drücken Sie die Eingabetaste

Können Sie bitte auf Beispiele für ACF- oder ACBL-Dateien verlinken?
Danke vielmals! Es wird jedoch einige Zeit dauern, bis die öffentliche Version veröffentlicht wird.
Die Verbindung zum Encoder ist tot (Feb. 2022)

Möglicherweise ist das Farbbedienfeld standardmäßig nicht geöffnet. Klicken Sie also auf Fenster -> Farbe (oder F6). Das Farbbedienfeld wird geöffnet und Sie sollten je nach Farbmodus 3 RGB-Schieberegler oder 4 CYMK-Schieberegler sehen.

Neben den Schiebereglern (links) befinden sich 2 Quadrate, klicken Sie auf eines davon und Sie erhalten das Fenster "Color Picker".

Geben Sie nun einfach die RGB-Nummern ein und klicken Sie auf „Zu Farbfeldern hinzufügen“ (es wird Sie dann nach einem Namen fragen und dann auf „Speichern“ klicken.

Fertig :-)

Ich habe 359 verschiedene Farben im Textformat, ich hätte wirklich gerne eine Art Automatisierung dafür.

BEARBEITEN: sehr ähnliche, aber noch einfachere Lösung in Kommentaren: Wie kann ich eine Klartextliste von HEX-Werten einfach in eine Adobe ACO/ASE-Farbpalettendatei konvertieren?


Wenn die Farben in einem Format vorliegen, das gültige SVG-Farben sind (sagen wir: HTML/CSS-Farben) und Sie die Namen der Farben nicht in den Farbfeldern speichern müssen und Sie Zugriff auf Illustrator haben, dann:

  1. Erstellen Sie eine SVG-Datei mit 1 Rechteck pro Farbe. (*)
  2. Öffnen Sie die SVG-Datei in Illustrator
  3. Wählen Sie alle Grafiken aus, öffnen Sie das Bedienfeld „Farbfelder“ und wählen Sie im „Hamburger-Menü“ auscreate new Color Group
  4. Wählen Sie aus demselben MenüSave swatches as ASE

Um 1, (*):

Verwenden Sie einen erweiterten Texteditor wie TextMate, der die Auswahl mehrerer Caretzeichen ermöglicht. Fügen Sie die Liste der Farben in den Editor ein und stellen Sie sicher, dass sich vor jeder Farbe ein Cursor (Caret) befindet. Jetzt können Sie jede Farbe wie folgt in ein SVG-Rect-Tag packen:

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

Sie können dies für alle Farben gleichzeitig tun! Fügen Sie <svg>vorne ein Tag und </svg>am Ende ein schließendes Tag hinzu, speichern Sie es als "MyFirstColorList.svg" oder was auch immer und öffnen Sie es in Illustrator.

Beachten Sie auch Folgendes:

  1. Eventuell geht das auch in Photoshop auf Anhieb, aber das weiß ich nicht.
  2. Das Umwandeln einer Liste von Farben in eine Liste von Rechtecken ist möglicherweise auch mit Befehlszeilenmagie oder intelligentem Suchen und Ersetzen in MSWord oder einem anderen Texteditor oder Textverarbeitungsprogramm möglich.

(Dies ist eine (fast) wörtliche Kopie meiner Antwort unter https://community.adobe.com/t5/indesign-discussions/how-to-write-adobe-swatch-exchange-ase-file/mp/12720707#M463886 )

Sie können dies mit einer toten einfachen CSS-Datei tun.. keine Notwendigkeit für SVG oder Rechtecke oder irgendetwas wirklich ... nur eine Liste von Werten und eine schließende CSS-Klammer. graphicdesign.stackexchange.com/questions/155558/…
Sieht gut aus! Ich habe Ihre Antwort nicht gefunden, als ich mich mit diesem Problem befasste. Ich habe meine Antwort bearbeitet, um stattdessen auf Ihre zu verweisen. Doppelte Fragen?
Hi! Ja. Doppelte Fragen, aber im Abstand von 10 Jahren :)vermute ich, dass Photoshop in dieser Hinsicht in den letzten zehn Jahren einfacher geworden ist.