Photoshop baut Bildüberlagerungen mit Ebenen auf. Die untere Ebene enthält das Hauptbild; jede Ebene darüber lässt sich unabhängig verschieben, transformieren, maskieren, korrigieren oder verrechnen. Damit bietet Photoshop deutlich mehr Kontrolle als eine einfache Verringerung der Deckkraft – besonders bei Auswahlen, Masken, Retusche, Farbmanagement oder einer wiederverwendbaren Datei mit Ebenen.
Für ein schnelles statisches Ergebnis bedeuten diese Möglichkeiten aber auch zusätzlichen Aufwand. Wenn du nur ein Logo, Wasserzeichen, eine Textur, einen Lichteffekt oder ein zweites Foto hinzufügen und anschließend eine Datei herunterladen möchtest, kann ein fokussierter Browser-Editor den kürzeren Weg bieten.
Diese Anleitung erklärt zuerst den üblichen Photoshop-Ablauf und zeigt danach, wann OverlayImage.app eine praktische Alternative ist. Beide Produkte sind unabhängig; OverlayImage.app ist weder Photoshop-Plugin noch Adobe-Integration.
Bilder in Photoshop überlagern
1. Hauptbild öffnen
Öffne das Foto, das die Dokumentfläche bestimmen soll. Abhängig von Datei und Programmversion wird es in Photoshop zur Hintergrundebene oder zur ersten normalen Ebene.
Prüfe vor weiteren Dateien die Dokumentmaße. Breite, Höhe, Auflösungsmetadaten und Farbmodus beeinflussen den Export. Für Website oder Social Media zählen vor allem die Pixelmaße; bei Druckprodukten musst du zusätzlich die physische Größe und die effektive Pixeldichte kontrollieren.
2. Overlay als neue Ebene hinzufügen
Das zweite Bild gelangt auf verschiedenen Wegen ins Dokument:
- Ziehe die Datei in das geöffnete Photoshop-Dokument.
- Kopiere sie aus einem anderen Dokument und füge sie ein.
- Nutze Datei > Eingebettet platzieren oder Verknüpft platzieren.
- Öffne beide Dateien und ziehe eine Ebene von einem Dokument-Tab in das andere.
Mit Eingebettet platzieren oder Verknüpft platzieren hinzugefügte Dateien werden zu Smartobjekten. Diese erhalten die Quelldaten, während du die Ebene transformierst. Ein eingefügtes Bild wird dagegen möglicherweise eine normale Pixelebene. Smartobjekte sind sinnvoll, wenn du wiederholt skalieren möchtest, weil die Transformationen bis zum Rastern nicht destruktiv angewendet werden.
Die neue Ebene sollte im Ebenenbedienfeld über dem Hauptbild erscheinen. Andernfalls ziehst du sie im Stapel nach oben.
3. Mit „Frei transformieren“ positionieren und skalieren
Wähle die Overlay-Ebene und öffne Bearbeiten > Frei transformieren oder nutze das Tastenkürzel deines Systems. Innerhalb des Transformationsrahmens verschiebst du die Ebene. In aktuellen Photoshop-Versionen bleibt beim Ziehen an einer Ecke das Seitenverhältnis erhalten, wenn Seitenverhältnis beibehalten aktiv ist. Die Umschalttaste kehrt dieses Verhalten um; prüfe deshalb das Kettensymbol statt dich auf veraltete Tastaturtipps zu verlassen.
Bestätige die Transformation, sobald die Position stimmt. Für genaue Arbeit stehen Transformationswerte, Ausrichtung, Hilfslinien, Einrasten und Eigenschaften zur Verfügung. Ein Logo braucht korrekte Proportionen und Schutzraum. Eine vollflächige Textur sollte bis zu den vorgesehenen Rändern reichen, ohne eine versehentliche Naht zu hinterlassen.
4. Deckkraft reduzieren, wenn beide Bilder sichtbar sein sollen
Im Ebenenbedienfeld gibt es Deckkraft und in vielen Abläufen Fläche. Deckkraft verändert die Sichtbarkeit der gesamten Ebene einschließlich vieler Ebeneneffekte. Fläche beeinflusst vor allem den Ebeneninhalt, während bestimmte Stile stärker sichtbar bleiben können. Für eine einfache Fotoüberlagerung beginnst du mit Deckkraft.
Senke den Wert schrittweise und beobachte wichtige Details in beiden Bildern. Einen allgemein richtigen Prozentwert gibt es nicht. Eine dunkle Textur auf einem hellen Foto braucht möglicherweise nur wenig Deckkraft; zwei ähnlich belichtete Motive verlangen eher eine ausgewogene Mischung.
5. Mischmodus wählen
Der Mischmodus legt fest, wie die Pixel der ausgewählten Ebene mit den Ebenen darunter interagieren.
- Normal erhält die Quellpixel; Sichtbarkeit regelst du über die Deckkraft.
- Multiplizieren dunkelt ab und erhält dunkle Informationen – passend für Tinte, Papier, Körnung und Schatten.
- Negativ multiplizieren hellt auf und erhält helle Informationen – passend für Leuchten, Lichtlecks, Wolken und Sterne.
- Ineinanderkopieren steigert den Kontrast durch eine Kombination aus Aufhellen und Abdunkeln.
- Weiches Licht erzeugt einen sanfteren Kontrast- und Farbeffekt.
- Differenz vergleicht Kanäle und führt zu kontrastreichen Farbwirkungen.
Mischmodi reagieren auf die tatsächlichen Pixelwerte. Derselbe Modus kann bei einem Bildpaar dezent und bei einem anderen extrem wirken. Probiere mehrere aus und kehre vor der Entscheidung noch einmal zu Normal zurück.
Ebenenmaske für kontrollierte Übergänge
Deckkraft betrifft die gesamte Ebene. Eine Ebenenmaske legt dagegen fest, an welchen Stellen die Ebene sichtbar ist.
Wähle die Overlay-Ebene und füge eine Maske hinzu. Auf einer normalen Maske macht Weiß die Ebene sichtbar, Schwarz blendet sie aus und Grau erzeugt teilweise Sichtbarkeit. Male mit einem weichen Pinsel auf der Maske oder nutze einen Verlauf für einen fließenden Übergang zwischen zwei Fotos.
Masken sind ein Hauptgrund, Photoshop für komplexe Kompositionen zu verwenden. Du kannst Gesicht, Produkt, Himmel oder Schrift schützen und die obere Ebene nur in anderen Bereichen zeigen. Die Quellpixel bleiben erhalten, weil eine Maske ausblendet statt löscht.
Verfeinere Auswahl und Maske bei einer sinnvollen Zoomstufe. Haare, durchscheinender Stoff, Rauch und Blätter brauchen mehr Aufmerksamkeit als ein geometrisches Logo. Eine extrem weiche Kante um jedes Motiv ist selten richtig; ihre Härte sollte zu Fokus und Licht der Szene passen.
Farbe und Licht beider Bilder angleichen
Eine glaubwürdige Komposition braucht mehr als die richtige Position. Vergleiche Helligkeit, Kontrast, Farbtemperatur, Sättigung, Körnung, Schärfe und Lichtrichtung.
Arbeite möglichst mit Einstellungsebenen. Soll eine Korrektur nur das Overlay betreffen, verwende eine Schnittmaske. Gradationskurven oder Tonwertkorrektur gleichen Helligkeit und Kontrast an. Farbton/Sättigung bändigt ein zu buntes Element. Farbbalance, Selektive Farbkorrektur und weitere Werkzeuge führen die Quellen in eine gemeinsame Palette.
Auch Schärfe und Rauschen müssen zusammenpassen. Ein völlig sauberes Overlay wirkt auf einem körnigen Foto künstlich. Etwas passende Körnung oder Weichzeichnung kann das Element integrieren. Starke Unschärfe als Versteck für einen schlechten Freisteller erzeugt dagegen meist einen sichtbaren Saum.
Photoshop-Komposition exportieren
Bewahre eine PSD oder eine kompatible Arbeitsdatei mit Ebenen auf, wenn spätere Änderungen möglich sind. Exportiere anschließend eine separate Datei für die Ausgabe.
PNG passt zu Transparenz sowie verlustfreier Ausgabe von Logos, UI-Grafiken oder scharfer Schrift. JPEG eignet sich für ein fertiges Foto mit deckendem Hintergrund. WebP kann eine kleinere Webdatei liefern, wenn das Ziel es unterstützt. Menübezeichnungen ändern sich zwischen Photoshop-Versionen; prüfe im aktuellen Exportdialog Maße, Farbkonvertierung, Transparenz und Qualität.
Öffne die exportierte Datei vor der Übergabe außerhalb von Photoshop. So erkennst du unerwartetes Farbprofilverhalten, geänderte Transparenz, Kompressionsartefakte und Unterschiede zwischen Arbeitsdokument und reduzierter Ausgabe.
Fokussierte Alternative im Browser
Nutze ein Browser-Tool, wenn du weder Masken, Auswahlen, Retusche, Einstellungsebenen, Smartobjekte noch eine wiederverwendbare PSD brauchst.
Beide Bilder hinzufügen
Öffne OverlayImage.app, lade das Hauptbild hoch und füge das zweite als Overlay-Ebene hinzu. Der Upload erlaubt bis zu fünf Overlay-Dateien.
Ausgewählte Ebene transformieren
Ziehe das Bild zum Verschieben und eine Ecke zum proportionalen Skalieren. Weitere Funktionen steuern exakte Koordinaten, Zentrierung, Drehung, Spiegelung, Duplizieren und Ebenenreihenfolge.
Korrigieren und mischen
Stelle die Deckkraft ein, wähle aus zwölf Canvas-Mischmodi und passe Helligkeit, Kontrast, Sättigung und Weichzeichnung der Ebene an. Der Umfang ist kleiner als in Photoshop, deckt aber die Entscheidungen für viele Logos, Wasserzeichen, Texturen und Fotomischungen ab.
Ergebnis herunterladen
Wähle PNG, JPEG oder WebP und lade die Arbeitsfläche herunter. Es gibt kein Projekt-Dashboard, keine Kontopflicht und kein Plattform-Wasserzeichen.
Photoshop und OverlayImage.app im Vergleich
| Anforderung | Photoshop | OverlayImage.app |
|---|---|---|
| Bildüberlagerung mit Ebenen | Vollständiges professionelles Ebenensystem | Ein Basisbild plus bis zu fünf Overlays |
| Masken und Auswahlen | Detaillierte, nicht destruktive Werkzeuge | Derzeit nicht verfügbar |
| Mischmodi | Umfangreiches professionelles Set | Zwölf praktische Canvas-Modi |
| Smartobjekte | Eingebettete und verknüpfte, wiederverwendbare Quellen | Nicht verfügbar |
| Farbkorrektur | Tiefe Korrektur- und Farbmanagementfunktionen | Helligkeit, Kontrast, Sättigung, Weichzeichnung |
| Text, Malen und Retusche | Umfassend | Nicht verfügbar |
| Installation und Konto | Desktopanwendung und Adobe-Ablauf | Öffnet direkt im Browser |
| Verarbeitung der Arbeitsdateien | Lokaler Desktopablauf; Adobe-Dienste abhängig von der Einrichtung | Arbeitsbilder werden im aktuellen Browser verarbeitet |
| Beste Verwendung | Komplexe, wiederverwendbare Produktionsbearbeitung | Schnelle statische Overlays, Verbindungen und Exporte |
Das Browser-Tool ist absichtlich kleiner. Es entfernt Teile, die für eine fokussierte Overlay-Aufgabe nicht nötig sind; die professionellen Compositing-Funktionen von Photoshop will es nicht ersetzen.
Häufige Fehler in Photoshop
Falsche Ebene bearbeiten
Prüfe vor Transformieren, Malen oder Korrigieren das Ebenenbedienfeld. Benenne wichtige Ebenen in größeren Dokumenten. Fehler entstehen oft, weil das sichtbare Motiv nicht zur ausgewählten Ebene gehört.
Löschen statt maskieren
Dauerhaftes Radieren nimmt dir spätere Möglichkeiten. Nutze eine Ebenenmaske, wenn eine Kante oder ein Übergang eventuell noch geändert werden soll.
Pixelebene wiederholt skalieren
Mehrfaches Verkleinern und Vergrößern kann eine normale Pixelebene beschädigen. Verwende ein Smartobjekt oder kehre zur Originalquelle in der benötigten Größe zurück.
Farbsäume an Kanten ignorieren
Ein Freisteller aus einem hellen oder andersfarbigen Hintergrund kann einen Saum mitbringen. Verfeinere die Maske, entferne Farbkontamination vorsichtig und prüfe die Kante auf hellen wie dunklen Stellen des neuen Hintergrunds.
Schlechte Komposition mit Mischmodus kaschieren
Ein dramatischer Modus kann zwei unverbundene Bilder kurzfristig geschlossen wirken lassen. Kontrolliere Position, Skalierung, Motivbeziehung und Licht zuerst im Modus Normal.
Häufig gestellte Fragen
Wie überlagere ich zwei Bilder in Photoshop am einfachsten?
Öffne das Hauptbild, platziere oder ziehe das zweite als neue Ebene ins Dokument, transformiere es an die richtige Stelle und passe anschließend Deckkraft oder Mischmodus an.
Wie blende ich ein Bild weich in ein anderes über?
Füge der oberen Ebene eine Maske hinzu und lege auf der Maske einen Schwarz-Weiß-Verlauf an. Der Verlauf bestimmt, wo die Ebene verborgen, teilweise sichtbar oder vollständig sichtbar ist.
Soll ich Deckkraft oder Mischmodus verwenden?
Deckkraft ist richtig, wenn die obere Ebene lediglich weniger sichtbar werden soll. Ein Mischmodus ist sinnvoll, wenn Farben oder Helligkeitswerte mit der Ebene darunter reagieren sollen. Beide Einstellungen lassen sich kombinieren.
Brauche ich Photoshop für Logo oder Wasserzeichen?
Nein. Ein fokussierter Browser-Editor kann ein transparentes Logo positionieren, skalieren, drehen und in der Deckkraft anpassen. Photoshop wird wichtig, wenn du zusätzlich Masken, präzise Retusche, Textgestaltung oder ein wiederverwendbares Ebenendokument brauchst.
Ist OverlayImage.app ein Adobe-Produkt oder Photoshop-Plugin?
Nein. Es ist ein unabhängiges Browser-Tool ohne offizielle Integration oder Verbindung zu Adobe Photoshop.
Für eine einfache statische Komposition kannst du die Bilder direkt im Browser überlagern. Eine leichtere Einführung in dasselbe Ebenenprinzip bietet Ein Bild über ein anderes legen.