Konvertieren Sie in vier Farbtöne, während Sie in Photoshop Werte / Helligkeit beibehalten

9

Ich möchte die Anzahl der Farbtöne in meinem flachen Bild vom vollen Bereich auf nur vier reduzieren, aber ich möchte den Wert / die Helligkeit (und wenn möglich auch die Sättigung) beibehalten . Ich möchte vier Farbtöne, weil ich denke, dass es cool aussehen wird.

Ich habe versucht, eine Farbtonanpassungsebene zu verwenden, aber als ich sie verwendet habe, hat sie den Bereich während der Konvertierung nur verschoben, sodass ein Bereich in einen anderen Bereich mit vielen Farben konvertiert wurde. Ich möchte einen bestimmten Bereich verschieben, um ihn in den gleichen Farbton umzuwandeln, während Wert / Helligkeit erhalten bleiben (und möglicherweise sogar die Sättigung, wenn dies möglich ist).

Ich verwende Photoshop CS5

Dies sind die vier HSB / HSV-Farbtonwerte, die ich verwenden möchte:

  1. 333
  2. 58
  3. 193
  4. 242

So möchte ich die Farbtöne konvertieren:

Ziel-HSV-Werte

Hinweis: Ich habe diese Frage seit dem ersten Posten geändert. Anfangs habe ich fälschlicherweise darum gebeten, dass Responder das Bild auf vier RGB-Werte reduzieren und gleichzeitig die Farbtöne / Werte im Quellbild beibehalten. Dies ist jedoch eine unmögliche Aufgabe, da RGB-Werte Farbtöne / Helligkeit UND Farbtöne enthalten. in RGB sind Farbton und Farbton untrennbar miteinander verbunden.

Zum Glück konnte @Wolff trotz meiner schlechten Formulierung verstehen, was ich meinte, und zusammen mit @Danielillo, @Ryan und @Emilie half er mir zu verstehen, dass ich wirklich darum gebeten hatte, vier Farbtöne und nicht vier RGB anzustreben Werte. Anschließend identifizierte er die vier in meinen RGB-Werten vorhandenen Farbtöne (in HSB / HSV). Diese HSB / HSV-Werte sind jetzt diejenigen, auf die ich die Antwortenden bei der Bildkonvertierung (nicht RGB) abzielen soll.

Wie von @Wolff festgestellt, habe ich in der ersten Version meines Beitrags nicht angegeben, wie das gesamte HSB-Spektrum konvertiert werden soll (ich hatte keine magentaähnlichen Bereiche). Die aktualisierte Frage enthält auch den zuvor ausgelassenen Bereich.

Für diejenigen, die die Wurzel der Verwirrung verstehen wollen (zu Recht ausgedrückt von einigen Benutzern, die alternative Antworten gegeben haben), waren dies die ursprünglichen 4 RGB-Werte, die ich gepostet habe:

Geben Sie hier die Bildbeschreibung ein

Klarstellungs-Update: Bitte beachten Sie, dass meine Absicht nur für den Bildschirm ist, nicht für den Druck. Ich habe eine Site erstellt, die auf diesen vier Farbtönen basiert, und ich dachte, es wäre glatt, wenn die Bilder alle die Farben hätten, die zu ihnen passen. Gleichzeitig wollte ich in jedem der vier reduzierten Farbbereiche so viel Dynamik wie möglich beibehalten, die durch den ursprünglichen Wert / die ursprüngliche Helligkeit codiert wird. Ich hoffe das hilft. Ich, das Originalplakat, werde keine Punkte für Druckantworten vergeben, aber jede Erklärung für eine Drucklösung wird wahrscheinlich von der Community geschätzt. @Emilie, die das Kopfgeld auf die Frage gesetzt hat, kann belohnen, wen sie will.

Vielen Dank an @Emilie für das Kopfgeld! Ich war wirklich verblüfft, dass niemand zuvor in der Lage zu sein schien, darauf zu antworten.

CoderScissorhands
quelle
Nur eine Vermutung, aber eine Kombination aus einer Schwarz-Weiß-Einstellungsebene und einer Verlaufskarte?
Vincent
@ Vincent wird nicht funktionieren Ich glaube nicht. Tatsächlich glaube ich nicht, dass eine Antwort funktionieren wird. Es ist ein fehlerhaftes Konzept.
Ryan
Okay ... dann brauchst du keine speziellen Spot-Kanäle. Sie können Ebenen einfach maskieren und eine Farbe übermäßig anwenden. Wenn Sie den Mischmodus auf "Farbton" oder "Farbe" setzen, werden Farbtöne berücksichtigt.
Scott
Die Färbung ist einfach (ich würde Verlaufskarten verwenden). Das automatische Auswählen der Farbtonbereiche und das Erstellen der Masken ist der schwierigere Teil. Ich habe noch keine Lösung dafür gefunden.
Marc Edwards
1
@Emilie, es war mein Tag, all die Verlobung zu sehen, die dein Kopfgeld veranlasste! Außerdem sehe ich die Ergebnisse (die ich mir vorher nur vorstellen konnte)! Auch die "falschen" Antworten sind interessant. Danke noch einmal!!
CoderScissorhands

Antworten:

6

Wie andere betont haben, ist die Logik dieser Frage etwas fehlerhaft, aber dennoch sehr interessant.

Meine Antwort basiert hauptsächlich auf RGB / HSB-Mathematik und ich gebe zu, dass es viele fragwürdige Aspekte gibt, wenn es um wahrgenommene Farben, Farbprofile usw. geht, aber ich werde es trotzdem versuchen.


Ich erlaube mir, die Frage ein wenig neu zu definieren, um sie beantworten zu können.

Zunächst einmal wechselt das Spektrum, das Sie uns zeigen, von rot nach blau. Das Magenta fehlt - was tun mit den Farben in diesem Teil des Spektrums?

Also erweitere ich Ihr Spektrum um Magenta an beiden Enden.

Ein weiteres Problem, das wir haben, ist Ihre Liste mit vier Farbtönen, wie Sie sie nennen. Sie sind nicht nur Farbtöne , sondern Farben mit individuellen Sättigungs- und Helligkeitswerten . Dies macht nicht allzu viel Sinn, wenn wir sie mit dem Spektrum vergleichen wollen, also müssen wir sie "auf Farbtöne reduzieren", indem wir sowohl die Sättigung als auch die Helligkeit auf 100 ändern.


Wir verwenden den HSB / HSL-Filter (muss von der Adobe-Website heruntergeladen werden) in Photoshop, um den Farbton eines Bildes als Alpha-Maske zu erhalten. Anschließend verwenden wir die Verlaufskarte , um die Farbtonwerte den gewünschten Werten zuzuordnen, und konvertieren das Bild mithilfe des HSB / HSL-Filters erneut in RGB.

Die Mathematik ist ein bisschen funky, weil der Farbtonbereich 0-360 beträgt ( und umschließt), der Alpha-Bereich 0-255 beträgt und der Bereich der Gradientenstopps 0-100 beträgt.

Zuerst mache ich einen Tisch, um eine Vorstellung davon zu bekommen, was los ist. Wir brauchen möglicherweise nicht alle Zahlen.

(Die Werte sind gerundet und die Farbtöne nicht genau so, wie Sie sie definiert haben, weil ich das Spektrum erweitert habe. Sie hätten natürlich auch anders platziert werden können.)

Nehmen wir ein farbenfrohes Bild und fügen das Spektrum als Referenz hinzu. (Bild von Mike Goad von Pixabay).

Die Verwendung des HSB / HSL-Filters ergibt den folgenden Farbtonkanal:

Ich kopiere den Farbtonkanal in ein neues Graustufendokument (das Farbprofil muss Gray Gamma 2.2 sein ), um die Verlaufskarte darauf verwenden zu können. Ich habe die Verlaufskarte wie folgt eingerichtet:

Das Einrichten der Gradientenstopps erfordert ein wenig Fummeln (es ist ziemlich ärgerlich, damit zu arbeiten). Ich erhalte die Werte aus der Tabelle, die ich zuvor erstellt habe. Insgesamt gibt es 8 Stopps, von denen sich einige überlappen müssen, um harte Übergänge zu erhalten:

Der resultierende Farbtonkanal sieht folgendermaßen aus:

Ich kopiere diesen Farbtonkanal schließlich zurück in das ursprüngliche HSB-Bild, ersetze den alten Farbtonkanal und konvertiere das Bild mithilfe des HSB / HSL-Filters zurück in RGB.

Ich glaube, das funktioniert wie gewünscht, aber ich bin mir nicht sicher, ob es so cool aussieht, wie Sie es sich erhofft haben. Die Übergänge sind sehr abrupt, aber sie könnten natürlich durch Ändern der Verlaufskarte gemildert werden.


Bearbeiten: Javascript-Ansatz

Hier ist eine JSFiddle mit einer Javascript-Version desselben Konzepts. Legen Sie ein Bild auf der resultierenden Seite ab und es wird in die vier Farbtöne konvertiert. Ändern Sie die "hueRanges", um das Ergebnis anzupassen. Der Hauptteil des Codes ist mit Anmerkungen versehen.

Das Ergebnis unterscheidet sich geringfügig von der Photoshop-Methode, ist jedoch sehr ähnlich:

Da ich die Mathematik hinter den Photoshop-Filtern nicht kenne, kann ich nicht sagen, warum es diesen Unterschied gibt.

Wolff
quelle
Lassen Sie uns diese Diskussion im Chat fortsetzen .
Wolff
Hör auf, in Kommentaren zu posten. Der Chatroom wurde erstellt. Alle Kommentare nach der Erstellung sind verloren gegangen. Benutze den Chatroom.
Ryan
2

Dies ist ein fehlerhaftes Konzept, das reproduziert werden muss, da es völlig unregelmäßig ist, wo eine Farbe endet und eine andere beginnt. Sie sprechen auch über die Erhaltung der Tönung, was es noch verwirrender macht.

Das heißt für Ihr Ergebnis könnten Sie versuchen:

  1. In LAB konvertieren
  2. Dupliziere die Ebene und posterisiere sie mit 4
  3. Erstellen Sie mit jeder Ihrer 4 Farben 4 einfarbige Einstellungsebenen. Wechseln Sie jeweils in den Farbmischmodus.
  4. Verwenden Sie Blend-If-Optionen, um diese 4 Farben auf die gewünschten Kontrains zu reduzieren.

Hier sind die Ergebnisse:

Geben Sie hier die Bildbeschreibung ein

Ryan
quelle
Ich glaube nicht, dass Sie "die Farbtöne bewahren", wie es meine Antwort tut (in gewisser Weise), aber es sieht ziemlich cool aus!
Wolff
@ Wolff-Farbtöne in LAB sind vollständig in den L-Kanal unterteilt. Meine Antwort bearbeitet diesen Kanal überhaupt nicht, daher sollte er Farbtöne / Schatten (Beleuchtung)
Ryan
Ah ich sehe. Nett.
Wolff
Ich habe diese Frage nach Ihrer Antwort gestellt, weil ich nichts gefunden habe, um zu bestätigen, dass LAB Weiß / Schwarz besser getrennt hat als HSB. Also habe ich das Kopfgeld Wolffs Antwort zugeschrieben, aber nur zur Veranschaulichung, ich habe mich nicht wirklich zwischen den beiden entschieden!
neugierig
2

Die Frage wurde kürzlich von einem ambiquiden Zustand in eine bessere Form gebracht. Es erfordert nun explizit vordefinierbare Farbtonquantisierung und Neuzuordnung. Die akzeptierte Antwort gibt es für Photoshop.

Der nächste ist für Freeware-Benutzer.

Paint.NET verfügt über einen Plugin-Filter, der Farbton- und Sättigungsbereichszuordnungen direkt ausführt. Für diese Aufgabe muss der Filter viermal angewendet werden, um insgesamt 360 Grad auf vier diskrete Farbtöne abzubilden. Das Ergebnis ist das gleiche wie in der akzeptierten Antwort. Der Filter ist "Bedingter Farbton / Sättigung". Es ist Teil von Evans Effektpaket.

Der Filter ist nicht vollständig poliert. Ich konnte keine genau vordefinierten Farbtonwerte eingeben. Bereichseinstellungen müssen mit viel zu kleinen Schiebereglern vorgenommen werden, es existieren keine genauen numerischen Eingabefelder. Hier ist ein Test mit demselben Bild, das in Wolffs Antwort verwendet wurde:

Geben Sie hier die Bildbeschreibung ein

user287001
quelle
Oh, schön zu sehen, dass Sie das gleiche Ergebnis erzielen. Ich meine, es sieht so aus, als ob Sie das tun, was das OP verlangt. Werden wir dieses Ergebnis jemals brauchen ? Ich bin mir nicht sicher. Aber es ist ein Rätsel gelöst.
Wolff
@Wolff Wenn die Zuordnung durch visuelles Festlegen der Werte erfolgt, hätte die Methode sicherlich einen Wert als kreatives Werkzeug. Der Filter für Paint.NET erfüllt diese Aufgabe.
user287001
Vielen Dank! Ich wollte zwar eine Photoshop-basierte Lösung, aber es ist schön, eine Open-Source-Option zu haben. Cool, dass du das gefunden hast!
CoderScissorhands
1

1. Konvertieren Sie das RGB-Bild in HSB

Verwenden Sie Filter> Andere> HSB / HSL und wählen Sie Eingabemodus: RGB und Zeilenreihenfolge: HSB. Dadurch sieht das Bild sehr seltsam aus, aber wir können den Farbton mithilfe der Bildkanäle getrennt von Sättigung und Helligkeit ändern.

2. Reduzieren Sie die Anzahl der Farbtöne

Der rote Kanal enthält jetzt die Farbtöne für alle Pixel im Bild. Sie möchten diese in Ihre vier ausgewählten Farbtöne quantisieren. Dies ist der schwierigste Teil. Eine Möglichkeit, dies zu tun, besteht darin, den Inhalt im roten Kanal in ein neues Bild zu kopieren und den Bildmodus auf Indizierte Farbe zu setzen und eine benutzerdefinierte Palette zu erstellen, in der Ihre Farbtöne den entsprechenden Schwarzweißwerten zugeordnet sind. Fügen Sie dieses Bild dann wieder in den roten Kanal ein.

3. Konvertieren Sie zurück in RGB

Wenn Sie die Anzahl der Farbtöne reduziert haben, wenden Sie den HSB / HSL-Filter erneut an, jedoch mit umgekehrter Eingabe- / Zeilenreihenfolge, um den Vorgang abzuschließen.

Filip
quelle
Ich habe kein hsb / hsl als Option in meinem "anderen" Menü. Ist das ein Teil von CS5?
CoderScissorhands
Ich habe es hier gefunden: supportdownloads.adobe.com/detail.jsp?ftpID=4688 , es ist ein "zusätzliches Plugin" (Sie müssen die Datei "Optional MultiPlugin.8BF" in den Installations-Plugin-Ordner von Photoshop Ihrer Installation
einfügen
Ich habe es bis zur Mitte von Schritt zwei geschafft und habe den roten Kanal in einem neuen Bild, wobei der Bildmodus auf indizierte Farbe eingestellt ist. Würde es Ihnen etwas ausmachen, mir zu sagen, wie ich eine benutzerdefinierte Palette mit meinen Farbtönen erstellen kann, die den entsprechenden Schwarz-Weiß-Werten zugeordnet sind? Wenn Sie mich durch das führen können und es funktioniert, kann ich Ihnen die Beantwortung der Frage zuschreiben. :)
CoderScissorhands
0

Die Frage verdeutlicht nicht den Zweck des Bildes. Diese Antwort bezieht sich auf ein zum Drucken bestimmtes Bild ( EPS DCS ).

In diesem Fall wird beim Konvertieren eines Bilds in nur vier Tinten ohne die Farbe Schwarz davon ausgegangen, dass die Schatten dieses Bildes die dunkelste Farbe sind, blau.

  • Ausgehend von einem CMYK-Bild mit 4 verfügbaren Farbkanälen gehen Sie zum Menü Bild > Modus und wählen Sie Mehrkanal
  • Bearbeiten Sie jede Kanalfarbe, indem Sie auf das Farbminiaturbild klicken und die RGB-Nummern einfügen
  • Ersetzen Sie den schwarzen Kanal durch die blaue Farbe

Geben Sie hier die Bildbeschreibung ein

Geben Sie hier die Bildbeschreibung ein

Nach den Kommentaren hinzufügen und chatten

Für mich hat die Frage ein Konzeptproblem, das es schwierig macht, ein optimales Ergebnis zu finden. Ich denke, das OP fragt nach einem RGB-Bild, denkt aber in einem CMYK-Mischprozess nach. Deshalb verwende ich ein CMYK-Bild, während @Wolff mit einem RGB-Bild antwortet.

  • Das Rot kann leicht auf die neue RGB-Farbe umgestellt werden
  • Das Problem tritt bei Gelb auf, da in einem RGB-Bild Gelb die Mischung aus Grün und Rot ist, sodass es unmöglich ist, Rot und Gelb als zwei verschiedene Farben zu trennen. In der Spektralleiste sollten die Grün- und Gelbtöne ein gelbes RGB sein. Dies bedeutet, dass das RGB-Bild entfernt wird. Es muss in ein Bild mit flachen Farben (oder einen anderen Bildmodus) konvertiert werden, um es zu erhalten.
  • Das gleiche Problem mit Cyan, einer Mischung aus Grün und Blau

Geben Sie hier die Bildbeschreibung ein


quelle
2
Kopfgeldjäger :) Ihre Antwort spricht nicht wirklich alle technischen Probleme der Frage an. Das resultierende Bild kann nicht zum Drucken verwendet werden, da Sie nicht vier RGB-Farben als Druckfarben verwenden können. Ich werde sehen, ob ich eine technisch (korrektere) Antwort finden kann.
Wolff
Ich weiß, eigentlich hat die Frage einige unklare Probleme für mich, deshalb habe ich meine Druckversion eingestellt . Sie können zwar nicht vier RGB-Farben als Druckfarben verwenden , aber Sie können RGB-Farben in einem Mehrkanaldokument verwenden.
Ja, aber was tun mit der Datei danach? Es ist immer noch nur "für Bildschirm". Sie müssen in RGB und dann zurück in CMYK konvertieren, um es drucken zu können. Die Frage ist fehlerhaft. Siehe meinen letzten Beitrag auf The Ink Spot. (Ich arbeite gerade an einer anderen Lösung)
Wolff
Sie müssen in RGB und dann zurück in CMYK konvertieren, um es drucken zu können . Das ist falsch. Eine DCS-Datei ist bereit, auf einem Siebdruck von flachen Tinten zu drucken. Ich gehe zurück zum Anfang meiner Antwort: Die Frage verdeutlicht nicht den Zweck des Bildes.
2
Soweit ich das beurteilen kann, ähnelt die Art und Weise, wie @ Wolff das Foto des Obststandes manipuliert hat, eher dem beabsichtigten Ergebnis, auf das ich gehofft hatte (im Vergleich zu Ihrer Version davon). Ich möchte etwas, das der Posterisierung ähnelt, aber mit möglichst vielen Farbtönen. Ihre Version des Obststandes enthält Orangen und Rottöne, die ich definitiv ausschließen möchte. Ich werde ein bisschen warten, bevor ich das Kopfgeld belohne, aber bisher scheint er meine Frage, wie ich es beabsichtigt hatte, besser verstanden zu haben.
CoderScissorhands
-1

Es werden nicht viele Farben in 4 konvertiert, sondern 4 Farben mit dem gleichen Farbton erzielt? Öffnen Sie die erste Farbe in Ihrem Farbwähler. Links und rechts ändern den Farbton. Hoch macht Farbtöne, runter macht Schatten. Gehen Sie in einer bestimmten Entfernung direkt von Ihrer Farbe nach oben. Ich weiß nicht, wie ich den Abstand angeben soll, mit Auge und Hand mache ich das so. Wenn sich Ihre ursprüngliche Farbe auf halber Höhe des Diagramms befindet, wählen Sie einen Punkt direkt darüber aus, der 25% nach oben liegt (oder wie viel Farbton Sie möchten). Beachten Sie den Hex-Wert dieser neuen Farbe. Machen Sie dasselbe für die nächsten drei Farben und versuchen Sie es mit der gleichen Menge von der Originalfarbe.

Sammeln Sie alternativ Ihre 4 gesättigten Farben und zeichnen Sie ein weißes Rechteck darüber. Wenden Sie Transparenz / Differenz und Deckkraft zu 80% auf das Rechteck an. Möglicherweise müssen Sie die anderen Transparentfolien und die Deckkraft ausprobieren, um die richtigen Farbtöne zu erzielen, oder nur die Deckkraft auf das Rechteck anwenden und Ihren Farben gleichmäßig Weiß hinzufügen, um die gleiche Tönung zu erzielen.

Webster
quelle
Oh, woops, das ist für Illustrator. Wenn der Hintergrund weiß ist, werden Ihre Farben in PS durch Deckkraft getönt.
Webster
Ich möchte im Grunde alle Farbtöne auf vier reduzieren und Farbtöne beibehalten. Ist das sinnvoll? Ich möchte, dass das Endergebnis die gesamte Palette der Farbtöne im Originalbild enthält. Ich möchte jedoch die Farbtöne ersetzen ... und sie vom vollen Spektrum auf vier reduzieren. Diese Werte hängen davon ab, wo im Farbtonbereich sie liegen.
CoderScissorhands
-2

Es gibt einige Möglichkeiten, die ich mir vorstellen kann, obwohl keine davon in jedem Fall sehr genau und bequem ist.

  • Option eins ist die Verwendung des Sampler / Color Picker-Tools. Wählen Sie es aus und stellen Sie oben die Stichprobengröße auf einen großen Wert ein, der etwa 1/4 des Bildes abdeckt. Auf diese Weise nimmt der Sampler im Gegensatz zu einem einzelnen Pixel einen durchschnittlichen Farbton über einen größeren Bereich an. Wenn Ihr Bild zu groß ist, verkleinern Sie es zuerst.
  • Option zwei besteht darin, das Bild auf nur wenige Pixel zu verkleinern. Wenn Sie beispielsweise das von Ihnen bereitgestellte Bild verwenden und 4 Farben möchten, skalieren Sie das Bild auf 4 Pixel. Auf diese Weise findet Photoshop beim Skalieren die durchschnittlichen Farben für Sie. Hinweis: Mit der zweiten Option kann es hilfreich sein, die Bildinterpolation (in den Photoshop-Einstellungen zu finden) auf "Nächster Nachbar" zu setzen.

Alternativ können Sie Adobe Illustrator verwenden, falls Sie es haben.

Importieren Sie das verwendete Bild und suchen Sie nach "Bildverfolgung". Stellen Sie die Bildverfolgung auf die beste Einstellung ein, die Ihren Anforderungen entspricht. Zumindest in CS6 gibt es Voreinstellungen für 3 oder 6 Farben. Wenn Sie jedoch das Bildverfolgungsfenster öffnen, können Sie eine andere gewünschte Anzahl von Farben festlegen.

Paddotk
quelle
Da er sein gesamtes Bild (wie in jedem Pixel) konvertieren möchte, ist es wahrscheinlich nicht das, was er wollte, es zu verkleinern.
SitiSchu