Wie kann man in Photoshop die Farbe für unter Farbe (dh unter der Ebene) ausblenden?

1272
3498DB

Ich möchte eine transparente Überblendung für die darunter liegende Farbe vornehmen, damit die Farbe dynamisch geändert werden kann (durch JS), ohne dass der Effekt der Überblendung verloren geht. Wie würde ich das in Photoshop machen?

Siehe folgendes Bild:

Verblassen

1
Ich habe keinen Photoshop, daher kann ich das nicht testen: http://www.mediacollege.com/adobe/photoshop/transparent/gradient.html hyperslug vor 14 Jahren 0

3 Antworten auf die Frage

1
Guffa

So was:

  1. Erstellen Sie ein neues Bild.
  2. Erstellen Sie eine neue Verlaufsebene: Ebene> Neue Füllungsebene> Verlauf
  3. OK klicken.
  4. Setzen Sie den Stil auf linear und den Winkel auf 90.
  5. Doppelklicken Sie auf den Farbverlauf
  6. Setzen Sie die Deckkraft für den Anschlag ganz links auf 0% und die Deckkraft für den Anschlag ganz rechts auf 100%.
  7. Stellen Sie die Farbe für beide Stopps auf die gleiche Graustufe ein, die Sie für die Volltonfarbe wünschen.
  8. OK klicken.
  9. Verwenden Sie „Für Web speichern“, um das Bild als PNG zu speichern.
@Guffa: Wenn Sie für beide Stopps keine Farbe auswählen, hat das Bild eine Alpha-Transparenz mit Farbverlauf? hyperslug vor 14 Jahren 0
@hyperslug: Beide Stopps haben immer eine Farbe. Sie können keine Farbe auswählen. Wenn Sie für beide nicht die gleiche Farbe verwenden, wird neben dem Ausblenden auch ein Farbverlauf angezeigt. Es ist der Deckkraftgradient, der den Ausblendeffekt bewirkt, an dem Sie interessiert sind. Guffa vor 14 Jahren 0
0
Artyom

Im Allgemeinen gehören diese Fragen zu den Superbenutzern. Aber ich kann eines sagen. Sie müssen Transparenz in Bildern verwenden, soweit ich mich erinnere, dass IE keine PNG-Transparenz oder zumindest "feine" Transparenz unterstützt (abhängig von der Version, die Sie unterstützen müssen). AFAIK IE unterstützt nur transparent oder nicht und beginnt mit IE7.

Möglicherweise möchten Sie eine JS-Bildverarbeitungsbibliothek verwenden.

Ja, aber wie macht man eine solche Transparenz im Bild? vor 14 Jahren 0
0
Neros

Javascript + http://www.w3schools.com/Css/css_image_transparency.asp

Während dies die Frage theoretisch beantworten kann, ist es [bevorzugt] (http://meta.stackexchange.com/q/8259), die wesentlichen Teile der Antwort hier aufzunehmen und den Link als Referenz bereitzustellen. Tom Wijsman vor 13 Jahren 0