Wie konvertiere ich ein farbtransparentes PNG in weißes (nicht Schwarzweiß) transparentes PNG?

8

Ich versuche, zwei Zustände für ein Bild zu erstellen. Ich habe ein farbtransparentes PNG-Symbol und ich benötige ein Duplikat davon, das ein 'weißes' transparentes PNG ist. Dies wird für einen Mouseover-Effekt in CSS verwendet (Überblenden von einem zum anderen). Ich habe das Endergebnis schon einmal gesehen, bin mir aber nicht sicher, wie ich es tatsächlich selbst produzieren soll.

Ich benötige weder Schwarzweiß noch Desat, sondern eine rein weiße transparente Version. Wenn eine einzelne Farbebene darunter gelegt wird, werden Details des weißen transparenten Symbols angezeigt.

Kann mir jemand sagen, wie dies in Photoshop oder ähnlichem erreicht werden kann?


quelle
Ist das ein Thema? Ich sehe keine Relevanz für die Fotografie. Wäre Super User besser?
Reid
Ich glaube nicht, dass dies ein Thema ist, ich fürchte, es ist keine fotografische Frage.
Es tut mir leid, aber das hier bei Photo.SE ist kein Thema. Wir beschäftigen uns nicht mit CSS oder allgemeiner Bildbearbeitung, und dies fällt unter diese beiden Kategorien (trotz der Verwendung von Photoshop). Bei superuser.com erzielen Sie möglicherweise bessere Ergebnisse. Sie können auch versuchen, Websites unter area51.stackexchange.com zu durchsuchen und festzustellen, ob es eine Beta-Site gibt, die Ihnen möglicherweise bessere Hilfe bietet. Ich werde diese Frage als nicht zum Thema gehörend abschließen.
Jrista
Jemand hat es bereits gepostet. Es scheint, dass das Hinzufügen eines Ebenenstils "Farbüberlagerung" die beste und schnellste Lösung sein sollte. Dies hängt jedoch von der Art des Bildinhalts ab. Würde es Ihnen etwas ausmachen, ihn durch Hinzufügen einer Vorschau des ursprünglichen PNG oder so etwas zu aktualisieren? können wir dir besser helfen Vielen Dank!
Sam

Antworten:

11

Zwei verschiedene Ansätze:

  1. Verwenden Sie den Magic wandSelektor, um den transparenten Bereich auszuwählen (als nicht zusammenhängende Auswahl).
  2. Invertieren Sie die Auswahl
  3. Zeichnen Sie ein weiß gefülltes Rechteck über das Symbol oder Filldie Auswahl mit Weiß
    • Die Auswahl sollte Änderungen außerhalb des Symbolbereichs verhindern.

ODER

  1. Sperren Sie die Transparenz- / Alpha-Ebene. (Dies muss über die Ebenenpalette erfolgen.)

    Geben Sie hier die Bildbeschreibung ein

  2. Zeichnen Sie ein weiß gefülltes Rechteck über das Symbol oder Filldas Bild mit Weiß

    • Die Transparenzsperre verhindert Änderungen an der Transparenz (dh am Alphakanal).

Alt-TextAlt-Text

In beiden Fällen bin ich mir nicht sicher, wie das Ergebnis für Sie nützlich sein wird.

Farray
quelle
1
Ich denke, die letztere Methode ist schneller und genauer, würde es empfehlen!
Jari Keinänen
Warum nicht einfach den Ebenenstil -> Farbüberlagerung zu Weiß hinzufügen?
Sisir
6

Roddys Antwort gibt eine sehr schnelle, aber destruktive Methode.

Wenn Sie Ebenen - auch nur die Hintergrundebene - in Ihren Quelldateien beibehalten möchten, sollten Sie eine neue vollständig weiße Ebene erstellen, die Clipping maskfür die Symbolebene selbst vorgesehen ist. Wenn Sie die Symbolebene später bearbeiten müssen, werden die neuen Pixel mit der Schnittmaske immer mit Weiß gefüllt oder die unnötigen Pixel entfernt.

Wenn Sie das Symbol exportieren möchten, können Sie die Sichtbarkeit der Schnittmaske umschalten, um beide PNGs aus derselben Quelldatei zu exportieren.

Jari Keinänen
quelle
5

In acht Tastenanschlägen. Diese Lösung erfordert CS4 oder höher.

Wenn Ihr Bild eine einzelne Ebene ist, führen Sie nur die Schritte 4 und 6-8 aus. Verwenden Sie unter Windows STRG anstelle von CMD.

  1. Fn+ F7oder F7(Ebenenbedienfeld öffnen)
  2. ALT+ CMD+ a (alle Ebenen auswählen)
  3. CMD+ g(lege die Ebenen in einen Ordner)
  4. CMD+ UMSCHALT + n(neue Ebene erstellen)
  5. CMD+ ](verschiebt die neue Ebene aus dem Ordner)
  6. d (Änderungen an den Standardfarben Schwarz / Weiß BG und FG)
  7. CMD+ delete(füllt neue Ebene mit Weiß)
  8. ALT+ CMD+ g(schneidet die neue Farbe auf die Ebene oder den Ordner direkt darunter)
jaime
quelle
+1 für "umsetzbaren" zerstörungsfreien Ansatz mit allen Tastenanschlägen.
Farray