Was ist Bildüberlagerung und -mischung?

Bildüberlagerung/Mischen kombiniert zwei Bilder mithilfe von Mischmodi wie Multiplizieren, Negativ multiplizieren, Überlagern und anderen. Erstellen Sie Doppelbelichtungen, Texturüberlagerungen oder künstlerische Effekte. Alles wird privat auf Ihrem Gerät verarbeitet.

Alle 16 Mischmodi von Canvas2D stehen zur Auswahl: Normal, Multiplizieren, Negativ multiplizieren, Überlagern, Abdunkeln, Aufhellen, Farbig abwedeln, Farbig nachbelichten, Hartes Licht, Weiches Licht, Differenz, Ausschluss, Farbton, Sättigung, Farbe und Luminanz. Die Deckkraft lässt sich fein von 0 bis 100% steuern. Das Ergebnis wird als PNG exportiert und behält die Transparenz der Ausgangsbilder.

Anleitung

  1. Laden Sie ein Basisbild und ein Überlagerungsbild hoch. Beide Bilder werden nebeneinander mit einer Live-Vorschau des gemischten Ergebnisses angezeigt.
  2. Wählen Sie einen Mischmodus (Multiplizieren, Negativ multiplizieren, Überlagern, Abdunkeln, Aufhellen, Farbig abwedeln usw.) und passen Sie die Deckkraft der Überlagerung mit dem Schieberegler an.
  3. Passen Sie bei Bedarf Position und Skalierung der Überlagerung an und laden Sie dann das gemischte Ergebnis als PNG-Datei herunter.

Wann verwenden

  • Eine Korn- oder Papierstruktur über ein Foto legen, um einen Film-Look oder Druck-Mockup zu erzeugen.
  • Ein Logo oder Wasserzeichen mit Multiplizieren oder Negativ multiplizieren auf ein Produktfoto setzen.
  • Ein schnelles Doppelbelichtungs-Porträt aus Gesicht und Landschaft mischen.

Ergebnis

Ein Fotograf lädt ein Porträt als Basisbild und eine Stadtsilhouette als Überlagerung hoch, wählt den Mischmodus 'Negativ multiplizieren' bei 60 % Deckkraft für einen verträumten Doppelbelichtungseffekt und lädt die fertige Komposition herunter.

Häufige Fragen

Was machen Multiplizieren und Negativ multiplizieren konkret mit den Pixeln?
Multiplizieren dunkelt ab, indem es die RGB-Kanäle beider Bilder multipliziert und durch 255 teilt: Schwarz bleibt schwarz, Weiß wird transparent. Negativ multiplizieren wirkt umgekehrt und hellt auf, wie zwei überlagerte Projektionen: Weiß bleibt weiß, Schwarz wird transparent.
Warum wird die Ausgabe auf die Größe des Basisbildes beschnitten?
Das Canvas übernimmt die Größe des Basisbildes. Ist die Overlay-Datei größer, fallen die überstehenden Pixel aus dem exportierten PNG heraus. Skalieren Sie das Overlay vorher oder verwenden Sie ein größeres Basisbild, damit beide denselben Bereich abdecken.
Kann ich das Overlay nach dem Platzieren noch verschieben oder skalieren?
Die aktuelle Version richtet das Overlay an der oberen linken Ecke der Basis aus. Bei abweichendem Seitenverhältnis positionieren Sie es vorher in einem anderen Tool (etwa als Logo auf einem transparenten PNG an der gewünschten Stelle) und laden es dann hier hoch, damit die Ausrichtung passt.
Differenz und Ausschluss erzeugen seltsame Neonfarben, ist das ein Bug?
Nein, das ist korrektes Verhalten. Differenz zieht jeden Kanal voneinander ab und zeigt den Absolutwert, Ausschluss verhält sich ähnlich, aber kontrastärmer. Beide liefern invers wirkende Ergebnisse, ideal für Vergleiche fast identischer Bilder oder künstlerische Effekte.
Warum bleibt im exportierten PNG ein schwarzer Hintergrund statt Transparenz?
Prüfen Sie, dass beide Ausgangsbilder einen Alphakanal haben (PNG mit Transparenz, kein JPG). Auch der Mischmodus spielt eine Rolle: Multiplizieren macht reines Weiß nur bei 100% Deckkraft transparent, während Normal unter 100% Deckkraft die Basis darunter zeigt.

Ähnliche Tools