Ein sauberes Mockup beginnt häufig nicht mit dem Platzieren des Logos, sondern mit der Vorbereitung des Ausgangsmaterials. Produktfotos besitzen störende Hintergründe, Logos enthalten unnötige transparente Ränder oder ein Motiv soll nur innerhalb einer bestimmten Form sichtbar sein. Mockup Paint vereint dafür automatische und manuelle Werkzeuge in einem browserbasierten Workflow.
Je nach Bild gibt es nicht den einen perfekten Freisteller. Ein Produkt vor ruhigem Hintergrund lässt sich weitgehend automatisch bearbeiten. Haare, Stofffransen, Schatten oder ähnliche Farben erfordern zusätzliche Kontrolle. Deshalb bietet Mockup Paint mehrere Methoden, die sich kombinieren lassen: automatische Hintergrundentfernung, kantenbasierte Auswahl, Scribble-Maske, Lasso, Maskenradierer, Trimmen und manueller Zuschnitt.
Die richtige Ausgangsdatei wählen
Je besser die Ausgangsdatei, desto sauberer das Ergebnis. Ein Motiv mit klarem Kontrast zum Hintergrund lässt sich leichter freistellen als ein dunkles Produkt vor einer ähnlich dunklen Wand. Hohe Auflösung hilft bei feinen Kanten. Gleichzeitig sollten Dateien nicht unnötig groß sein, weil Bildanalyse, Masken und KI-Upscaling im Browser Arbeitsspeicher und Grafikleistung benötigen.
PNG ist sinnvoll, wenn bereits Transparenz vorhanden ist. JPEG eignet sich für Fotos, bringt aber immer einen gefüllten Hintergrund mit. SVG-Dateien benötigen bei reinen Vektorgrafiken normalerweise keine Freistellung. PSD kann Ebenen enthalten, sollte für den zuverlässigsten Import im RGB-Modus gespeichert sein.
Automatische Hintergrundentfernung
Für Bilder mit erkennbarem Hauptmotiv steht eine automatische Freistellung zur Verfügung. Das Tool analysiert das Bild und erzeugt eine PNG-Darstellung mit transparentem Hintergrund. Die Verarbeitung erfolgt im Bildbearbeitungs-Workflow des Editors; je nach Dateigröße kann sie einige Zeit benötigen.
Die automatische Methode ist ein guter erster Schritt, aber nicht zwangsläufig das Endergebnis. Nach dem Freistellen sollte die Kante bei hoher Vergrößerung geprüft werden. Besonders helle Säume, Schatten und halbtransparente Bereiche können zu hart entfernt oder teilweise stehen gelassen worden sein.
Kantenbasierte Entfernung mit Toleranz und Weichheit
Eine zweite Methode orientiert sich an den Farben am Bildrand. Sie eignet sich für Motive vor einer weitgehend einheitlichen Fläche. Der Toleranzwert bestimmt, wie stark ähnliche Farbtöne als Hintergrund behandelt werden. Ein niedriger Wert entfernt nur sehr ähnliche Pixel, ein hoher Wert greift tiefer in das Motiv ein.
Die Weichheit glättet den Übergang zwischen sichtbaren und entfernten Bereichen. Zu wenig Weichheit kann gezackte Kanten erzeugen; zu viel Weichheit lässt das Motiv unscharf oder transparent wirken. Am besten wird zunächst mit moderater Toleranz gearbeitet und anschließend vorsichtig erhöht.
Scribble Auto-Mask mit Keep und Remove
Bei komplexeren Motiven kann der Nutzer dem System zeigen, welche Flächen erhalten und welche entfernt werden sollen. Im Keep-Modus werden einige Striche innerhalb des gewünschten Objekts gesetzt. Im Remove-Modus markieren Striche den Hintergrund. Aus diesen Hinweisen berechnet Mockup Paint eine Maske.
Die Pinselgröße sollte zur Bildstruktur passen. Große Flächen können mit einem breiten Pinsel markiert werden, schmale Bereiche mit einem kleineren. Es ist nicht nötig, das gesamte Objekt auszumalen. Einige eindeutige Markierungen sind meist hilfreicher als viele Striche direkt an der Kante.
Feather macht die Maskenkante weicher. Edge Refine verfeinert Übergänge, und ein Overlay zeigt die erkannte Maske über dem Bild. Dadurch lässt sich vor dem Anwenden prüfen, ob wichtige Bereiche fehlen.
Maske, Cutout und Export unterscheiden
Nach der Berechnung stehen mehrere Ergebnisse zur Wahl. „Add mask layer“ fügt die Maske selbst als Ebene hinzu. Das ist hilfreich, wenn sie separat geprüft oder weiterverwendet werden soll. „Add cutout layer“ erzeugt eine neue freigestellte Bildebene, während das Ausgangsbild erhalten bleibt. „Export cutout PNG“ lädt direkt eine transparente Datei herunter.
Für einen nicht destruktiven Workflow ist eine zusätzliche Cutout-Ebene meist die beste Wahl. Das Original bleibt im Dokument und kann ausgeblendet werden. Falls die Freistellung später korrigiert werden muss, ist die Ausgangsbasis weiterhin verfügbar.
Mit Pfad oder Freihand-Lasso verfeinern
Eine Lasso-Maske eignet sich für klar umrissene Bereiche. Dazu wird mit Pfadwerkzeug oder Freihandstift eine geschlossene Auswahl um den gewünschten Teil gezeichnet. Die Auswahl kann anschließend kopiert oder als Schnitt auf das Bild angewendet werden.
„Copy selection“ erzeugt eine neue Ebene aus dem ausgewählten Bereich. „Cut selection“ ersetzt die sichtbare Fläche der vorhandenen Ebene. Kopieren ist sicherer, wenn verschiedene Varianten getestet werden. Ersetzen hält die Ebenenliste kompakter, sollte aber erst nach einer Kontrolle erfolgen.
Das Lasso ist auch eine gute Ergänzung zur automatischen Entfernung. Große Fehler werden automatisch beseitigt, einzelne Restflächen anschließend manuell ausgeschnitten.
Manuelles Radieren über die Ebenenmaske
Für Detailkorrekturen bietet Mockup Paint einen Maskenradierer. Er entfernt nicht einfach Pixel aus der Originaldatei, sondern arbeitet mit einer Maske. Dadurch kann die Bearbeitung in der Projektdatei erhalten bleiben.
Zur Auswahl stehen runde, quadratische und unregelmäßig wirkende Pinsel. Der runde Pinsel eignet sich für allgemeine Kanten, der quadratische für geradlinige Flächen. Der „Dirty“-Pinsel erzeugt eine organischere Struktur und kann bei Stoff, Grunge oder Texturen hilfreich sein.
Härte steuert den Übergang an der Pinselkante. Eine hohe Härte erzeugt einen klaren Schnitt, eine niedrigere Härte einen weichen Verlauf. Deckkraft bestimmt, wie stark ein einzelner Pinselzug entfernt. Bei Haaren, Schatten oder halbtransparentem Material ist eine reduzierte Deckkraft oft kontrollierbarer.
Bilder in Formen einpassen
Nicht jede Maske muss freihändig erstellt werden. Rechtecke, Kreise und weitere unterstützte Formen können ein Bild aufnehmen. Das Bild wird innerhalb der Form angezeigt und außerhalb ausgeblendet. Je nach gewünschter Darstellung kann es den Bereich ausfüllen, vollständig enthalten sein oder verzerrt angepasst werden.
Diese Funktion eignet sich für runde Profilbilder, Produktkarten, Moodboards, Detailfenster und geometrische Collagen. Kantenrundung und Kontur erweitern die Gestaltungsmöglichkeiten. Ein vorhandenes Bild kann später ersetzt werden, ohne die Form neu anzulegen.
Manuelles Zuschneiden
Beim manuellen Crop wird der sichtbare Bildausschnitt über Griffe festgelegt. Das Werkzeug ist sinnvoll, wenn die Bildkomposition geändert oder ein störender Rand entfernt werden soll. Anders als beim Maskieren entsteht ein neuer rechteckiger Ausschnitt.
Vor dem Zuschneiden sollte geprüft werden, ob später noch eine andere Variante benötigt wird. Eine duplizierte Ebene bewahrt den ursprünglichen Ausschnitt. Bei Produktfotos ist es außerdem ratsam, auf allen Seiten genug Raum für Schatten, Text und unterschiedliche Exportformate zu lassen.
Transparente Ränder automatisch trimmen
Nach einer Freistellung enthalten PNG-Dateien häufig große transparente Flächen. Diese sind unsichtbar, vergrößern aber den Auswahlrahmen und erschweren die Positionierung. Die Trim-Funktion erkennt den tatsächlich sichtbaren Inhalt und entfernt transparente Außenbereiche.
Trimmen ist besonders für Logos, Sticker und freigestellte Produkte nützlich. Das Objekt lässt sich danach genauer zentrieren und skalieren. Der Vorgang sollte erst erfolgen, wenn bewusst benötigter Freiraum nicht mehr gebraucht wird.
Upscaling für kleine Grafiken
Kleine Bilder können zweifach oder vierfach hochskaliert werden. Das Tool versucht, mehr Details zu rekonstruieren als eine einfache Vergrößerung. Es eignet sich vor allem für kleine Logos, Icons oder ältere Produktbilder.
Upscaling ersetzt jedoch keine hochwertige Originaldatei. Sehr unscharfe Schrift, starke JPEG-Artefakte oder fehlende Details können nicht zuverlässig wiederhergestellt werden. Außerdem begrenzen Browser und Grafikhardware die Größe. Bei großen Quelldateien kann der Editor intern verkleinern, um die Verarbeitung stabil zu halten.
Perspektive und Nachbearbeitung
Nach dem Freistellen kann ein Motiv perspektivisch auf eine Oberfläche gelegt werden. Vier Eckpunkte ermöglichen eine individuelle Verzerrung. Farbton, Helligkeit, Sättigung, Deckkraft, Mischmodus und ein kleiner Blur verbinden das Element anschließend mit dem Mockup.
Die Reihenfolge ist wichtig: zuerst sauber freistellen, dann transparente Ränder trimmen, danach Größe und Perspektive festlegen und zuletzt die optische Integration vornehmen. Wird zu früh weichgezeichnet oder eingefärbt, ist die Kantenkontrolle schwieriger.
Qualitätskontrolle vor dem PNG-Export
Ein Freisteller sollte auf hellem und dunklem Hintergrund geprüft werden. Helle Säume sind auf Weiß kaum sichtbar, fallen aber auf Schwarz sofort auf. Umgekehrt zeigen sich dunkle Restpixel besser auf einer hellen Fläche. Eine temporäre Hintergrundebene erleichtert diesen Test.
Für transparente Ergebnisse wird PNG mit aktiviertem transparentem Hintergrund gewählt. JPEG unterstützt keine Transparenz. Soll die Datei später weiterbearbeitet werden, kann zusätzlich die .mockuppaint-Projektdatei gespeichert werden. Sie erhält Ebenen, Masken und Bearbeitungseinstellungen.
Die Kombination aus automatischer Erkennung und manueller Kontrolle ist der zuverlässigste Weg. Mockup Paint liefert dafür mehrere Werkzeuge in einem Arbeitsbereich, sodass das freigestellte Bild ohne Programmwechsel direkt in das eigentliche Produktmockup eingesetzt werden kann.
Redaktioneller CTA: Ein eigenes Produktfoto laden, den Hintergrund automatisch entfernen und die Kante mit Maske oder Lasso verfeinern.
Häufige Fragen
Wann ist Freistellen die beste Lösung?
Wenn ein Objekt in eine neue Szene oder auf einen anderen Hintergrund soll, braucht es eine kontrollierte Trennung vom ursprünglichen Umfeld.
Welche Stellen prüfe ich nach der Automatik?
Haare, Finger, transparente Materialien, Reflexionen und Kontaktschatten sind typische Stellen für Halos oder kleine Lücken.
Was ist eine Maske im Vergleich zum Zuschnitt?
Ein Zuschnitt begrenzt den Rahmen. Eine Maske steuert einzelne sichtbare Bereiche und bleibt für unregelmäßige Konturen flexibler.
Wie teste ich eine Kontur zuverlässig?
Zeige sie vor einem hellen und dunklen Hintergrund und prüfe danach die geplante Ausgabegröße.
Weiterführende Beiträge
- Rasterbilder vektorisieren: Von PNG und JPG zu bearbeitbaren SVG-Ebenen
- Zeichnen, Formen und Typografie in Mockup Paint: Designs direkt im Browser gestalten
Quellen
- Mockup Paint Startseite – offizieller Produktumfang und Workflow. (Abrufdatum: 06.09.2026)
- Mockup Paint Editor – offizieller Bearbeitungsbereich und verfügbare Werkzeuge. (Abrufdatum: 06.09.2026)