Kostenlose Mockup-Vorlagen: 9 PSD-Downloads

15.09.2026

4 Min. Lesezeit

Zuletzt bearbeitet: 15.09.2026

iMac, MacBook, iPad und iPhone nebeneinander als Geräte-Mockup mit farbigen Bildschirmen

Neun fertige PSD-Vorlagen zum Herunterladen — Verpackung, Dose, Buch, Plakatwand, Geräte, Typografie. Alle mit vorbereitetem Smartobjekt: öffnen, eigenes Motiv einsetzen, speichern, fertig.

Darunter steht, wie das technisch abläuft, worauf Sie bei der Lizenz achten müssen und wie Sie eine Vorlage anpassen, wenn sie nicht ganz passt.

Die Vorlagen

Verpackung und Produkt

Print und Außenwerbung

Bildschirm und Typografie

Die vollständige Sammlung liegt unter Mockup-Design, weitere Dateien unter Downloads.

So setzen Sie Ihr Motiv ein

  1. PSD in Photoshop öffnen (Affinity Photo und Photopea kommen mit den meisten Dateien ebenfalls zurecht).
  2. In der Ebenenpalette die Ebene mit dem Platzhalter suchen — sie trägt meist einen Hinweis wie „Dein Design hier“ und ein kleines Symbol für Smartobjekt.
  3. Doppelklick auf die Ebenenminiatur. Der Inhalt öffnet sich als flaches, unverzerrtes Dokument in einem eigenen Tab.
  4. Eigenes Motiv einsetzen und bis an alle vier Kanten ziehen.
  5. Mit Strg+S beziehungsweise Cmd+S speichern und den Tab schließen.
  6. Im Hauptdokument sitzt das Motiv perspektivisch korrekt, mit Schatten und Reflexen.

Der häufigste Fehler ist Schritt 4: Wird das Motiv nicht bis an den Rand gezogen, bleibt außen ein Streifen der alten Vorlage stehen. Wie Smartobjekte genau funktionieren, steht in einem eigenen Beitrag.

Wenn die Vorlage nicht ganz passt

  • Farbe des Untergrunds ändern: Meist liegt darunter eine Farbfüllebene. Ändern statt übermalen, dann bleiben Schatten und Struktur erhalten.
  • Ausschnitt ändern: Arbeitsfläche vergrößern statt das Bild zu skalieren — sonst leiden Schärfe und Schattenkanten.
  • Schatten abschwächen: Deckkraft der Schattenebene reduzieren. Die Schattenebene nie löschen, sonst wirkt das Objekt freigestellt und aufgeklebt.
  • Mehrere Varianten: Motiv im Smartobjekt tauschen und jeweils als eigene Datei exportieren. Das geht schneller als ein zweites Mockup zu öffnen.

Lizenz und Nutzung

Die Vorlagen hier dürfen Sie für eigene Projekte und Kundenpräsentationen verwenden. Was Sie nicht dürfen: die PSD-Dateien selbst weitergeben oder als eigene Mockup-Sammlung anbieten.

Grundsätzlich gilt bei allen kostenlosen Vorlagen im Netz: Die Lizenz steht nicht am Preis, sondern in der Datei oder auf der Downloadseite. „Kostenlos“ heißt oft „frei für private Nutzung, Namensnennung bei kommerzieller“. Vor dem Kundenprojekt lesen — nachträglich wird es teuer.

Bevor das Ergebnis ins Web geht

Mockups sind großflächige Fotos mit weichen Verläufen. Als JPEG in Originalgröße wiegen sie schnell mehrere Megabyte und bremsen jede Seite aus. Vor dem Hochladen also auf die tatsächliche Ausgabegröße bringen und in ein modernes Format umwandeln.

Ich lasse solche Bilder über PicPrepper laufen — das erledigt Größe und Format in einem Durchgang, statt jedes Bild einzeln anzufassen.

Häufige Fragen

Brauche ich Photoshop?

Für die meisten Vorlagen ja oder ein Programm, das Smartobjekte unterstützt. Affinity Photo kann das inzwischen weitgehend, Photopea öffnet PSDs kostenlos im Browser. GIMP scheitert an Smartobjekten.

Reichen die Vorlagen für den Druck?

Für Präsentation und Freigabe ja. Für den tatsächlichen Druck brauchen Sie die Originaldatei Ihres Designs, nicht das Mockup — das Mockup ist die Ansicht, nicht die Druckvorlage.

Kann ich eigene Mockups bauen?

Ja. Objekt fotografieren, Fläche mit dem Verzerrungswerkzeug anlegen, in ein Smartobjekt umwandeln, Schatten und Lichter auf eigene Ebenen legen. Aufwendiger als gedacht, aber für ein Produkt, das Sie ständig zeigen, lohnt es sich.

Kann ich Mockups mit KI erzeugen?

Für Stimmungsbilder ja, für Entwürfe nein — Generatoren verändern Buchstaben, Logos und Farben. Sobald das Design exakt stimmen muss, führt kein Weg an einem echten Mockup vorbei. Ausführlicher steht das unter Was ist ein Mockup.

Fazit

Ein Mockup kostet zwei Minuten und spart eine Freigaberunde. Laden Sie sich eine der Vorlagen herunter und probieren Sie es an Ihrem nächsten Entwurf aus.

Wenn Sie Gestaltung, Mockups oder einen kompletten Auftritt brauchen: schreiben Sie mir kurz, worum es geht.

Inhalt

Inhaltsverzeichnis

Gunther SchoepfGunther SchoepfWebdesign, SEO & eigene Tools

Ich baue Websites, die klar führen — mit Schwerpunkt auf Reiseveranstaltern und Reisebüros, aber genauso für andere Branchen.

Projekt besprechen →

Weiterlesen

6 Min. Lesezeit
Bilder, Plugins, Schriften, Hosting: die sieben Gründe für eine langsame Website — sortiert nach Wirkung, mit der Diagnose für jeden einzelnen.
4 Min. Lesezeit
Nichts ist verloren, nur die Ausgabe bricht ab. Fünf Schritte vom weißen Bildschirm zurück zur funktionierenden Seite — auch ohne Zugang zum Backend.
5 Min. Lesezeit
Nicht indexiert, keine Platzierung oder falsche Erwartung? Drei Fälle mit völlig verschiedenen Lösungen — und der Test, der sie auseinanderhält.
Aus der Praxis

Sie wollen das auf Ihrer eigenen Website umsetzen?

Erzählen Sie mir kurz, worum es geht. Ich sage Ihnen ehrlich, ob und wie ich helfen kann — das erste Gespräch kostet Sie nichts.