Windows Laptop Mockup
What's inside
- Applications Photoshop
- File Types PSD
- License Free (see author's terms)
- Author PSD Graphics
A windows laptop mockup, made for presenting an online course screen. Drop in your artwork and the lighting and shadows stay as they are.
Good pick for web designers, SaaS teams or anyone putting together a portfolio. Tip: for app store or portfolio images, crop tight around the device so the screen fills most of the frame.
It’s also a quick way to make case study images look consistent: same device, same angle, different screens.
Works well for
- An online course screen
- A website
- A dashboard
The file is made by PSD Graphics. The download button takes you to their page, where you get the original file and the licence details.
What’s inside the Windows Laptop Mockup PSD
Main things you can change in Photoshop:
- Screen design, placed through the smart object
- Background colour
- Shadow under the device
How to edit this Windows Laptop Mockup in Photoshop
- Export your screen design as a PNG at the exact size of the screen smart object.
- Open the PSD in Photoshop and find the smart object layer, usually named “Your Design” or “Place Here”.
- Paste your design, resize it to fill the area, then save (Ctrl/Cmd + S) and close that tab.
- Change the background colour to fit your brand.
- Export with File › Export › Export As: JPG for sharing, PNG for the web.
Another tip: make your screen design at the exact pixel size of the smart object, otherwise text on the screen turns blurry.
Best uses for this Windows Laptop Mockup
- Use it as the cover image for a website in your portfolio.
- Share a web app on Instagram, Behance or Dribbble with a real-looking preview.
- Make two or three colour versions of a dashboard and let the client pick.
Before you download
- Made by PSD Graphics. The download size and format are listed on their page.
- Built for Adobe Photoshop. A recent CC version handles the smart objects best.
- The preview shows the angle, background and lighting you’ll get.
More free laptop mockups are listed below, each linking to the original author.
Questions about this mockup
Can I use this laptop mockup for client work?
That depends on the author's terms. The download page lists what is allowed; when in doubt, ask the author directly.
How do I add my design?
Open the file in Photoshop, double-click the smart object thumbnail, paste or place your artwork in the new tab, save it (Ctrl/Cmd + S) and close. The main file updates on its own.
Which Photoshop version do I need?
A recent Photoshop CC version is best. Older versions can open the file but sometimes have trouble with smart objects and effects.
What size should my screenshot be?
Open the screen smart object and check its canvas size in Image › Canvas Size. Paste your screenshot at that size so it stays sharp.
Why does the download open another website?
We list free files from designers around the web and link to the original page, so PSD Graphics gets the visit and you get the file exactly as they published it.
