top of page
Writer's pictureOlive Losquadro

3-Step-Tutorial: Transform Your Website with Custom Laptop Mockups

Updated: Oct 2



  1. Find an image of a laptop you like! Make sure the laptop screen is front facing and has no size distortions. 

    Royalty Free Images:

    FreePix: Lots of options, some require you to credit the photographer!

    Canva: 100s of existing web mockups, makes customizing easy!

    Mid Journey: Be sure to use the explore tab! The database is ever expanding so using your own prompt isn’t always necessary to find a good fit!



  1. Add the image or video on top of the frame of the computer screen. You can do this with any software that allows for layers in a design.

    Software Options:

    Canva

    Google Slides

    Microsoft PowerPoint

    Adobe Illustrator or Adobe Photoshop


3. Add finishing touches such as brand colors, text, or shadows! These shadows can be

found on the same royalty free sites listed in step 1. Just make sure the background is

transparent.

Royalty Free Images

FreePix: Lots of options, some require you to credit the photographer!

Canva: 100s of existing web mockups, makes customizing easy!

Mid Journey: Be sure to use the explore tab! The database is ever expanding so using your own prompt isn’t always necessary to find a good fit!

9 views0 comments

Comments


bottom of page