Photoshop - weiß transparent machen, insbesondere Schatten erhalten - neues Problem

Ich habe heute überall im Internet Artikel gelesen. Einige Fragen und Antworten ähneln zwar meinem Problem, aber keine deckt mein Problem genau ab.

Ich mache derzeit CAD-Arbeiten für eine Website, auf der meine Bilder auf mehreren Farbhintergründen erscheinen müssen. Normalerweise werden Ringe in der Schmuckbranche auf Weiß dargestellt, was sich sehr einfach in Websites einfügen lässt.

Im Wesentlichen muss ich in der Lage sein, einen Ring und den Schatten, den er auf einen transparenten Hintergrund wirft, zu bewahren. Das bedeutet, dass der Schatten, der derzeit auf Weiß gerendert wird, auf jeder Farbe gut aussehen muss. Ohne den Schatten sieht der Ring auf der Seite sehr fehl am Platz aus.

Also habe ich meine Optionen erkundet und mit Multiply Folgendes erstellt:

  1. eine untere Schicht in der Farbe der Webseite
  2. eine mittlere Schicht des Rings, die mit den Schatten auf Weiß gerendert wird (Multiplizieren)
  3. eine oberste Schicht aus Ring-Highlights für den gewünschten Farbhintergrund.

Hier ist das Endergebnis:

Geben Sie hier die Bildbeschreibung ein

Das Problem bei dieser Methode ist, dass das Bild nahtlos aussieht, wenn es auf einer Webseite für Windows-Benutzer eingefügt wird, aber Mac-Benutzer sehen den Unterschied in den Blockfarben taghell.

Beispiel 1: Was Mac-Benutzer in Beispiel 2 sehen

Beispiel 2: Windows-Benutzer sehen dies im Allgemeinen als nahtlos an, Mac-Benutzer sehen immer noch einen Farbunterschied:

Hier ist das Rendering auf weißem Hintergrund, und hier ist das Alpha, und hier ist der Ausschnitt des Rings mit den richtigen Reflexionsfarben für #eb472c:

  1. Geben Sie hier die Bildbeschreibung ein
  2. Geben Sie hier die Bildbeschreibung ein
  3. Geben Sie hier die Bildbeschreibung ein

Ich möchte also den Ring und seinen Schatten auf einem transparenten Hintergrund haben können. Dadurch entfällt die Notwendigkeit, mit der Farbanpassung von Webseiten herumzuspielen. Der beste Weg, es zu beschreiben, wäre, den Multiplikationseffekt zu haben, aber anstatt die untere Ebene als Farbe zum Mischen zu wählen, um sie mit transparent zu mischen.

Die Auswahl des Farbbereichs funktioniert bei diesem Problem nicht, da der Schatten über viele verschiedene Farbhintergründe hinweg gemischt werden muss.

Vielen Dank für jede Hilfe.

Wenn Sie das Objekt sowohl auf schwarzem als auch auf weißem Hintergrund rendern können, können Sie die Antwort anwenden, die ich auf diese Frage gegeben habe, um die Transparenz zu rekonstruieren. Beachten Sie, dass je nachdem, wie Sie die Hintergrundfarbe ändern, dies dazu führen kann, dass die Reflexionen auch halbtransparent werden (was eigentlich wünschenswert sein kann).

Antworten (1)

Da Sie eine CAD-Software verwenden, sollten Sie in der Lage sein, herauszufinden, wie Sie eine Maske des Objekts erstellen. Ich bin ratlos darüber, warum ich dies nicht ohne farbigen Hintergrund aus Ihrer CAD-Software exportieren kann, gehe aber davon aus, dass Sie dies nicht können.

Wenn Sie den Ring so texturieren oder beleuchten, dass er ohne Beleuchtung rein schwarz ist, aber mit weißem Hintergrund, können Sie dann eine Graustufe der Silhouette des Objekts exportieren, dann können Sie eine Graustufe des Objekts mit Schatten exportieren. und dann eine Vollfarbversion ("normal").

zu Photoshop wechseln.

Edit: mit Bildern umschreiben

  • Verwenden Sie die von Ihnen bereitgestellte Maske als "Ringmaske".

  • Duplizieren Sie die Ringmaskenebene, duplizieren Sie das Graustufenbild

  • Kehren Sie die Kopie der Ringmaske um, sodass sie ein schwarzer Ring auf weißem Grund ist

  • mit Graustufenkopie zusammenführen und dann invertieren. Das ist "Schattenmaske"

  • Machen Sie das Vordergrundfarbmuster genau so rot, wie Sie es im Hintergrund verwendet haben

  • Machen Sie den Ring mit Rot auf weißem Hintergrund zur aktiven Ebene (Ihr Farbbild 3 oben)

  • Wählen Sie -> Farbbereich, probieren Sie das rote Farbfeld im Vordergrund, passen Sie es an, aber halten Sie es über vielleicht "100" (promiskuitive Farbauswahl)

  • Erstellen Sie eine neue Ebene, lassen Sie die Auswahl aktiv und füllen Sie sie mit Schwarz. das ist "Reflexmaske"

  • Wenden Sie die Ringmaske auf die Graustufenringebene (Ebenenmaske) an, setzen Sie dann die Ebenenmaske auf Aktiv, Strg+Klick auf „Reflexionsmaske“, löschen Sie die von der Reflexionsmaske abgeleitete Auswahl aus der aktuellen Ebenenmaske

    • Erstellen Sie eine neue Ebene unter dem Graustufenring, füllen Sie sie mit Schwarz, wenden Sie die Schattenmaske als Ebenenmaske an, erstellen Sie dann erneut eine Auswahl mit der "Reflexionsmaske" und löschen Sie diese Auswahl wie im vorherigen Schritt aus der Schattenmaske.
  • profitieren. siehe Bilder

Ring-, Schatten-, Reflexionsmasken:

Ringmaske Schattenmaske Farbmaske

Graustufen mit Masken; schwarze Schicht mit Masken:

Graustufen mit Ringmaske ohne Farbmaske schwarze Schicht mit Ringmaske weniger Farbmaske

Schluss mit Blau

Ebenen-Palette

{bearbeiten}

Die obigen Schritte sind "wie" es gemacht wird, die folgenden sind "warum":

Wir beginnen mit den Ringbildern als Ebenen (die Bilder mit den Bezeichnungen 1, 2 und 3 in der Frage). Wir erstellen zwei zusätzliche Ebenen, die von Komponenten dieser Ebenen abgeleitet sind, und blenden sie aus (mit den Namen "Schattenmaske" und "Reflexmaske"). Wir verwenden diese zusätzlichen Ebenen, um die Auswahl für einen späteren einfachen Abruf zu speichern. Wenn wir diese Auswahl laden möchten, können wir bei gedrückter Strg-Taste auf die Ebene klicken und eine Auswahl wird erstellt.

Wir erstellen eine Ebenenmaske auf dem Ringbild, um den Hintergrund auszusparen, indem wir die richtige gespeicherte Auswahlebene ("Ringmaske") abrufen, und verwenden dann die gespeicherte Auswahl "Reflexionsmaske", um die inneren Teile dieser neuen Ebenenmaske auszusparen.

In ähnlicher Weise tun wir dies mit einer einfachen schwarzen Ebene und rufen die Auswahl „Schattenmaske“ auf, um die Schatten zu erzeugen, und rufen dann die Auswahl „Reflexmaske“ auf, um das Innere der Maske auszusparen.

Die blaue Ebene in meinem Beispiel dient der visuellen Kontrolle und wird für den endgültigen Export ausgeblendet.

Beachten Sie, dass die einzige Ebene mit einem Bild aus der ursprünglichen Frage, die im Finale auf „sichtbar“ eingestellt ist, Bild Nr. 1 ist.

Verstehe es nicht, mach schnell ein Video.
Diese Antwort hat mir wirklich geholfen. Ich möchte auf einige der Punkte eingehen, die Sie hier genannt haben. Am wichtigsten ist zum Beispiel die Veredelung mit einem transparenten BG. Ihre Methode lässt dies zu, obwohl Sie in Ihrem Beispiel Blau gewählt haben. Zweitens sollte ich Sie wissen lassen, dass ich Vray für Rhino verwende. Es gibt bestätigte Fehler bei der Ausgabe nur der Schatten, daher diese große Arbeit. Ich werde eine neue Antwort erstellen und Ihren Rat hier mit einer Anleitung ändern, wie ich den erforderlichen Effekt erstellt habe. Vielen Dank für Ihre Hilfe, Sie haben enorm viel Zeit und Mühe investiert
Gerne und danke für die Kommentare. Ich habe das Blau natürlich nur zur Veranschaulichung verwendet, beim Export blendet man den blauen Hintergrund aus und das Ergebnis ist eine Alpha-Transparenz, wo immer man das Blau sieht.
Ich versuche, dem zu folgen, aber ich kann es anscheinend nicht verstehen – ich finde die Anweisungen ziemlich schwer zu befolgen.
In der Beschreibung verwende ich den Begriff "Farbmaske", aber im Bild der Ebenen wird er als "Reflexmaske" bezeichnet. Wenn Sie feststellen können, welche Schritte verwirrend sind, kann ich das vielleicht klären