Mockups mit Smartphones, iPhones, Handys – Szenen für mobile Webseiten & Apps

Mockups, Business, Marketing & Vertrieb

von Stefan Riedl

Präsentiere das Design mobiler Webseiten und Apps genau dort, wo sie zu sehen sind: auf Smartphones, iPhones, Handys. Alles was du dazu brauchst, sind diese 36 Mockups. Füge ein von dir erstelltes Bild bzw. einen Screenshot ein und Photoshop passt die Darstellung direkt in die Displays der Geräte ein. Wirkt so echt wie ein Foto und sorgt für eine anschauliche Illustration.

36 Mockups zur Darstellung von Webseiten und Apps auf Smartphones, Handys, iPhones
Präsentiere deine Designs fotorealistisch auf Displays mobiler Geräte
Einfache Anwendung: Füge dein Bild ein, Photoshop passt es automatisch an
Jedes Mockup in einer eigenen PSD-Datei zur Anwendung in Photoshop
Mockups mit hoher Auflösung für den Einsatz in Web und Print
Für private und auch kommerzielle Nutzung erlaubt

Hol dir szenenstarke Mockups und erstelle mit nur wenigen Klicks fotorealistische Darstellungen für Webseiten und Apps.

Inhalt

35 Inhalte

Smartphone

Mockup mit Smartphone, Handy (iPhone) – Version 1

Visualisiere deine ausgearbeiteten Designs für deine Kunden oder dein Portfolio. Bei diesem Download handelt es sich um ein Mockup für ein Smartphone als PSD-Datei (Smartphone auf einem Tisch). Mit nur wenigen Klicks kreierst du mithilfe von Smartobjekten aus einem flachen, zweidimensionalen Bild die Plastizität eines Fotos.

Photoshop-Mockup-Vorlage für ein Smartphone – Version 2

Du erhältst ein Photoshop-Mockup für ein Smartphone – das Smartphone liegt auf einem dunklen Schreibtisch vor einer weißen Tastatur. Mit wenigen Klicks kreierst du mit Smartobjekten aus einem zweidimensionalen Bild die Plastizität eines Fotos.

Photoshop-Mockup-Vorlage für ein Smartphone – Version 3

Du erhältst ein Photoshop-Mockup für ein Smartphone – das Mockup blickt von oben auf das Smartphone, welches sich vor einem grauen Hintergrund befindet.

Photoshop-Mockup-Vorlage für ein Smartphone – Version 4

Du erhältst ein Photoshop-Mockup für ein Smartphone – das Smartphone wird von einem Mann in der Hand gehalten, im Hintergrund befindet sich eine Landschaft. Mit wenigen Klicks kreierst du mit Smartobjekten aus einem zweidimensionalen Bild die Plastizität eines Fotos.

Photoshop-Mockup-Vorlage für ein Smartphone – Version 5

Du erhältst ein Photoshop-Mockup für ein Smartphone – das Smartphone wird in einer Hand gehalten, im Hintergrund breitet sich ein blauer Himmel aus. Mit wenigen Klicks kreierst du mit Smartobjekten aus einem zweidimensionalen Bild die Plastizität eines Fotos.

Photoshop-Mockup-Vorlage für ein Smartphone – Version 6

Du erhältst ein Photoshop-Mockup für ein Smartphone – das Smartphone wird in der Hand gehalten, im Hintergrund ist ein Holzboden zu sehen. Mit wenigen Klicks kreierst du mit Smartobjekten aus einem zweidimensionalen Bild die Plastizität eines Fotos.

Photoshop-Mockup-Vorlage für ein Smartphone – Version 7

Du erhältst ein Photoshop-Mockup für ein Smartphone – das Smartphone wird in der Hand gehalten, der Hintergrund besticht durch ein natürliches Gelb. Mit wenigen Klicks kreierst du mit Smartobjekten aus einem zweidimensionalen Bild die Plastizität eines Fotos.

Photoshop-Mockup-Vorlage für ein Smartphone – Version 8

Du erhältst ein Photoshop-Mockup für ein Smartphone – in diesem Mockup wird das Smartphone von einer Frau gehalten, die in einem Auto sitzt. Mit wenigen Klicks kreierst du mit Smartobjekten aus einem zweidimensionalen Bild die Plastizität eines Fotos.

Photoshop-Mockup-Vorlage für ein Smartphone – Version 9

Du erhältst ein Photoshop-Mockup für ein Smartphone, wobei das Smartphone von einer Frau gehalten wird, die in einem Auto sitzt. Mit wenigen Klicks kreierst du mit Smartobjekten aus einem zweidimensionalen Bild die Plastizität eines Fotos.

Photoshop-Mockup-Vorlage für ein Smartphone – Version 10

Du erhältst ein Photoshop-Mockup für ein Smartphone (in der Hand gehalten, dahinter ein Lenkrad). Mit wenigen Klicks kreierst du mit Smartobjekten aus einem zweidimensionalen Bild die Plastizität eines Fotos.

Photoshop-Mockup-Vorlage für ein Smartphone – Version 11

Du erhältst ein Photoshop-Mockup für ein Smartphone – das Smartphone liegt auf einem Tisch neben einer Tastatur und einen Papierblock. Mit wenigen Klicks kreierst du mit Smartobjekten aus einem zweidimensionalen Bild die Plastizität eines Fotos.

Photoshop-Mockup-Vorlage für ein Smartphone – Version 12

Du erhältst ein Photoshop-Mockup für ein Smartphone – das Smartphone liegt auf einem Holzuntergrund. Mit wenigen Klicks kreierst du mit Smartobjekten aus einem zweidimensionalen Bild die Plastizität eines Fotos.

Mockup mit Smartphone, Handy (iPhone) – Version 13

Visualisiere deine ausgearbeiteten Designs für deine Kunden oder dein Portfolio. Bei diesem Download handelt es sich um ein Mockup für ein Smartphone als PSD-Datei (Smartphone wird in der Hand gehalten). Mit nur wenigen Klicks kreierst du mithilfe von Smartobjekten aus einem flachen, zweidimensionalen Bild die Plastizität eines Fotos.

Mockup mit Smartphone, Handy (iPhone) – Version 14

Visualisiere deine ausgearbeiteten Designs für deine Kunden oder dein Portfolio. Bei diesem Download handelt es sich um ein Mockup für ein Smartphone als PSD-Datei (Smartphone frontal von vorn auf einem neutralen Hintergrund). Mit nur wenigen Klicks kreierst du mithilfe von Smartobjekten aus einem flachen, zweidimensionalen Bild die Plastizität eines Fotos.

Mockup mit Smartphone, Handy (iPhone) – Version 15

Visualisiere deine ausgearbeiteten Designs für deine Kunden oder dein Portfolio. Bei diesem Download handelt es sich um ein Mockup für ein Smartphone als PSD-Datei (Smartphone vor einem neutralen Hintergrund). Mit nur wenigen Klicks kreierst du mithilfe von Smartobjekten aus einem flachen, zweidimensionalen Bild die Plastizität eines Fotos.

Mockup mit Smartphone, Handy (iPhone) – Version 16

Visualisiere deine ausgearbeiteten Designs für deine Kunden oder dein Portfolio. Bei diesem Download handelt es sich um ein Mockup für ein Smartphone als PSD-Datei (Smartphone liegt schräg in der Szene). Mit nur wenigen Klicks kreierst du mithilfe von Smartobjekten aus einem flachen, zweidimensionalen Bild die Plastizität eines Fotos.

Mockup mit Smartphone, Handy (iPhone) – Version 17

Visualisiere deine ausgearbeiteten Designs für deine Kunden oder dein Portfolio. Bei diesem Download handelt es sich um ein Mockup für ein Smartphone als PSD-Datei (von schräg oben aufgenommen). Mit nur wenigen Klicks kreierst du mithilfe von Smartobjekten aus einem flachen, zweidimensionalen Bild die Plastizität eines Fotos.

Mockup mit Smartphone, Handy (iPhone) – Version 18

Visualisiere deine ausgearbeiteten Designs für deine Kunden oder dein Portfolio. Bei diesem Download handelt es sich um ein Mockup für ein Smartphone als PSD-Datei (Smartphone wird quer in der Hand gehalten). Mit nur wenigen Klicks kreierst du mithilfe von Smartobjekten aus einem flachen, zweidimensionalen Bild die Plastizität eines Fotos.

Mockup mit Smartphone, Handy (iPhone) – Version 19

Visualisiere deine ausgearbeiteten Designs für deine Kunden oder dein Portfolio. Bei diesem Download handelt es sich um ein Mockup für ein Smartphone als PSD-Datei (zwei Displays werden gezeigt). Mit nur wenigen Klicks kreierst du mithilfe von Smartobjekten aus einem flachen, zweidimensionalen Bild die Plastizität eines Fotos.

Mockup mit Smartphone, Handy (iPhone) – Version 20

Visualisiere deine ausgearbeiteten Designs für deine Kunden oder dein Portfolio. Bei diesem Download handelt es sich um ein Mockup für ein Smartphone als PSD-Datei (Smartphone mit Kopfhörern auf einem Tisch). Mit nur wenigen Klicks kreierst du mithilfe von Smartobjekten aus einem flachen, zweidimensionalen Bild die Plastizität eines Fotos.

Mockup mit Smartphone, Handy (iPhone) – Version 21

Visualisiere deine ausgearbeiteten Designs für deine Kunden oder dein Portfolio. Bei diesem Download handelt es sich um ein Mockup für ein Smartphone als PSD-Datei (Smartphone, Stift und Kopfhörer). Mit nur wenigen Klicks kreierst du mithilfe von Smartobjekten aus einem flachen, zweidimensionalen Bild die Plastizität eines Fotos.

Mockup mit Smartphone, Handy (iPhone) – Version 22

Visualisiere deine ausgearbeiteten Designs für deine Kunden oder dein Portfolio. Bei diesem Download handelt es sich um ein Mockup für ein Smartphone als PSD-Datei (Smartphone und Tastatur). Mit nur wenigen Klicks kreierst du mithilfe von Smartobjekten aus einem flachen, zweidimensionalen Bild die Plastizität eines Fotos.

Mockup mit Smartphone, Handy (iPhone) – Version 23

Visualisiere deine ausgearbeiteten Designs für deine Kunden oder dein Portfolio. Bei diesem Download handelt es sich um ein Mockup für ein Smartphone als PSD-Datei (Smartphone liegt auf einem Tisch). Mit nur wenigen Klicks kreierst du mithilfe von Smartobjekten aus einem flachen, zweidimensionalen Bild die Plastizität eines Fotos.

Mockup mit Smartphone, Handy (iPhone) – Version 24

Visualisiere deine ausgearbeiteten Designs für deine Kunden oder dein Portfolio. Bei diesem Download handelt es sich um ein Mockup für ein Smartphone als PSD-Datei (Smartphone mit Display und Rückseite). Mit nur wenigen Klicks kreierst du mithilfe von Smartobjekten aus einem flachen, zweidimensionalen Bild die Plastizität eines Fotos.

Mockup mit Smartphone, Handy (iPhone) – Version 25

Visualisiere deine ausgearbeiteten Designs für deine Kunden oder dein Portfolio. Bei diesem Download handelt es sich um ein Mockup für ein Smartphone als PSD-Datei (Smartphone mit Display im Querformat). Mit nur wenigen Klicks kreierst du mithilfe von Smartobjekten aus einem flachen, zweidimensionalen Bild die Plastizität eines Fotos.

Mockup mit Smartphone, Handy (iPhone) – Version 26

Visualisiere deine ausgearbeiteten Designs für deine Kunden oder dein Portfolio. Bei diesem Download handelt es sich um ein Mockup für drei Smartphones als PSD-Datei. Mit nur wenigen Klicks kreierst du mithilfe von Smartobjekten aus einem flachen, zweidimensionalen Bild die Plastizität eines Fotos.

Mockup mit Smartphone, Handy (iPhone) – Version 27

Visualisiere deine ausgearbeiteten Designs für deine Kunden oder dein Portfolio. Bei diesem Download handelt es sich um ein Mockup für ein Smartphone als PSD-Datei, das Gerät liegt schräg in der Szene. Mit nur wenigen Klicks kreierst du mithilfe von Smartobjekten aus einem flachen, zweidimensionalen Bild die Plastizität eines Fotos.

Mockup mit Smartphone, Handy (iPhone) – Version 28

Visualisiere deine ausgearbeiteten Designs für deine Kunden oder dein Portfolio. Bei diesem Download handelt es sich um ein Mockup für ein Smartphone als PSD-Datei. Einfach herunterladen und bearbeiten.

Smartphone und Tablet

Mockup mit Tablet (iPad) und Smartphone (iPhone) – Version 1

Visualisiere deine ausgearbeiteten Designs für deine Kunden oder dein Portfolio. Bei diesem Download handelt es sich um ein Mockup für ein Smartphone sowie Tablet als PSD-Datei. Mit nur wenigen Klicks kreierst du mithilfe von Smartobjekten aus einem flachen, zweidimensionalen Bild die Plastizität eines Fotos.

Mockup für Affinity Photo: ein Tablet und ein Smartphone – Version 2

Photoshop-Mockup-Vorlage für ein Tablet und ein Smartphone – Version 2

Du erhältst ein Photoshop-Mockup für ein Tablet und ein Smartphone. Das Mockup blickt gerade von oben auf die beiden Geräte. Mit wenigen Klicks kreierst du mit Smartobjekten aus einem zweidimensionalen Bild die Plastizität eines Fotos.

Photoshop-Mockup-Vorlage für ein Tablet und ein Smartphone – Version 3

Du erhältst ein Photoshop-Mockup für ein Tablet und ein Smartphone. Ebenfalls in der Szene: eine Tastatur und ein Papierblock.

Photoshop-Mockup-Vorlage für ein Tablet und ein Smartphone – Version 4

Du erhältst ein Photoshop-Mockup für ein Tablet und ein Smartphone. Beide Geräte stehen leicht angewinkelt vor einem grauen Hintergrund. Mit wenigen Klicks kreierst du mit Smartobjekten aus einem zweidimensionalen Bild die Plastizität eines Fotos.

Photoshop-Mockup-Vorlage für ein Tablet und ein Smartphone – Version 6

Du erhältst ein Photoshop-Mockup für ein Tablet und ein Smartphone. Das Smartphone liegt an der Seite auf dem Tablet.

Mockup mit Tablet (iPad) und Smartphone (iPhone) – Version 7

Visualisiere deine ausgearbeiteten Designs für deine Kunden oder dein Portfolio. Bei diesem Download handelt es sich um ein Mockup für ein Smartphone sowie ein Tablet als PSD-Datei. Das Smartphone liegt schräg auf dem Tablet. Mit nur wenigen Klicks kreierst du mithilfe von Smartobjekten aus einem flachen, zweidimensionalen Bild die Plastizität eines Fotos.

Mockup mit Tablet (iPad) und Smartphone (iPhone) – Version 8

Visualisiere deine ausgearbeiteten Designs für deine Kunden oder dein Portfolio. Bei diesem Download handelt es sich um ein Mockup für ein Smartphone als PSD-Datei. Mit nur wenigen Klicks kreierst du mithilfe von Smartobjekten aus einem flachen, zweidimensionalen Bild die Plastizität eines Fotos.

Anwendungsbeispiele

Galerie öffnen

Auf der grünen Fläche wird später dein Bild einer Webseite oder App zu sehen sein.
Galerie öffnen

Mit nur wenigen Klicks erstellst du fotorealistische Szenen – nur am Rechner.
Galerie öffnen

Bestens geeignet zur Präsentation vor Kunden, für dein Portfolio oder für Illustrationen in Artikeln.
Galerie öffnen

Das Paket bietet dir eine große Auswahl an unterschiedlichen Szenen.
Galerie öffnen

In den Szenen wurde auf ein modernes und zeitgemäßes Erscheinungsbild geachtet.
Galerie öffnen

Flach und zweidimensional?! – Verzichte darauf und setze stattdessen auf fotostarke Anschaulichkeit!
Galerie öffnen

Hinterlässt mehr Eindruck als ein simpler Screenshot!
Galerie öffnen

Photoshop kümmert sich automatisch um die perspektivische Einpassung deiner Bilder.

Hilfe-Video zur Anwendung

Photoshop-Anleitung: So verwendest du die Smartphone-Mockups

Mithilfe von Mockups präsentierst du deine Designs in fotorealistischen Szenen. Was du dazu brauchst? Photoshop, ein Mockup und dein Layout. Sieh dir in diesem Video an, wie du die PSD-Mockups für Smartphones verwendest. Matthias Petri gibt dir hilfreiche Tipps und Tricks, damit du deine Designs schon in kurzer Zeit hochwertig visualisieren kannst.

5 Minuten · Kostenlos

Details zum Inhalt

Präsentiere Webseiten mit Mockups auf Smartphone, iPhone, Handy

Wie auf Mobil fotografiert? Genau das erreichst du mithilfe dieser Mockups!

Mockups für vielfältige Einsatzzwecke – inklusive Mockups für iPhone X

Dieses Paket bietet dir insgesamt 36 abwechslungsreiche Mockups mit Smartphones, iPhones, Handys, zum Teil flankiert von Tablets. Ohne aufwendige Fotografie und allein am Rechner erstellst du damit Bilder, die wie echte Fotos wirken.

Als Webdesigner oder in einer Design-Agentur eignen sich die Mockups hervorragend, um selbst entwickelte Webseiten und Apps vor Kunden und im eigenen Portfolio anschaulich zu präsentieren. Auch kannst du mit den Mockups Blog-Artikel und sogar Printprodukte illustrativ aufwerten.

Ohne aufwendige Fotografie zu einer fotorealistischen Darstellung

Die Einarbeitung deiner Bilder bzw. Screenshots in die Smartphones, iPhones (u. a. iPhone X) und Handys ist denkbar einfach. Öffne das gewünschte Mockup in Photoshop. Klicke doppelt auf das vorbereitete Smartobjekt. Füge dein Bild ein und passe dessen Größe an – Übriges wie die perspektivische Verzerrung erledigt Photoshop.

Bei uns findest du übrigens auch Mockups für Printprodukte wie Magazine, Broschüren und Briefpapier oder für Werbetechnik. Teile dieses Smartphone-Pakets stehen dir auch im großen Mockup-Paket für Digitalmedien zur Verfügung, in dem du z. B. auch Mockups mit Monitoren findest.

Hinweis

Verwendbar mit: Adobe Photoshop
Lizenz: private und kommerzielle Nutzungsrechte

Mit Liebe erstellt von

Stefan Riedl

Stefan Riedl, einst gelernter Bankkaufmann, studierte später Grafik-Design und ist mit über 250 Tutorials als Trainer für alle Themen rund um Desktop-Publishing tätig. Fünf Jahre fungierte er im Editoral-Design als Chefredakteur des „Commag“ – dem Online-Magazins für Bildbearbeitung und Webdesign auf PSD-Tutorials.de. Als Visual-Designer beteiligte er sich maßgeblich an der Portalentwicklung von TutKit.com und kreierte als Artdirector das Erscheinungsbild. Stefans Schwerpunkte liegen in der strategischen Planung, grafischen Gestaltung und Ausarbeitung komplexer User Experience-Designs.

Produkte

Neueste Produkte von Stefan