Mockups with smartphones, iPhones, cell phones - scenes for mobile websites & apps

Mockups, Business, Marketing & Sales

by Stefan Riedl

Present the design of mobile websites and apps exactly where they can be seen: on smartphones, iPhones and cell phones. All you need are these 36 mockups. Insert an image or screenshot you've created and Photoshop will fit the display directly onto the devices' screens. It looks as real as a photo and provides a vivid illustration.

36 mockups for displaying websites and apps on smartphones, cell phones, iPhones
Present your designs photorealistically on mobile device displays
Easy to use: Paste your image, Photoshop adjusts it automatically
Each mockup in its own PSD file for use in Photoshop
Mockups with high resolution for use in web and print
Permitted for private and commercial use

Get scene-stealing mockups and create photorealistic images for websites and apps with just a few clicks.

content

35 items

Smartphone

Mockup with smartphone, cell phone (iPhone) - Version 1

Visualize your elaborated designs for your customers or your portfolio. This download is a mockup for a smartphone as a PSD file (smartphone on a table). With just a few clicks, you can create the plasticity of a photo from a flat, two-dimensional image using smart objects.

Photoshop mockup template for a smartphone - version 2

You receive a Photoshop mockup for a smartphone - the smartphone is lying on a dark desk in front of a white keyboard. With just a few clicks, you can use smart objects to create the plasticity of a photo from a two-dimensional image.

Photoshop mockup template for a smartphone - version 3

You will receive a Photoshop mockup for a smartphone - the mockup looks at the smartphone from above, which is in front of a gray background.

Photoshop mockup template for a smartphone - version 4

You will receive a Photoshop mockup for a smartphone - the smartphone is being held by a man, with a landscape in the background. With just a few clicks, you can use smart objects to create the plasticity of a photo from a two-dimensional image.

Photoshop mockup template for a smartphone - version 5

You receive a Photoshop mockup for a smartphone - the smartphone is held in one hand, a blue sky spreads out in the background. With just a few clicks, you can create the plasticity of a photo from a two-dimensional image using smart objects.

Photoshop mockup template for a smartphone - version 6

You receive a Photoshop mockup for a smartphone - the smartphone is held in the hand, a wooden floor can be seen in the background. With just a few clicks, you can create the plasticity of a photo from a two-dimensional image using smart objects.

Photoshop mockup template for a smartphone - version 7

You get a Photoshop mockup for a smartphone - the smartphone is held in the hand, the background is a natural yellow. With just a few clicks, you can create the plasticity of a photo from a two-dimensional image using smart objects.

Photoshop mockup template for a smartphone - version 8

You will receive a Photoshop mockup for a smartphone - in this mockup, the smartphone is held by a woman sitting in a car. With just a few clicks, you can create the plasticity of a photo from a two-dimensional image using smart objects.

Photoshop mockup template for a smartphone - version 9

You will receive a Photoshop mockup for a smartphone, with the smartphone being held by a woman sitting in a car. With just a few clicks, you can create the plasticity of a photo from a two-dimensional image using smart objects.

Photoshop mockup template for a smartphone - version 10

You will receive a Photoshop mockup for a smartphone (held in the hand, with a steering wheel behind it). With just a few clicks, you can create the plasticity of a photo from a two-dimensional image using smart objects.

Photoshop mockup template for a smartphone - version 11

You receive a Photoshop mockup for a smartphone - the smartphone is placed on a table next to a keyboard and a pad of paper. With just a few clicks, you can use smart objects to create the plasticity of a photo from a two-dimensional image.

Photoshop mockup template for a smartphone - version 12

You will receive a Photoshop mockup for a smartphone - the smartphone lies on a wooden background. With just a few clicks, you can create the plasticity of a photo from a two-dimensional image using smart objects.

Mockup with smartphone, cell phone (iPhone) - Version 13

Visualize your elaborated designs for your customers or your portfolio. This download is a mockup for a smartphone as a PSD file (smartphone is held in the hand). With just a few clicks, you can create the plasticity of a photo from a flat, two-dimensional image using smart objects.

Mockup with smartphone, cell phone (iPhone) - Version 14

Visualize your elaborated designs for your customers or your portfolio. This download is a mockup for a smartphone as a PSD file (smartphone front view on a neutral background). With just a few clicks, you can create the plasticity of a photo from a flat, two-dimensional image using smart objects.

Mockup with smartphone, cell phone (iPhone) - Version 15

Visualize your elaborated designs for your customers or your portfolio. This download is a mockup for a smartphone as a PSD file (smartphone in front of a neutral background). With just a few clicks, you can create the plasticity of a photo from a flat, two-dimensional image using smart objects.

Mockup with smartphone, cell phone (iPhone) - Version 16

Visualize your finished designs for your customers or your portfolio. This download is a mockup for a smartphone as a PSD file (smartphone is at an angle in the scene). With just a few clicks, you can create the plasticity of a photo from a flat, two-dimensional image using smart objects.

Mockup with smartphone, cell phone (iPhone) - Version 17

Visualize your finished designs for your customers or your portfolio. This download is a mockup for a smartphone as a PSD file (taken from an angle). With just a few clicks, you can create the plasticity of a photo from a flat, two-dimensional image using smart objects.

Mockup with smartphone, cell phone (iPhone) - Version 18

Visualize your elaborated designs for your customers or your portfolio. This download is a mockup for a smartphone as a PSD file (smartphone is held horizontally in the hand). With just a few clicks, you can create the plasticity of a photo from a flat, two-dimensional image using smart objects.

Mockup with smartphone, cell phone (iPhone) - Version 19

Visualize your elaborated designs for your customers or your portfolio. This download is a mockup for a smartphone as a PSD file (two displays are shown). With just a few clicks, you can create the plasticity of a photo from a flat, two-dimensional image using smart objects.

Mockup with smartphone, cell phone (iPhone) - Version 20

Visualize your elaborated designs for your customers or your portfolio. This download is a mockup for a smartphone as a PSD file (smartphone with headphones on a table). With just a few clicks, you can create the plasticity of a photo from a flat, two-dimensional image using smart objects.

Mockup with smartphone, cell phone (iPhone) - Version 21

Visualize your elaborated designs for your customers or your portfolio. This download is a mockup for a smartphone as a PSD file (smartphone, pen and headphones). With just a few clicks, you can create the plasticity of a photo from a flat, two-dimensional image using smart objects.

Mockup with smartphone, cell phone (iPhone) - Version 22

Visualize your elaborated designs for your customers or your portfolio. This download is a mockup for a smartphone as a PSD file (smartphone and keyboard). With just a few clicks, you can create the plasticity of a photo from a flat, two-dimensional image using smart objects.

Mockup with smartphone, cell phone (iPhone) - Version 23

Visualize your elaborated designs for your customers or your portfolio. This download is a mockup for a smartphone as a PSD file (smartphone lying on a table). With just a few clicks, you can create the plasticity of a photo from a flat, two-dimensional image using smart objects.

Mockup with smartphone, cell phone (iPhone) - Version 24

Visualize your elaborated designs for your customers or your portfolio. This download is a mockup for a smartphone as a PSD file (smartphone with display and back). With just a few clicks, you can create the plasticity of a photo from a flat, two-dimensional image using smart objects.

Mockup with smartphone, cell phone (iPhone) - Version 25

Visualize your elaborated designs for your customers or your portfolio. This download is a mockup for a smartphone as a PSD file (smartphone with display in landscape format). With just a few clicks, you can create the plasticity of a photo from a flat, two-dimensional image using smart objects.

Mockup with smartphone, cell phone (iPhone) - Version 26

Visualize your finished designs for your customers or your portfolio. This download is a mockup for three smartphones as a PSD file. With just a few clicks, you can create the plasticity of a photo from a flat, two-dimensional image using smart objects.

Mockup with smartphone, cell phone (iPhone) - Version 27

Visualize your elaborated designs for your customers or your portfolio. This download is a mockup for a smartphone as a PSD file, with the device lying at an angle in the scene. With just a few clicks, you can create the plasticity of a photo from a flat, two-dimensional image using smart objects.

Mockup with smartphone, cell phone (iPhone) - Version 28

Visualize your finished designs for your customers or your portfolio. This download is a mockup for a smartphone as a PSD file. Simply download and edit.

Smartphone and tablet

Mockup with tablet (iPad) and smartphone (iPhone) - Version 1

Visualize your finished designs for your customers or your portfolio. This download is a mockup for a smartphone and tablet as a PSD file. With just a few clicks, you can create the plasticity of a photo from a flat, two-dimensional image using smart objects.

Mockup for Affinity Photo: a tablet and a smartphone - version 2

Photoshop mockup template for a tablet and a smartphone - version 2

You will receive a Photoshop mockup for a tablet and a smartphone. The mockup looks straight down on the two devices. With just a few clicks, you can create the plasticity of a photo from a two-dimensional image using smart objects.

Photoshop mockup template for a tablet and a smartphone - version 3

You will receive a Photoshop mockup for a tablet and a smartphone. Also in the scene: a keyboard and a pad of paper.

Photoshop mockup template for a tablet and a smartphone - version 4

You will receive a Photoshop mockup for a tablet and a smartphone. Both devices are slightly angled in front of a gray background. With just a few clicks, you can use smart objects to create the plasticity of a photo from a two-dimensional image.

Photoshop mockup template for a tablet and a smartphone - version 6

You will receive a Photoshop mockup for a tablet and a smartphone. The smartphone is on the side of the tablet.

Mockup with tablet (iPad) and smartphone (iPhone) - Version 7

Visualize your finished designs for your customers or your portfolio. This download is a mockup for a smartphone and a tablet as a PSD file. The smartphone is placed at an angle on the tablet. With just a few clicks, you can create the plasticity of a photo from a flat, two-dimensional image using smart objects.

Mockup with tablet (iPad) and smartphone (iPhone) - Version 8

Visualize your finished designs for your customers or your portfolio. This download is a mockup for a smartphone as a PSD file. With just a few clicks, you can create the plasticity of a photo from a flat, two-dimensional image using smart objects.

Examples of use

Open gallery

Your image of a website or app will later appear on the green area.
Open gallery

With just a few clicks you can create photorealistic scenes - only on your computer.
Open gallery

Ideally suited for presentations to clients, for your portfolio or for illustrations in articles.
Open gallery

The package offers you a large selection of different scenes.
Open gallery

In the scenes, attention was paid to a modern and contemporary appearance.
Open gallery

Flat and two-dimensional? - Do without it and rely on photographic clarity instead!
Open gallery

Leaves more of an impression than a simple screenshot!
Open gallery

Photoshop automatically takes care of the perspective adjustment of your images.

help video for application

Photoshop instructions: How to use the smartphone mockups

Use mockups to present your designs in photorealistic scenes. What do you need? Photoshop, a mockup and your layout. Watch this video to find out how to use PSD mockups for smartphones. Matthias Petri gives you helpful tips and tricks so that you can visualize your designs in high quality in a short time.

5 minutes · free of charge

Details of the content

Present websites with mockups on smartphone, iPhone, cell phone

As photographed on mobile? That's exactly what you can achieve with these mockups!

Mockups for a variety of purposes - including mockups for iPhone X

This package offers you a total of 36 varied m ockups with smartphones, iPhones and cell phones, some flanked by tablets. You can create images that look like real photos without the need for complex photography and just on your computer.

As a web designer or in a design agency, mockups are ideal for presenting self-developed websites and apps to customers and in your own portfolio. You can also use mockups to add illustrative value to blog articles and even print products.

Achieve a photorealistic presentation without complex photography

Incorporating your images or screenshots into smartphones, iPhones (including iPhone X) and cell phones is very easy. Open the desired mockup in Photoshop. Double-click on the prepared smart object. Insert your image and adjust its size - Photoshop will take care of the rest, such as perspective distortion.

You can also find mockups for print products such as magazines, brochures and stationery or for advertising technology. Parts of this smartphone package are also available in the large mockup package for digital media, in which you will also find mockups with monitors, for example.

Note

Usable with: Adobe Photoshop
Licence: private and commercial Rights of use

Created with love by

Stefan Riedl

Stefan Riedl, once a trained banker, later studied graphic design and is a trainer for all topics related to desktop publishing with over 250 tutorials to his name. For five years, he was editor-in-chief of "Commag" - the online magazine for image editing and web design on PSD-Tutorials.de. As a visual designer, he played a key role in the development of the TutKit.com portal and created its appearance as art director. Stefan's focus is on strategic planning, graphic design and the development of complex user experience designs.

Products