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 zwischen 0 und 100% einstellen. Setzen Sie das Overlay per Drag auf der Vorschau oder rasten Sie es mit einem Klick an einem der neun Ausrichtungspunkte ein, danach lässt es sich skalieren, drehen sowie horizontal oder vertikal spiegeln. Das fertige Bild wird als PNG (mit voller Transparenz), JPEG (mit Qualitätsregler für kleinere Dateien) oder WebP exportiert; eine Schaltfläche kopiert das Resultat direkt in die Zwischenablage.

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. Nutzen Sie das Schnellausrichtungs-Raster zum Einrasten der Position, spiegeln Sie das Overlay bei falscher Ausrichtung und laden Sie das Ergebnis als PNG, JPEG oder WebP herunter — oder kopieren Sie es in die Zwischenablage, um es überall einzufügen.

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 verschieben, skalieren oder spiegeln?
Ja. Ziehen Sie das Overlay frei auf der Vorschau oder rasten Sie es per Schnellausrichtungs-Raster an einer von neun Positionen ein (Ecken, Kanten und Mitte). Schieberegler decken Größe (10–300%) und Drehung (-180° bis 180°) ab, zwei Buttons spiegeln es horizontal oder vertikal. „Transformation zurücksetzen“ stellt das Overlay zentriert auf 100% zurück.
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?
JPEG kann keine Transparenz speichern; bei JPEG wird der Alphakanal auf weißem Hintergrund verflacht — für ein transparentes Ergebnis wählen Sie PNG oder WebP. Auch der Mischmodus zählt: Multiplizieren macht reines Weiß nur bei 100% Deckkraft transparent, Normal unter 100% lässt die Basis stets durchscheinen.

Ähnliche Tools