Wednesday, November 4, 2020

30+ Best iPhone 11 & 12 Mockups (Pro & Pro Max)

30+ Best iPhone 11 & 12 Mockups (Pro & Pro Max)

Using an iPhone 11 or 12 mockup is the perfect way to get customers interested in your new app or responsive website theme, or to show off your new game or e-commerce page on your website.

iPhone 11 Mockup
Just one of the many terrific iPhone 11 mockups available at Placeit.

If you’ve been looking for the perfect mockup for the iPhone 11, Placeit has an amazing range of photo-realistic iPhone 11 mockup templates to suit just about every need. What’s more, the Placeit iPhone mockup generator makes these templates super easy to use.

Top iPhone 12 Mockups Found on Envato Elements

Envato Elements Design Without Limits

Before we dive into iPhone 11 mockups on Placeit, let's check out the new iPhone 12 mockups from Envato Elements.

With an Envato Elements subscription, download as many digital assets as you want with no caps. That means you'll have unlimited access to iPhone 11 and iPhone 12 mockup PSD templates, custom fonts, stock videos, and a whole lot more so you can put together your creative projects!

Envato Elements Library

Every item on Envato Elements has an easy-to-understand license and is made with professional quality. It's worry-free. All you need to do is create.

Let's have a look at some of the premium iPhone 12 mockups available to download on Envato Elements today: 

1. Clay iPhone 12 Mockup (PSD)

This clay iPhone 12 mockup template is a nice, realistic option for your needs. You'll find four scene variations in this mockup download bundle. The customisable backgrounds and Smart Layers make editing a breeze. If you're promoting a new app or website, try out this minimal floating iPhone 12 mockup.

Clay Floating iPhone 12 PSD Mockup Template

2. Isometric iPhone 12 Mockup (PSD)

Isometric design is a trend that's been catching fire in 2020 and looks to carry over into 2021. You can add that look to your app's marketing with this modern iPhone 12 mockup. This template is incredibly easy to use and is fully customisable. 

Isometric iPhone 12 Mockup PSD Template

3. iPhone 12 Pro Max Mockup (PSD)

This iPhone 12 Pro Max mockup template is a premium choice for a premium phone. The photorealistic mockup captures the iPhone 12 Pro Max from different angles. It also includes the Black and Special Blue colours of the new phone. Try out this iPhone 12 Pro Max mockup PSD for your marketing efforts in 2021.

iPhone 12 Pro Max Mockups

4. iPhone 12 Mockup (Concept) - 21 Mockups Scenes (PSD)

This is the ultimate iPhone 12 mockup PSD bundle for creatives. It features 21 scenes and perspectives to capture your app or website from all angles. Each mockup of the iPhone 12 is captured in high-resolution 5K. Try it if you need high-quality iPhone 12 mockups that are easy to customise.

iPhone 12 Mockups

10 Excellent iPhone 11 Mockups From Envato Elements

Even though the iPhone 12 has just been released, having an iPhone 11 mockup handy is still a good idea. Here are a few mockups for the iPhone 11 from Envato Elements: 

1. iPhone 11 Mockup in Hand (PSD)

This iPhone 11 mockup PSD is high resolution and sure to leave an impression. Show how your app, webpage, or blog looks in the hands of a consumer. This iPhone 11 in-hand mockup comes with different scenes and is very easy to use thanks to the included Smart Objects. If you're ever stuck while editing this file, take a look at the handy help file.  

iPhone 11 in hand mockup

2. iPhone 11 Mockup Scene (PSD)

Odds are you might need different perspectives of your app or responsive website. That's why this iPhone 11 app mockup features both portrait and landscape modes. For further visual control, each of the five editable Photoshop files includes five usable filters. This is a great option if you need to display your product or service using different angles.    

iPhone 11 app mockup

3. Colourful iPhone 11 Mockup (PSD)

Complement the creativity of your app with a creative background! Choose from six colour options with this fun iPhone 11 mockup in hand. This template includes a host of features, including:

  • quick and easy editing
  • smart objects
  • help guide
  • two pre-made scenes
iPhone 11 Mockup Hand

4. iPhone 11 Pro Mockup (PSD, Sketch, XD)

There's nothing wrong with a splash of colour like in this iPhone 11 Pro mockup. Choose from any of the four official iPhone colours to display your product. Thanks to the drag-and-drop functionality, you can place your designs quickly. Try it out if you're looking to make an iPhone 11 Pro mockup PNG.

iPhone 11 Pro Photoshop

5. iPhone 11 Pro Mockup - Desk Scene (PSD)

Want your app or website to be seen in a natural setting? Then this mockup of an iPhone 11 Pro on a desk is right up your alley. The minimal design makes sure what you put on the screen is the centre of attention. Each of the four iPhone 11 Pro Photoshop files is easy to customise and edit with your designs.

iPhone 11 Pro Photoshop

6. iPhone 11 Pro Mockup Scene 02 (PSD)

Show off the full range of your app with this professional iPhone 11 Pro Mockup Scene template. The modern template layout is perfect for 2020, and includes features like:

  • fully editable PSD file
  • vector files for easy customisation
  • drag-and-drop functionality
iPhone 11 Pro Photoshop Mockup

7. iPhone 11 Pro Mockups In Hand (PSD)

Need a quality app or website preview image fast? Try this editable iPhone 11 in-hand mockup. Featuring the iPhone 11 Pro, this template includes four different official phone colour options and Photoshop files. You can even showcase your product or service in portrait or landscape mode. Export this iPhone 11 Pro mockup to a PNG for a nice Instagram post.

iPhone 11 Pro In Hand Mockup

8. Abstract Mockup iPhone Pro Max vol.02 (PSD)

Abstract art is an excellent attention-grabber. Just take a look at this iPhone 11 Pro Max Photoshop mockup. The abstract framing of the phone is visually interesting and focuses attention on the screen. Edit the background and screen for a high-resolution, stylish illustration for marketing or advertising.

Abstract iPhone 11 Pro Max Photoshop

9. iPhone 11 Pro Max Mockup (PSD)

Need a mockup that you can use anywhere? Try this photorealistic iPhone 11 Pro Max Photoshop template. It includes a background that you can easily edit and change with colours or some scenery. The iPhones themselves come with six different colour options to suit your needs.

iPhone 11 Pro Max Photoshop Mockup

10. iPhone 11 Pro Max Mockups YR (PSD)

Rounding out our list is this simple iPhone 11 Pro Max mockup. Keep the focus on your app or responsive webpage with this template's clean design. There are three different iPhone positions to choose from with this download. The Photoshop file is editable, which means you can add and remove touches as you see fit. 

iPhone 11 Pro Max Photoshop Mockup

How to Use an iPhone 11 Mockup

1. Navigate to Placeit’s iPhone Mockup page.

Upload your screenshot or enter the URL of your webpage in the box at the top of the page.

Navigate to Placeits iPhone Mockup page

2. Select an iPhone 11 Mockup You Like

Uploading your selected image will display it in the iPhone 11, iPhone 11 Pro, and iPhone 11 Pro Max mockup templates available on Placeit. Browse the templates and select the one you like most. This will open the image in the iPhone mockup generator.

iPhone Mockup Generator Options

3. Customise Your iPhone 11 Mockup

You can now use the iPhone mockup generator to add text to your template if you like by using the Add Text button on the left-hand side. Here you can also change the font and the colour of the text to match your brand. 

The iPhone mockup generator also allows you to move the text around your iPhone mockup until you're happy with your layout. Use the Reset Layout button found on the upper right of the image if you don't like what you've done and want to start all over again.

Editing iPhone Mockup

4. Download Your iPhone Screen Mockup

When you’re happy with your iPhone mockup, you can download it for a small fee. And just like that, you’ve got a realistic iPhone mockup to use as you choose. 

iPhone 11 Mockup Finished Product

Now that you know how to use the iPhone mockup generator from Placeit, why not try it out? We've rounded up some great Placeit mockups of the iPhone 11 Pro Max, iPhone 11 Pro, and iPhone 11 that you can use. 

iPhone 11 Pro Max Mockups From Placeit

1. iPhone 11 Pro Max Mockup Over a Wooden Surface Surrounded by Baking Supplies

Have you created a new baking app or want to advertise your Instagram account specialising in baking? Then this iPhone screen generator with an iPhone 11 Pro Max sitting on a hardwood countertop surrounded by baking ingredients and tools is perfect for you.  

iPhone 11 Pro Max Mockup over a Wooden Surface Surrounded by Baking Supplies

2. iPhone 11 Pro Max Mockup Featuring a Young Man With Glasses

Why not advertise your latest iPhone app with this terrific iPhone 11 Pro Max mockup template? It features a young man sitting in a cafe holding the phone up to the viewer.

iPhone 11 Pro Max Mockup Featuring a Geek Man with Glasses

3. iPhone 11 Pro Max Mockup of a Woman in a Dark Room

If your demographic is millennials, you'll love this cool iPhone 11 mockup in hand with a casually dressed young woman holding an iPhone 11 Pro Max by two of its corners so that it's displayed in portrait mode in the foreground of the mockup.

iPhone 11 Pro Max Mockup of a Woman in a Dark Room

4. iPhone 11 Pro Max Mockup Featuring a Coloured Fabrics Setting

Want a simple yet eye-catching way to present your product? Why not try this iPhone 11 Pro Max mockup, which plays with the contrast of the curved lines of the Max, the soft folds of fabric, and a plain background. You can change the colours of both the fabric and the solid background to maximise the effect, as well as adding text if you care to. 

iPhone 11 Pro Max Mockup Featuring a Colored Fabrics Setting

5. Mockup of a Woman Holding an iPhone 11 Pro Max in Landscape Position

Another gorgeous iPhone screen generator for a millennial audience. This time, the young woman holds the iPhone horizontally so that it's obscuring the lower part of her face. A great way to focus attention on your content. 

Mockup of a Woman Holding an iPhone 11 Pro Max in Landscape Position

6. Mockup of a Fitness Woman Tying Her Sneaker on a Bench Next to an iPhone 11 Pro Max

Creators of sports apps or merchandise will love this iPhone 11 Pro Max mockup, which shows the iPhone screen clearly in the foreground, with a woman in the background tying her gym shoes with a kettlebell on the bench in front of her, suggesting she's about to begin her workout.

Mockup of a Fitness Woman Tying Her Sneaker on a Bench Next to an iPhone 11 Pro Max

7. iPhone 11 Pro Max Mockup Featuring a Young Woman Listening to a Podcast

Want to advertise your new music or radio app? Then check out this iPhone screen generator of a young woman listening to her iPhone through her air-buds while holding the phone up so that viewers can see the screen clearly. 

iPhone 11 Pro Max Mockup Featuring a Young Woman Listening to a Podcast

8. iPhone 11 Pro Max Mockup Over a Piano Keyboard

This is a great iPhone screen generator for all kinds of apps related to music or audio. Just upload your image or URL using the iPhone mockup generator, add text if you need it, and your mockup is ready to download.

iPhone 11 Pro Max Mockup over a Piano Keyboard

9. Mockup of a Woman Holding Her iPhone 11 Pro Max While Making a Funny Pose

This iPhone screen mockup communicates sheer joie de vivre. Use it for apps focused on lifestyle, fashion, music, or even travel-related content. 

Mockup of a Woman Holding Her iPhone 11 Pro Max While Making a Funny Pose

iPhone 11 Pro Mockup

10. iPhone 11 Pro Mockup of a Long-Haired Woman With a Cap Staring Into the Sky

This cool, modern iPhone screen mockup is perfect for apps and websites related to exploring cities, finding shops and landmarks within a specific city, hotel and restaurant apps, and so much more.

iPhone 11 Pro Mockup of a Long-Haired Woman with a Cap Staring into the Sky

11. Mockup Featuring an iPhone 11 Pro Being Held by a Woman Sitting Down

A classic over-the-shoulder shot of a woman looking at a phone while relaxing in a restaurant, this iPhone screen mockup gives viewers a clear view of the iPhone 11 Pro screen. This iPhone 11 in-hand mockup can be used to advertise a number of different apps and websites, from gaming to photography to lifestyle.

Mockup Featuring an iPhone 11 Pro Being Held by a Woman Sitting Down

12. iPhone 11 Pro Mockup Featuring a Coffee Shop Setting

The laptop and coffee combo is such a contemporary image, making this the ideal iPhone screen mockup for any and every app or website imaginable. Use the iPhone mockup generator to try out your images and see what you think.

iPhone 11 Pro Mockup Featuring a Coffee Shop Setting

13. iPhone 11 Pro Mockup Featuring an Arabic Setting

A gorgeous, colourfully patterned fabric provides the backdrop for this beautiful mockup with an Asian flavour. The mockup gives you one full view of your image on the iPhone Pro and a partial view of your image on the other iPhone Pro, while the other iPhones in the image just show a black screen. It's a unique way to show two iPhones in a mockup.

Two iPhones Mockup Featuring an Arabic Setting

14. iPhone 11 Pro Mockup Over an Open Book

If you've just launched a study, book, or reading-related website or app, you may like this mockup, which shows a hand framing an iPhone 11 Pro that's resting against an open book. 

iPhone 11 Pro Mockup over an Open Book

15. Mockup of an iPhone 11 Pro Surrounded by Baking Supplies

We've already shown you a terrific iPhone 11 Pro Max mockup for baking-related content, but for those looking for an iPhone 11 Pro version, here's a great one. Featuring an iPhone 11 Pro surrounded by brownies and baking tools, this mockup leaves no doubt who it's targeting.

Mockup of an iPhone 11 Pro Surrounded by Baking Supplies

16. iPhone 11 Pro Mockup Featuring a Woman Doing a Plank

Workout apps have proven indispensable to the busy modern woman, who may not have the time to go to the gym but wants to get her exercise in anyway. Advertise your fitness apps and YouTube, Instagram, or Facebook channels using this fabulous iPhone mockup.

iPhone 11 Pro Mockup Featuring a Woman Doing a Plank

17. Mockup of an iPhone 11 Pro Lying on an Office Desk

This iPhone mockup can be applied to so many different scenarios. The first that comes to mind is for apps related to writing or studying, whether that be a new language or maths, but really it could be used for just about any kind of website app or social media channel you can imagine. 

 Mockup of an iPhone 11 Pro Lying on an Office Desk

iPhone 11 Mockup

18. Mockup Featuring an iPhone 11 in Landscape Position Placed on a Coloured Surface

Sometimes, all you need is a mockup with a plain background or no background at all. For those times, here is this iPhone 11 mockup placed horizontally against a solid grey background. Don't worry if you have a specific colour in mind—this template allows you to change the background to the exact colour that you need. 

Mockup Featuring an iPhone 11 in Landscape Position Placed on a Colored Surface

19. Mockup of an iPhone 11 Placed Centred in a Custom-Colour Backdrop

Of course, you may want the same mockup featured above but with the iPhone placed vertically in the frame as opposed to horizontally. That's why we've included this mockup template, which offers the same controls to change the background colour as the one above. 

Mockup of an iPhone 11 Placed Centered in a Custom-Color Backdrop

20. Mockup of a Blue iPhone 11 on Top of Another iPhone Over a Solid Surface

Just to add some more variety to these simple iPhone mockups, this one offers two iPhone 11s overlapping each other against a transparent background, which allows you to place the iPhone against any type of background you care to once you've downloaded it. And, by the way, the two iPhones above also give you the option of making the background transparent.

Mockup of a Blue iPhone 11 on Top of Another iPhone Over a Solid Surface

21. Mockup Featuring Two Overlapping iPhones 11 Over a Solid Colour Surface

Finally, another option in your minimalist iPhone mockup arsenal. This time, one phone hovers over the other, and the iPhone mockup generator offers two separate controls for uploading your images so that you can add a different image to each screen. 

Mockup Featuring Two Overlapping iPhones 11 over a Solid Color Surface

10 Top Premium iPhone 11 Mockups From GraphicRiver

Are you looking for an iPhone 11 app mockup file you can download and tweak yourself? If you're not interested in an Envato Elements membership, head over to GraphicRiver. There you can make a single purchase for any asset you need. You'll get premium quality without needing to pay for a membership.

GraphicRiver iPhone 11 Mockups

If you want a peek at what's available on GraphicRiver, we've rounded up 10 top iPhone 11 templates and mockups:

1. iPhone 11 Pro Clay Mockup Set (PSD)

Take full control of how your app or webpage looks with this clay iPhone 11 Pro Photoshop mockup. This template includes 19 different arrangements and perspective angles for you to choose from. The clay style is realistic yet adds a slight abstract touch. Its modern style fits right in with your portfolio or proposal. You can export this iPhone 11 Pro mockup to a PNG for easy social media sharing.

iPhone 11 Pro Photoshop

2. iPhone 11 Pro Layered PSD Mock-ups in 4 Colours (PSD)

With four colours and nine different poses, this iPhone 11 Pro mockup has what you need to show your app in all its glory. It's fully layered and neatly labelled for easy editing. This mockup even has a help file in case you have trouble. It makes a nice option if you need to show two iPhones in a mockup.

iPhone 11 Pro Max Mockup

3. Mobile iPhone 11 Mockup (PSD)

If you want even more options for an iPhone 11 Pro mockup, then check out this template. It has 19 PSD files that feature iPhones that are in hand and isolated. Take advantage of included editing options like:

  • light and dark mode
  • transparent background
  • customisable
iPhone 11 Mockup PSD

4. Gold & White Phone 11 Kit (PSD)

This iPhone 11 mockup PSD is as good as gold. It features the device from different angles with a range of scenes. Just like the screen, the logo on the back of the iPhone is fully editable, allowing your brand to be seen on all sides. You can even change the colour of the bezel as a last touch.  

iPhone 11 App Mockup

5. Clean Phone 11 Mockup (PSD)

If you don't want an iPhone 11 template that's photorealistic but still need professional quality, try the Clean Phone 11 Mockup PSD. It has a range of positions, and each Photoshop file includes five photographic filters. Once you make your edits, you'll be left with a high-quality mockup that's social media ready.

iPhone 11 Mockup

6. Neon Phone 11 & Pods Mockup (PSD)

Get flashy with this neon iPhone 11 mockup PSD. The bright lights contrast nicely with the dark background, and you can tie it all together by adding images of your app or responsive webpage. Thanks to the easy-to-use Smart Objects, editing images with this template is a breeze.

Neon iPhone 11 Template

7. iFone 11 Pro & Pro Max Mockup (PSD)

Minimal design is trendy this year, and you'll find that it's executed well here. This template is light on design frills but has a focus on professional design. Make changes to the background by choosing one of the three pre-made images or using a custom one. It also includes two iPhones in its mockup: the iPhone 11 Pro and iPhone 11 Pro Max. 

iPhone 11 Pro PSD Mockup

8. iPhone 11 Pro Mockups (PSD)

When it comes to colour, sometimes softer tones say the most. This iPhone 11 Pro Photoshop mockup applies this principle to its design. It has multiple colour and background options that complement the app or webpage image you choose to put on screen. This template is a great option for developers looking to keep the focus on their design.

iPhone 11 Pro Mockup

9. iPhone 11 PSD Mock-ups (PSD)

This iPhone 11 mockup gives you and your product or service a lot of visual options. With ten poses and multiple backgrounds, you'll be able to create multiple unique marketing and advertising materials. Thanks to Smart Objects, you'll cut down on the time you spend editing. 

iPhone 11 Mockup Template

10. Phone 11 ProMax Mockup (PSD)

To close out our list, we have this fantastic iPhone 11 Pro Max Photoshop mockup. Using the green colour of the iPhone 11 Pro Max, this template allows you to make edits fast. Add your images and change the background colour with this simple mockup.

iPhone 11 Pro Max In Hand Mockup

Take an iPhone Screen Mockup for a Spin Today

Have you found an iPhone screen mockup you love here? Why not make your own mockup and share it with us in the comments below. 

And remember, the best iPhone 11 and 12 mockups you saw above are only a fraction of the wonderful options available at Placeit and Envato Elements. If you haven't found exactly what you need here, head on over to the site and browse the large collections of iPhone mockups to be found there. 

If you're interested in other kinds of mockups as well, here are some great suggestions for you:


No comments:

Post a Comment