The Easiest Way to Add a Phone Mockup in Canva

Tech mockups are one of our favorite ways to show off new designs, promotions or educational content. It’s a great way to showcase your work in a way that is more dynamic than a static screen. 

Haute Stock has lots of beautiful phone mockups that are perfect to display your designs. But as with any design trend, things are always evolving and it keeps us on our toes when it comes to designing.

Which means, when iPhones came out with a new model that changed the look of the screen - designing for the latest phone mockups also had to change.

In this post we’re going to show you how to add a phone mockup to your image using Canva. It’s so easy you’ll never go back to using any other way!

Learn the easiest way to add a phone mockup in Canva for all your business' designs.
 

To Create a Tech Mockup Like the One Below, Follow These Steps:


  1. Use the “tech mockups” filter in the Haute Stock library to find your mockup background

  2. Select a document size in Canva

  3. Drag & drop your background mockup image into the document

  4. Search in elements for iPhone element (make sure it is the right model to match background image + features the grid screen option to pop in your mockup)

  5. Line up image + element

  6. Add design mockup to the iphone screen

  7. Turn down opacity if needed

  8. Download image

 
Learn Haute Stock's graphic design tip for easily mocking up a design on the newest iphone in Canva.

Watch the full tutorial in the video below.


More Graphic Design Tutorials from Haute Stock